Hexo编译静态资源生成博客图文教程

一、前提

1、node环境

• 首先，安装 nodejs， 因为Hexo是基于 Node.js 驱动的一款博客框架，相 Jekyll 框架更快更简洁。
  参考这篇博客：nodejs安装图文教程

二、安装

以上环境准备好了就可以使用 npm 开始安装 Hexo 了。
也可查看Hexo的详细文档 官网文档

1、初始化

新建一个目录 例如 D:\blog 在目录内， 鼠标右键 选择 git bash here 打开git命令窗口

依次执行以下命令：

nmp install -g hexo-cli

hexo init 

npm install

主要目录如下：

.
├── _config.yml <span class="hljs-comment"># 网站的配置信息，您可以在此配置大部分的参数。 </span>
├── package.json
├── scaffolds <span class="hljs-comment"># 模版文件夹</span>
├── <span class="hljs-built_in">source</span>  <span class="hljs-comment"># 资源文件夹，除 _posts 文件，其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹</span>
|   ├── _drafts <span class="hljs-comment"># 草稿文件</span>
|   └── _posts <span class="hljs-comment"># 文章Markdowm文件 </span>
└── themes  <span class="hljs-comment"># 主题文件夹</span></code>

效果如下：

2、运行

好了，如果上面的命令都没报错的话，就恭喜了，运行 hexo s 命令，其中 s 是 server 的缩写，在浏览器中输入

hexo s

效果如下：

此时，本地博客就已经搭建完成了，接下来部署到GitHub Page 就可以了。