使用hexo搭建博客超简易教程

hex安装的前提需要Node.js和Git，没有安装的小伙伴请自行百度。

效果图：

image.png

本地博客

安装hexo

$ npm install hexo-cli -g

新建一个文件夹mySite，然后cd到该文件夹。

$ hexo init #初始化
$ hexo g #创建静态html文件
$ hexo s #开启本地服务

成功后就可以在浏览器输入localhost:4000 进行访问。

---

增加文章

$ hexo new "articleName"#新建文章

生成的文章会存在于 mySite/source/posts 目录下
文章默认是一个 .md 的格式，所以需要知道markdown语法哦

---

增加页面

$ hexo new page "pageName" #新建页面

---

主题改变

主题库 https://github.com/hexojs/hexo/wiki/Themes

先在主题库选好主题，比如博主的主题就是 next。

$ cd mySite
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

成功后修改mySite文件夹下的 _config.yml 文件中。将 theme:之前的主题名改为theme:next即可。

改完后执行

$ hexo clean
$ hexo g
$ hexo s

开启本地服务之后就可以在浏览器输入localhost:4000 进行访问。

---

远程博客

之前的操作只能本地访问，要想别人也能访问的话必须发布到服务器上，这里我是用github的服务器。

使用github搭建远程博客需要学习GitHub Pages，不会的小伙伴请自行百度。

1. 修改mySite文件夹下的_config.yml文件。

...
#通常在该文件的最后
deploy:

     type: git

     repo: https://github.com/{ice45571}/{ice45571}.github.io.git #大括号里内容需要替换成你自己的github名字

     branch: master

2. $ npm install hexo-deployer-git --save
3. $ hexo deploy #部署本地服务器文件到github服务器
4. 成功后只需要在浏览器输入https://{ice45571}.github.io/即可访问
5. 之后本地所有改动只要使用$ hexo deploy就可以同步到远程服务器

---

尾语

1. 原文链接
2. 目前集成评论系统出错,待更新(成功的小伙伴可以多多指教)。