添加域名綁定功能

直接在github庫中添加CNAME文件，發(fā)現(xiàn)每次執(zhí)行hexo d之后，CNAME文件就被覆蓋了，所有直接在庫中添加CNAME文件的方式來指定域名是不行的。
不能直接在庫中添加CNAME文件，就只能在hexo site我們的hexo項(xiàng)目中想辦法了，在我們的hexo site中 source文件夾中添加CNAME文件，和在庫中添加一樣你的域名，之后，執(zhí)行

hexo clean 
hexo g
hexo d

你就會發(fā)現(xiàn)你的CNAME文件已經(jīng)提交上去了，訪問下你的域名看看是不是已經(jīng)轉(zhuǎn)到你的blog主頁了。

添加README.md

因?yàn)镽EADME.md文件會被hexo進(jìn)行渲染所以會影響我們的使用體驗(yàn).
由于我的hexo的不是部署在master分支上的,所以默認(rèn)使用的README.md文件是在默認(rèn)分支根目錄下面的,但是有的部署靜態(tài)頁面的分支使用的是master分支,如何在master分支上面添加一個(gè)README.md文件呢,
在source文件夾下面添加README.md文件,找到hexo項(xiàng)目的配置文件_config.yml找到skip_render:修改為skip_render: README.md.
現(xiàn)在重新解析部署提交,登陸遠(yuǎn)程倉庫就能看到READE.md文件的效果了.

使用markdown插入本地圖片

由于編譯后的路徑使用的是日期等等,所以為了本地和遠(yuǎn)程使用都可以使用圖片,在source中添加images文件夾,添加一個(gè)圖片favicon.png,如何使用這個(gè)圖片呢,
在博客里使用這張圖片，markdown格式與使用網(wǎng)絡(luò)圖片的格式相同：

![](圖片鏈接)

在這里，圖片鏈接寫入本地路徑，就是在這里出現(xiàn)了一些小問題。
最開始我寫的是：

../img/favicon.png

但是這樣的話使用圖片的路徑為

http://localhost:4000/2016/04/17/images/favicon.png

所以使用下面的路徑來使用:

![](../../../../images/favicon.png)

編譯部署,在遠(yuǎn)程庫上查看.
再上傳之后，發(fā)現(xiàn)成功地顯示圖片了。

參考:

hexo使用markdown插入本地圖片

遇到的坑-1 頁面無法顯示，主題文件夾丟失

本來使用git來進(jìn)行版本控制的，但是由于使用的主題是Next的git進(jìn)行檢出的，所以我在將hexoBlog項(xiàng)目推送到遠(yuǎn)程庫的時(shí)候，并沒有將themes下的next文件夾推送到遠(yuǎn)程庫，所以在另一臺電腦上進(jìn)行部署時(shí)hexo s,訪問blog是空白頁，后臺報(bào)無法找到index.html

遇到的坑-1 頁面無法顯示，主題文件夾丟失圖1.png

所以建議使用next的時(shí)候，去github上下載穩(wěn)定版本，不進(jìn)行g(shù)it checkout拉取代碼。

<u>update 2016-06-30</u>

添加本地搜索（基于Next主題）

添加百度/谷歌/本地 自定義站點(diǎn)內(nèi)容搜索

1. 安裝 hexo-generator-search，在站點(diǎn)的根目錄下執(zhí)行以下命令：

   npm install hexo-generator-search --save
   

2. 編輯 站點(diǎn)配置文件_config.yml（不是主題文件夾里面的），新增以下內(nèi)容到任意位置：

   search:
     path: search.xml
     field: post
   

顯示效果：

hexo添加本地搜索.png

添加字?jǐn)?shù)統(tǒng)計(jì)插件

首先在Hexo項(xiàng)目目錄下安裝：npm install hexo-wordcount --save。

在footer.swig文件中加入下面代碼

<div class="theme-info">  <div class="powered-by"></div>
  <span class="post-count">博客全站共{{ totalcount(site) }}字</span>
</div>

添加文章末尾版權(quán)聲明

找到post.swig文件，在footer.post-footer中添加如下代碼。

<footer class="post-footer">
    {% if not is_index %}
        <div class="copyright" style="clear:both;">
           <p><span>本文標(biāo)題:</span><a href="{{ url_for(post.path) }}">{{ post.title }}</a></p>
           <p><span>文章作者:</span><a href="/" title="訪問 {{ theme.author }} 的個(gè)人博客">{{ theme.author }}</a></p>
           <p><span>發(fā)布時(shí)間:</span>{{ post.date.format("YYYY年M月D日 - HH時(shí)MM分") }}</p>
           <p><span>本文字?jǐn)?shù):</span><span class="page-count">本文一共有{{ wordcount(page.content) }}字</span></p>
           <p><span>原始鏈接:</span><a href="{{ url_for(post.path) }}" title="{{ post.title }}">{{ post.permalink }}</a></p>
           <p><span>許可協(xié)議:</span><i class="fa fa-creative-commons"></i> <a rel="license"  title="Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)">Attribution-NonCommercial 4.0</a></p>
           <p><span>轉(zhuǎn)載請保留以上信息。</span></p>
        </div>
      {% endif %}
</footer>

然后需要修改一下樣式，找到themes\next\source\css_common\components\post\post.styl,加入如下樣式

.post-footer .copyright{  padding-top: 1.5em;
  padding-left: 1em;  font-size: 12px;
  line-height: 1em;
  border:1px solid #ccc;

}

參考:

Hexo更新日志