用hexo来搭建博客

对于一个程序员来讲，有自己的博客来记载一些学习上的知识点是很重要的

0x01

安装准备工作

1.1安装git

1.2安装node.js

这两步的安装都直接在官网上进行，比较简单，这两步安装结束之后，打开电脑命令行，然后输入以下命令

git --version
node -v
npm -v

输入以上命令后，命令提示符就会显示：

C:\Users\zyy>git --version
git version 2.7.0.windows.1
C:\Users\zyy>node -v
v6.9.5
C:\Users\zyy>cnpm -v
cnpm@4.5.0
npm@3.10.10

在上面的命令中，你会发现我没有直接使用npm,这是因为npm比较慢，所以此时我使用了淘宝镜像，淘宝镜像的安装代码为：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

0x02

2.1搭建github博客

新建一个名为你的用户名.github.io的仓库,例如我建的仓库就是zhangyayazhang.github.io,并且要### 2.2配置SSH-Key

0x03 安装Hexo

3.1 安装

用Git Bash打开Git命令行，直接执行如下命令

$ npm install -g hexo-cli

3.2初始化

在电脑的某个地方新建一个文件夹（名字可以随便取），比如我的是E:blog,然后必须在这个路径下执行以下命令

$ hexo init

执行完这个命令后，E盘blog下的目录结构如下图:

3.3 在本地预览

执行如下命令

$ hexo g #根据当前目录下的默认文件，生成静态网页
$ hexo server #运行本地服务

此时用浏览器访问http://localhost:4000,即可以看到一篇名为hello world的文章，然后在git命令行里根据提示按下Ctrl+C停止Server.

3.4 部署到github上

首先安装一个插件:

npm install hexo-deployer-git --save

然后用sublime3编辑器打开_config.yml,找到deploy一栏，修改如下：

deploy:
  type: git
  repository: https://github.com/zhangyayazhang/zhangyayazhang.github.io.git
  branch: master
  ``` 


 然后在执行如下代码：
 ```html
 $ hexo deploy

最后在浏览器中打开，以我的为例，zhangyayazhang.github.io，即可以看到一篇名为hello world的文章

3.5 更换一个好看的主题（这里我选择的是litten/hexo-theme-yilia)

我的是E:blog,然后必须在这个路径下执行以下命令，

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

执行完这个命令后，就会在E:blog：themes下出现yilia这个文件夹
然后用sublime3编辑器打开_config.yml,找到theme一栏，修改如下：

theme：yilla

这里要尤其注意冒号后面有一个空格，不然会出问题

3.6 然后再在git命令里执行如下生成和部署命令：

$ hexo g
$ hexo s
$ hexo d

在浏览器中打开，以我的为例，zhangyayazhang.github.io，即可以看到一篇名为hello world的文章,但是主题模式已经变了

0x04 新写自己的第一篇博文

4.1 先删掉hello world这篇默认博文

方法是:首先进入到source / _post 文件夹中，找到helloworld.md文件，在本地直接执行删除,然后再执行生成和部署命令，在浏览器中打开，以我的为例，zhangyayazhang.github.io，就发现没有这篇博文啦

4.2 新写一篇博文

在git命令里执行如下命令：

$ hexo new "用hexo来搭建博客"    #"用hexo来搭建博客"是新文章的名字，随便取哈

执行完以上命令后，进入到source / _post 文件夹中，就会找到用hexo来搭建博客.md文件
然后用sublime3编辑器打开 用hexo来搭建博客.md,采用markdown格式编辑它，最后写完后，在执行3.6里的命令

第一篇博文就写到这里啦，期待下一篇博文，哈哈哈