利用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

$ npm install -g hexo-cli

$ hexo init

$ npm install

$ hexo generate

$ hexo server

deploy:
type: git
repo:
github: https://github.com/MagicDavid20/magicdavid20.github.io.git,master[/code] 
配置晚了就可以通过 
$ hexo deploy
 部署到服务器

修改配置

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

如何写博客
hexo new "my new post"
 这就创建了一篇新文章。此时在source_pos中可以找到对应的md文件。

文件格式如下

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


$ hexo generate
 生成静态文件， 可简写为 
$ hexo g


$ hexo deploy
 部署到服务器， 这里就是指部署到github上，可简写为 
$ hexo d


此时可以在 yourusername.github.io上看到你的文章啦

切换主题
主题的安装：在网上搜寻喜欢的主题，将主题下载到 theme路径下。

config.yml配置文件中的theme属性，将其设置为你下载的主题名。

重生生成并部署， 此时浏览你的blog就是新的主题啦。

添加 评论系统
评论系统我用的多说。

在多说网站创建一个新的站点, 根据提示填写就ok。

在hexo使用的主题下的_config.yml填写对应代码。我这里用的主题是 yilia，在duoshuo: magicdavid20 这里填在多说申请的项目名就行。

生成并部署就好了。

添加 计数系统
计数系统我用的 不蒜子

根据 不蒜子 的文档

<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">

</script>


不蒜子可以给任何类型的个人站点使用，如果你是用的hexo，打开themes/你的主题/layout/_partial/footer.ejs添加上述脚本即可，当然你也可以添加到 header 中。

显示站点总访问量、显示单页面访问量这些根据文档配置就行。

生成并部署就好了。

绑定域名
我是在阿里云买了一个域名 http://magicdavid.top/

在仓库source目录下创建了一个 CNAME文件，里面填的是自己购买的域名。

先添加一个CNAME，主机记录写@，后面记录值写上你的http://yourusername.github.io 。 再添加一个CNAME，主机记录写www，后面记录值也是http://yourusername.github.io

等待十分钟到半小时就可以访问了。

如有错误，欢迎指出。

QQ:812123870,

邮件：dxmdxm1992@gmail.com

个人博客: magicdavid.top