利用Github Pages 和 Hexo快速搭建自己的Blog

什么是GithubPages:

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在Github 上，你可以选择使用Github Pages 默认提供的域名 github.io 或者自定义域名来发布站点。

如何创建GithubPages

假设你已经拥有github账号了。创建一个repository，命名格式为 yourusername.github.io (例如我这里就是 magicdavid20.github.io， 这种每个账号只能创建一个)。 

然后创建一个index.html文件，提交到github上， 然后就可以通过 http://magicdavid20.github.io 访问了。

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

点击查看Hexo文档。

如何使用Hexo

1. 安装前提

   • Node.js
   • git (mac上我是使用的GitHub客户端)

2. 安装Hexo

   • $ npm install -g hexo-cli

3. 创建

   • 在指定文件夹目录下 $ hexo init
   • 安装依赖包 $ npm install

4. 生成静态文件

   • $ hexo generate

5. 服务器部署

   • $ hexo server
   • 访问 http://localhost:4000 ，可以本地预览了

6. 部署配置

   • 在文件_config.yml中

     deploy:
         type: git
         repo:
         github: https://github.com/MagicDavid20/magicdavid20.github.io.git,master

   • 配置晚了就可以通过 $ hexo deploy 部署到服务器

7. 修改配置

   • 如果要修改配置的话， 可根据文档修改 _config.yml 配置说明。

如何写博客

1. hexo new "my new post" 这就创建了一篇新文章。此时在source_pos中可以找到对应的md文件。
   文件格式如下

title: my new post #可以改成中文的，如“新文章”
date: 2017-2-21  #发表日期，一般不改动
tags: [blog] #文章标签
---
#这里是正文，用markdown写，你可以选择写一段显示在首页的简介后，加上
<!--more-->，在<!--more-->之前的内容会显示在首页，之后的内容会被隐藏，当游客点击Read more才能看到。

1. $ hexo generate 生成静态文件， 可简写为 $ hexo g
2. $ hexo deploy 部署到服务器， 这里就是指部署到github上，可简写为 $ hexo d
3. 此时可以在 yourusername.github.io上看到你的文章啦

---

切换主题

1. 主题的安装：在网上搜寻喜欢的主题，将主题下载到 theme路径下。
2. config.yml配置文件中的theme属性，将其设置为你下载的主题名。
3. 重生生成并部署， 此时浏览你的blog就是新的主题啦。

添加 评论系统

1. 评论系统我用的多说。
2. 在多说网站创建一个新的站点, 根据提示填写就ok。
3. 在hexo使用的主题下的_config.yml填写对应代码。我这里用的主题是 yilia，在duoshuo: magicdavid20 这里填在多说申请的项目名就行。
4. 生成并部署就好了。

添加 计数系统

1. 计数系统我用的 不蒜子
2. 根据 不蒜子 的文档
   
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
</script>

   
   • 不蒜子可以给任何类型的个人站点使用，如果你是用的hexo，打开themes/你的主题/layout/_partial/footer.ejs添加上述脚本即可，当然你也可以添加到 header 中。
   • 显示站点总访问量、显示单页面访问量这些根据文档配置就行。
3. 生成并部署就好了。

绑定域名

1. 我是在阿里云买了一个域名 http://magicdavid.top/
2. 在仓库source目录下创建了一个 CNAME文件，里面填的是自己购买的域名。
3. 先添加一个CNAME，主机记录写@，后面记录值写上你的http://yourusername.github.io 。 再添加一个CNAME，主机记录写www，后面记录值也是http://yourusername.github.io
4. 等待十分钟到半小时就可以访问了。

---

如有错误，欢迎指出。
QQ:812123870,
邮件：dxmdxm1992@gmail.com
个人博客: magicdavid.top