Hexo:light 主題中添加多說評論

隨著越來越多第三方 Hexo 主題的出現,很多主題都已經支持多說評論,而且簡單地配置就能接通多說評論后臺管理并匹配好文章標題和地址。但如果對不支持多說或者沒有較好支持性的主題來說,往往要在此主題的源碼中進行修改,并修改在多說獲得的通用代碼以匹配好文章標題和地址。

下面內容針對的是 Hexo 自帶主題 light 設置多說評論。

  1. 在多說獲得通用代碼
  2. 修改通用代碼
    data-thread-key="請將此處替換成文章在你的站點中的ID"
    改為:data-thread-key="<%- item.path %>"
    ---
    data-title="請替換成文章的標題"
    改為:data-title="<%= item.title %>"
    ---
    data-url="請替換成文章的網址"
    改為:data-url="<%- item.permalink %>"
    或者:data-url="<%- config.url %><%- config.root%><%- item.path %>"
    
  3. 將通用代碼粘貼到 themes\light\layout\_partial\comment.ejs 里面,如下:
    <% if ( page.comments){ %>
        <section id="comment">
            通用代碼
        </section>
    <% } %>
    
  4. 配置 _config.yml 文件
    打開根目錄下 _config.yml 文件,按以下配置:
    url: http://yoursite.com
    #配置域名,配置錯誤會使多說后臺查看評論時,定位文章地址錯誤
    root: /
    permalink: :year/:month/:day/:title/
    
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • 前言 幾個月前,在好奇心的鼓動下,利用Github Pages和Hexo以及Next主題搭建一個屬于自己的個人主站...
    Jack_lin閱讀 2,718評論 2 12
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,820評論 25 708
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,497評論 0 17
  • 我叫文惠,自小就聰明,琴棋書畫樣樣精通,被譽京中第一才女,家父文行是尚書府大人,娘就是世人口中的蠶絲娘娘...
    奈何一笑很傾城_9676閱讀 423評論 0 0