使用Hexo+Github搭建屬於本身的博客

工具：Visual Studio Code/MarkdownPad
技術：Hexo+Github

建立Github項目

1. Github帳戶註冊和新建項目，項目必需要遵照格式：帳戶名.github.io，否則接下來會有不少麻煩。而且須要勾選Initialize this repository with a README
2. 在建好的項目右側有個settings按鈕，點擊它，向下拉到GitHub Pages，你會看到那邊有個網址，訪問它，你將會驚奇的發現該項目已經被部署到網絡上，可以經過外網來訪問它。

安裝Hexo

1. 在本身認爲合適的地方創個文件夾，我是在D盤建了一個blog文件夾。而後在vscode打文件夾
2. 在vscode中打開終端，輸入npm install hexo -g，開始安裝Hexo
3. 輸入hexo -v，檢查hexo是否安裝成功
4. 輸入hexo init，初始化該文件夾（有點漫長的等待。。。）看到後面的「Start blogging with Hexo！」，激動有木有！！！！！
5. 輸入npm install，安裝所須要的組件
6. 輸入hexo g，首次體驗Hexo
7. 輸入hexo s，開啓服務器，訪問該網址，正式體驗Hexo（假如頁面一直沒法跳轉，那麼可能端口被佔用了。此時咱們ctrl+c中止服務器，接着輸入「hexo server -p 端口號」來改變端口號）

將本地blog和Github項目聯繫起來

1. 配置Deployment，在其文件夾中，找到_config.yml文件，修改repository值（在末尾）
2. repository值是你在github項目裏的ssh（右下角）

deploy:
  type: git
  repository: git@github.com:ZengGuanBao/ZengGuanBao.github.io.git
  branch: master

1. 新建一篇博客，在cmd執行命令：hexo new post "博客名"

或者在vscode中新建文件

把新建的文章更新到Github項目上

1. 在生成以及部署文章以前，須要安裝一個擴展：

npm install hexo-deployer-git --save

1. 使用編輯器編好文章，那麼就可使用命令：hexo d -g，生成以及部署了
2. 部署成功後訪問你的地址：http://用戶名.github.io。那麼將看到生成的文章

更新主題後，上傳沒有生效

最後，在查詢了一些資料以後，終於知道，這多是hexo的緩存的問題，也就是你網站根目錄的那個db.json文件，還知道了一點，推薦在發佈網站以前，先清除緩存，而後再部署網站。
清除緩存的方法：

• 執行命令：hexo clean
• 而後能夠生成靜態博客並在本地預覽：hexo d -g

搜索功能

使用站內搜索，安裝npm i -S hexo-generator-json-content

分享功能

百度分享不支持Https的解決方案

將static文件夾放在網站的根目錄下，並將對應的百度分享代碼中，把http://bdimg.share.baidu.com/ 改成 /static/api/js/share.js?v=89860593.js?

<p><i class="fa fa-share"></i>分享到</p>
<div class="bdsharebuttonbox">
  <a href="#" class="bds_more" data-cmd="more"></a>
  <a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
  <a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a>
  <a href="#" class="bds_linkedin" data-cmd="linkedin" title="分享到linkedin"></a>
  <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a>
  <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
  <a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣網"></a>
  <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
  <a href="#" class="bds_evernotecn" data-cmd="evernotecn" title="分享到印象筆記"></a>
</div>
<script>
  window._bd_share_config = {
    "common": {
      "bdSnsKey": {},
      "bdText": "",
      "bdMini": "2",
      "bdMiniList": false,
      "bdPic": "",
      "bdStyle": "1",
      "bdSize": "24"
    },
    "share": {},
    "image": {
      "viewList": ["fbook", "twi", "linkedin", "qzone", "tsina", "douban", "weixin", "evernotecn"],
      "viewText": "分享到：",
      "viewSize": "16"
    }
      };
      with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src =
    '/static/api/js/share.js?v=89860593.js?'];
</script>

評論功能

評論功能使用的Valine

<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script>
    new Valine({
        el: '#valine-thread' ,
        notify: ,
        verify: ,
        app_id: '',
        app_key: '',
        placeholder: '',
        pageSize: '',
        avatar: '',
        avatar_cdn:  '',
        visitor: 
    });
</script>
<div id="valine-thread"></div>