使用hexo与github搭建静态博客

前言：本文是一篇简单的独立博客搭建教程，内容不够完善，在我使用博客的过程中会不断实践并进行补充。

---

1.安装node.js

下载node.js安装过程很简单。

2.安装hexo

找个地方新建个文件夹，命名随意，我们先假设将其命名为hexo。在新建的hexo文件夹内最上面的路径显示框中输入CMD,然后回车打开命令行程序并且路径是当前文件夹。

注意：本文中hexo相关所有命令都要在此站点目录下。

在命令行界面中执行如下命令安装hexo：

npm install -g hexo

然后输入如下命令自动生成建立网站所需要的文件：

hexo init

然后按照提示，运行如下命令安装node_modules：

npm install

这时hexo基本的安装就已经完成，运行如下命令启动本地hexo服务：

hexo server

提示服务启动后在浏览器中打开http://localhost:4000/进行预览，这时可以看到Hexo已自动生成了一篇blog，停止服务按Ctrl+C。

3.新建文章

在上步命令行窗口中执行：

hexo new "新建文章标题"

该命令会在\\source_posts目录下心生成一个.md为后缀的markdown文件。当然也可以直接在\\source_posts中新建一个md文件。用markdown编辑器将其打开就可以写文章了。

markdown编辑器我使用的是markdownpad。

用Atom也不错，还可以安装插件，打字有狂拽酷炫吊炸天的特效。

在写文章时如果需要使用图片，可以先把图片上传到github中再引用。github使用方法在下文。

hexo首页默认显示的是文章全文，如果你想只显示文章的简介，就在文章中你想在首页显示的部分后加上

4.更换主题

hexo有很多主题可以从这里挑个。

以hexo-theme-yilia主题为例，在命令行窗口中执行如下命令将主题文件克隆到themes文件夹中：

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

然后打开站点配置文件_config.yml，找到theme 字段，并将其值更改为 yilia。然后执行

hexo server

并在浏览器中打开http://localhost:4000/进行预览，看是否更换主题成功。

修改部分网站信息比如标题、描述、语言设置也是在_config.yml文件中。

5.404网页

404页面网上有很多模板，推荐使用腾讯的寻子公益404页面。

在/source目录下新建txt文件，将下面代码复制粘贴到其中