Hexo博客系统尝鲜

Hexo博客系统尝鲜

昨晚和朋友吃饭时，听他说他用Hexo搭了一个博客系统，直接部署到Github上就可以访问了。想想自己之前花了九牛二虎之力搭建的阿里云+LAMP+Wordpress系统，心碎，于是今天花了一点时间尝试弄一下Hexo。

我主要是解决五个问题：

1. 搭建本地Hexo服务
2. 部署至Github
3. 如何更换主题
4. 如何发表博客
5. 如何在博客中插入图片

1 搭建本地Hexo服务

Step 1 环境配置

1. 确保电脑中已经安装了node.js(npm)、git，并且注册一个Github账号。

Step 2 配置Github端

1. 在Github上创建一个repo，repo名字必须是：你的Github用户名.github.io（注意，这很重要！！！）
2. 在git bash中输入ssh -T [email protected]，如果出现Permission denied (publickey).字样你则需要在github中配置public key
3. 在Git Bash中输入ssh-keygen -C "你的github注册邮箱"生成ssh密钥
4. 键入cd ~–>cd .ssh–>ls：
5. cat id_rsa.pub即可显示ssh public key
6. 进入自己的github主页，点击右上角的小头像–>下拉菜单中选择Settings–>SSH and GPG keys–> New SSH key（绿色按钮），将刚刚显示的ssh public key复制粘贴进去就可以。
7. 再一次输入ssh -T [email protected]，显示Hi 你的github用户名! You've successfully authenticated, but GitHub does not provide shell access.就表示成功了。

Step 3 安装Hexo

1. 到一个合适的文件夹下准备安装Hexo。输入npm install hexo.安装完成后会生成一个node_modules目录，存放Hexo依赖的各种包。
2. ./node_modules/hexo/bin/hexo这个程序我们后面需要在命令中用到，如果嫌麻烦的话，可以将其加入环境变量。
3. 到一个新的目录（用于存放我们的博客项目）中，键入hexo init–>npm install–>hexo generate–>hexo server
4. 此时**Hexo服务已经运行了，我们在浏览器中键入localhost://4000即可访问！

2 部署至Github

1. 打开存放我们的博客项目的目录，打开文件**_config.yml**.

2. 在文件最下方输入：

   deploy:
     type: git
     repo: [email protected]:你的Github用户名/你的Github用户名.github.io.git
     branch: master
   

3. 键入命令npm install hexo-deployer-git --save

4. 键入命令hexo deploy即可完成部署。

5. 在浏览器中键入http://你的Github用户名.github.io即可访问。

3 如何更换主题

1. 去Hexo Themes选择自己喜欢的主题，我们以主题Aero-Dual为例，现将其clone至本地git clone https://github.com/levblanc/hexo-theme-aero-dual.git。

2. 将文件夹的名字更改为aero-dual，并将该文件夹复制到博客项目目录/themes/

3. 在**_config.yml**中将theme修改为theme: aero-dual

4. 键入命令重新部署：hexo clean–>hexo g–>hexo s先在本地localhost:4000查看，觉得没有问题了再hexo d。

   hexo g <==> hexo generate

   hexo s <==> hexo server

   hexo d <==> hexo deploy

5. 有的主题可能有特殊的设置，有疑问的话一定要多看对应主题的相关文档。

4 如何发表博客

1. 发表博客很容易，可以直接将写好的markdown文件xxx.md添加到博客项目目录/source/_post/中，也可以使用命令hexo new [layout]