Hello Hexo!一款高效的个人博客框架
一.前言
什么是 Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
现在网上大多数的博客系统其实都是别人的框架,比较流行的框架有 WordPress, halo , hugo 还有我们今天要讲的 Hexo。
二.安装准备
- 本文部分代码可能失效,具体以官网 | Hexo为准
由于 Hexo 是基于 Node.js 的,因此我们需要先下载 Node.js,另外只需要安装 git 工具就 ok 了。
1.安装Node.js
傻瓜式安装,一直 next 即可。如有疑惑请自行上网搜索,网上安装教程很全,相信大家不会在这耽搁太多时间。安装完成后我们任意位置单击鼠标右键会有一个 Git Bash Here,点击后就会弹出 git 命令框了。
注意:若想要后面下载速度更快,请打开 git 输入以下命令
1 | npm config set registry "https://registry.npm.taobao.org" |
2.安装Git
上同。
三.Hexo 安装
完成上述操作后即可开始安装 Hexo。我们通过 npm 来安装 hexo。桌面鼠标单机右键,打开 Git Bash Here。
- 键入以下命令:
1 | $ npm install -g hexo-cli |
- 之后在指定路径新建文件夹(英文名),右键打开 git 命令框,输入指令:
踩坑点:千万要在你刚建好的文件夹中打开 git 命令框!
1 | hexo init |
到这里 Hexo 就彻底安装完毕了。我们可以看到刚刚的文件夹里面新增了很多文件以及文件夹:
四.Hexo 使用
1.自定义配置
打开_config.yml 进行基础配置,比如修改你的博客的名字之类的,详情见官网 | Hexo
2.创建文章
a).先整体说一下各个文件是干嘛的
1 | . |
b).我们进入根目录,就是你刚刚新建的文件夹的名字
输入以下命令:
1 | $ hexo new [layout] <title> |
也可以不设置 layout
,默认使用 _config.yml 中的 default_layout
参数代替(默认是 post)。如果标题包含空格的话,请使用引号括起来。
1 | $ hexo new "My First Post" |
之后我们从根目录依次点击 source –> _posts –> My First Post.md 编辑文件。
进入之后他是长这样的:---
之间是 front-matter,是我们每篇文章的一些变量,我们可以在这里单独进行设置,也可以在_config.yml 中统一配置。而在---
之外的地方就是我们写自己博客内容的位置了。需要注意要用 MarkDown 语法哦。
c).写完保存之后,在根目录再次打开 git 命令框输入
1 | $ hexo clean |
- 每次运行前建议 clean 一下缓存,免得出现一些奇奇怪怪的问题
d).输入以下命令,生成静态网页文件
1 | $ hexo g |
e).最后,输入下列代码
1 | $ hexo s |
敲完回车后就在本地服务器上运行了,你的博客就可以在本地浏览了,方法:在浏览器 url 框中输入 http://localhost:4000 即可查看。