记blog搭建过程

2017-10-04

CoralBlade’s Blog的“0号”文章记录了这个 blog 的搭建过程。在你见到这篇文章之前，blog 已经搭建过两次，有过两篇文章，其中一篇是默认的“Hello World”，另外一篇是用于测试LaTeX功能的。现在这些都已经被删除掉了，可以算作CoralBlade’s Blog的史前时代。
通过参考这篇文章，你可以做到：

利用 Hexo 搭建静态网页 blog
对 blog 应用 Yilia 主题并支持 LaTeX
将 blog 部署到 github pages 上

准备工作

安装node.js和git。
打开命令行，安装 hexo：

1	npm install -g hexo-cli

这一部分如遇到问题请参阅hexo。

利用 Hexo 搭建静态网页 blog

通过以下命令将Hexo初始化到某一目标文件夹，这里我选择的是c:/hexo/blog

1
2
3

hexo init c:/hexo/blog
cd c:/hexo/blog
npm install

此后，在c:/hexo/blog 下（当前状态即是）：

hexo s

在本地开启服务，可以看到本地blog已经搭建成功。
按下 Ctrl + C 后键入 y 终止操作。
如果想要新建一篇标题名为 “hello” 的文章

1	hexo new hello

编辑c:\hexo\blog2\source\_posts\hello.md ,这是一个markdown格式文件，请自行了解。

这一部分如遇到问题请参阅hexo。

对 blog 应用 Yilia 主题

在c:/hexo/blog 下，
安装

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

配置
修改blog目录下的 _config.yml : theme: yilia

运行本地服务查看效果

hexo s

应该能看到已经使用了 Yilia主题。

支持 LaTeX
修改blog/themes/yilia目录下的 _config.yml : mathjax: true
将以下的 LaTeX 代码加入到刚刚新建的hello.md中，

$$
\begin{eqnarray}
\nabla\cdot\vec{E} &=& \frac{\rho}{\epsilon_0} \\
\nabla\cdot\vec{B} &=& 0 \\
\nabla\times\vec{E} &=& -\frac{\partial B}{\partial t} \\
\nabla\times\vec{B} &=& \mu_0\left(\vec{J}+\epsilon_0\frac{\partial E}{\partial t} \right)
\end{eqnarray}
$$
Simple inline \\(a = b + c\\).
$x_2$
$x^2$

在浏览器中刷新 blog ，应该可以显示公式，但是麦克斯韦方程组显示为一行，这是因为 markdown 语法和 LaTeX 语法冲突所致，在 LaTeX 中，如果想要公式换行，请用\\\\ 代替 \\ ，编辑后再次刷新应当能够正常显示公式。其它解决方式参阅使Marked.js与MathJax共存，通过该方法仍可在 LaTeX 代码中通过 \\ 换行。

这一部分如遇到问题请参阅Yilia。

将 blog 部署到 github pages 上

首先，你应当注册 github 账号。
然后建立一个新的“repository”。名字为必须为username.github.io，其中username是你的用户名。可以参阅githubpages。

在正式部署前，你可以浏览下推荐的参阅资料，修改好各个配置，如作者，友情链接，社交账号等等。当然，如果这一次的配置不满意，你也可以之后重新部署或删除整个“repository”，在配置完成，本地预览满意后，开始部署。
打开GitBash。定位到blog文件夹。也可以在blog文件夹右键Git Bash Here。
依次执行以下命令：

git clone https://github.com/username/username.github.io.git .deploy/username.github.io
hexo generate
cp -R public/* .deploy/username.github.io
cd .deploy/username.github.io
git add .
git commit -m "Site updated: $(date)"
git push origin master

按提示输入用户名密码后将部署成功，打开username.github.io查看(请将username替换为你自己的用户名)。

本文还参阅了：
手把手教你使用Hexo + Github Pages搭建个人独立博客
 MathJax在hexo中的使用总结
一并列出，以供参考。
如果你有什么建议，可以给我发邮件
全文完