最开始接触 Blog,总会遇到各种各样大大小小的问题,但是在网络上查找各种解决办法的时候,往往都是只告诉了你怎么做,却没有说为什么?我们也就机械化的进行ctrl+c,ctrl+v,这是十分不可取的。因此本着「授人以鱼不如授人以渔」的想法,决定对整个 Hexo 和 Next 的文件组织进行一波系统的整理,既便于我们维护管理,也可以更好更官方的进行 Blog 主题优化。
Hexo 篇
什么是 Hexo?
这是官方解释:
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
安装(详细过程这里就不再阐述):
- 安装
Git
,分散式版本控制软件 - 安装
Node.js
,一个基于 Chrome V8 引擎的 JavaScript 运行时 - 使用
npm
安装Hexo
,npm 是 node.js 的包管理器
常用命令
这里是从官网上摘录的一些我们日常中经常使用的命令:
hexo init [folder]
:新建一个网站。- 如果没有设置 folder ,Hexo 默认在目前的文件夹建立网站。
hexo new [layout] <title>
:新建一篇文章;- 如果没有设置 layout 的话,默认使用 _config.yml 中的 default_layout 参数代替;
- 如果标题包含空格的话,请使用引号括起来;
hexo publish [layout] <filename>
:发表草稿
hexo g
:生成静态文件;hexo g -f
:效果接近hexo clean && hexo generate
hexo d
:部署网站- 常用组合:
hexo g -d
- 常用组合:
hexo server
:启动服务器。- 默认情况下,访问网址为: http://localhost:4000/
hexo clean
:清除缓存文件 (db.json) 和已生成的静态文件 (public)- 在某些情况(尤其是更换主题后),如果发现您对站点的更改无论如何也不生效,您可能需要运行该命令
文件组织结构
$ hexo init <folder>
$ cd <folder>
$ npm install
Hexo 在指定文件夹中初始化完毕后,会出现如下文件结构ÿ