利用github搭建hexo个人静态博客网站

网上已经有了很多教程，只写相关的：可参考基于github+hexo搭建独立博客，该博主写得非常详细，填了许多坑。

github与域名绑定

首先建whuwzp.github.io的repo，然后settings中填写CNAME别名为www.xxx.cn
然后在阿里云的域名管理平台中，域名解析，修改资源记录，如下

CNAME   www 默认  whuwzp.github.io
A   @   默认  192.30.252.154  
A   @   默认  192.30.252.153

几分钟后即可通过www.xxx.cn访问到https://whuwzp.github.io

利用hexo建站

我是采用的next，很喜欢这个风格，左侧目录，一种很有层次的感觉（我喜欢分类，层次的存储），具体的方法可参考next官网教程，大神的博客

hexo好就好在主题和内容解耦，这样就可以很容易更换主题而不影响博文，所有博客内容都在hexo目录下的source/_posts。(hexo官网中将hexo根目录中的叫做站点，各种主题，如next,themes/next，叫做主题)；

步骤

网址：hexo安装文档

首先安装node.js和git

// node.js
curl https://raw.github.com/creationix/nvm/master/install.sh | sh
wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
//进行下一步前需要退出当前命令行，重启命令行
nvm install stable

//若无nvm，可以参考[nvm安装](https://github.com/creationix/nvm)，具体安装步骤如下
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.4/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
command -v nvm


//git
sudo apt-get install git-core

安装hexo

npm install -g hexo-cli
// 若无npm，则安装
sudo apt-get  install npm

bug

no .git

如果显示没有.git

npm install hexo-deployer-git --save

Cannot get /

感谢大神（作者：iHTCboy）的方法：https://www.jianshu.com/p/35e197cb1273

npm install hexo-renderer-ejs --save
    npm install hexo-renderer-stylus --save
    npm install hexo-renderer-marked --save
    这个时候再重新生成静态文件，命令：
    hexo generate （或hexo g）
    启动本地服务器：
    hexo server （或hexo s）

插件及使用

百度收录

就是将自己的网站提交百度搜索，百度站长，一搜就知道如何添加了，这里提一下验证网站的问题，一般的有三种方法供选择：文件验证、html和CNAME。其中文件验证最简单，但是我采用hexo好像不行，我将那个文件放在站点的/source文件夹下，按理说是放在了根目录下，自己验证时可以，但是点击完成验证就出错了，原因可能是hexo改变了源文件吧。
因此采用第二种方法，直接在github网站上修改代码，io的仓库的根目录中的index.html中加入代码实现验证，很快就好。

本地搜索

在站点的根目录下执行以下命令：

 npm install hexo-generator-search --save
 npm install hexo-generator-searchdb --save

在站点配置_config.yml文件中，新增以下内容（hexo中有）

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

百度分享

在站点配置文件中，添加字段baidushare，值为 true
```
baidushare: true #百度分享功能
在主题配置文件中，找到baidushare字段，设置其展现方式

baidushare: 
  type: button #百度分享展示的方式button|slide

图片

之前的图片全部都保存在七牛网上，由于没有实名等等，还有空间受限一直没法很担心，今天突然发现可以使用坚果云来存图片，只是稍微麻烦一些。

将图片保存至坚果云；
点击图片后，复制网址即可。

音乐外链

打开网易云音乐 Web 版并进入歌曲详情点歌曲封面下面的“生成外链播放器”复制 html 代码放到你的文章.md中，注意换行。

方法来自知乎大神Login

首页自动收起

next采用自动收起，只显示一部分，也可以在.md中加入如下代码手动设置收起点，方便自己控制。

使用文件夹

如source/_posts/Art/xx.md等，便于自己管理；

使用中文

如中文.md；

图片链接

由于github只有1Gb的空间，后期可能不够（虽然我肯定是够了，但是毕竟是隐患，更换起来很麻烦），因此使用对象存储，如七牛网，可以批量上传了，而且可以设置路径（右侧），和本地图片对应上，以免后期又像百度一样流氓，存个底，好迁移文件

建立多个github pages

因为域名有二级域名，所以域名相当于有多的，但是github的cname只允许一个域名，办法就是新建其他的github账户（小号），照常搭建pages，然后将自己的github大号添加进小号的合作者（合作者也具有push权限，即修改）列表中（小号发出请求，大号接受），这样一个电脑只需要一个github账户，就可以管理多个github账户，也就可以管理多个博客空间了。

阅读量统计

http://theme-next.iissnan.com/third-party-services.html

busuanzi插件,主题配置文件中,我设置的为:

busuanzi_count:
  # count values only if the other configs are false
  enable: true
  # custom uv span for the whole site
  site_uv: true
  site_uv_header: 本站访客数
  site_uv_footer: 人次
  # custom pv span for the whole site
  site_pv: true
  site_pv_header: 本站总访问量
  site_pv_footer: 次
  # custom pv span for one page only
  page_pv: true
  page_pv_header:  阅读次数:
  page_pv_footer:

其他主题

最侧栏目录
多级分类