Hexo介绍
1 Hexo是什么?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown
(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
2 如何使用Hexo?
2.1 安装
2.1.1 安装前提
2.1.2 安装Git
2.1.3 安装Node.js
2.1.4 安装Hexo
完成安装前提后,即可使用npm来安装Hexo。
鼠标右键单击选择Git Bash,打开终端,输入以下命令进行安装:
1 | npm install -g hexo-cli |
安装完成后,输入以下命令检查安装是否成功:
1 | hexo -v |
成功后则会显示具体版本号,大致如下所示:
1 | lyl@lyl-PC MINGW64 ~/Desktop |
2.1.5 Node.js版本限制
Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本。
Hexo 版本 | 最低兼容 Node.js 版本 |
---|---|
5.0+ | 10.13.0 |
4.1 - 4.2 | 8.10 |
4.0 | 8.6 |
3.3 - 3.9 | 6.9 |
3.2 - 3.3 | 0.12 |
3.0 - 3.1 | 0.10 or iojs |
0.0.1 - 2.8 | 0.10 |
2.2 建站
2.2.1 初始化
首先创建一个文件夹HexoBlog
,用于存放所有建站的相关文件:
1 | mkdir HexoBlog |
然后在终端输入如下命令进行初始化:
1 | hexo init HexoBlog |
初始化完成后,提示信息如下:
1 | lyl@lyl-PC MINGW64 /e/MyData |
HexoBlog
文件夹目录结构如下:
1 | . |
文件/文件夹 | 描述 |
---|---|
node_modules |
模块文件夹,存放下载的模块。 |
scaffolds |
模板文件夹,Hexo根据模板来新建文章或页面。 |
source |
资源文件夹,存放用户资源。除_posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹 和隐藏的文件将会被忽略。 |
themes |
主题文件夹,Hexo根据主题生成静态页面。 |
.gitignore |
忽略文件模板,被忽略的文件不会进入版本控制。 |
_config.landscape.yml |
默认的主题配置信息 |
_config.yml |
网站的配置信息 |
package.json |
应用程序的信息。EJS , Stylus 和Markdown renderer 已默认安装,可自由移除。 |
package.json |
应用程序的信息,锁定安装时的包的版本号,保证其他人在npm install时,依赖能保证一致。 |
2.2.2 命令
- init(初始化)
1
2# 初始化一个名为FOLDER_NAME文件夹
hexo init FOLDER_NAME - new(新建)
1
2
3
4
5
6
7
8
9# 新建一篇名为POST_NAME的文章
hexo new POST_NAME
# 新建一个title为About me的页面并指定路径
# 此时会在`source/about`下创建一个`me.md`文件
hexo new page --path about/me "About me"
# 新建一个名为about的独立页面
hexo new page about - generate(编译生成)
1
2
3
4# 编译生成
hexo generate
# 简写
hexo g - server(启动预览)
1
2
3
4# 启动预览
hexo server
# 简写
hexo s - deploy(部署)
1
2
3
4# 部署
hexo deploy
# 简写
hexo d - clean(清除缓存)
1
2# 清除缓存
hexo clean
2.2.3 预览
初始化完成后,就可以进行编译、预览来查看网站的效果了。
终端输入如下命令进行编译、预览:
1 | # 进入HexoBlog |
浏览器输入http://localhost:4000
查看效果:
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 云!
评论