在Hexo的主題jacman中使用Disqus

Posted on Edited on In Word count in article: 1.6k Reading time ≈ 3 mins.

前言

之前裝hexo的時候，留言一直弄不好，還是先記錄一下步驟，以免之後忘記XD

步驟

先註冊Disqus帳號並登入到主頁面

  1. 點選右上角的選項->Add Disqus To Site

  2. 點選Start Using Engage

  3. 在Site name輸入你要的名字（這裡以justTryTest為例）

  4. 按下Universal Code，把內容貼至
    .\themes\jacman\layout_partial\post\comment.ejs

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
      	<% if (theme.disqus_shortname && page.comments){ %>
    	<section id="comments" class="comment">
    		<div class="ds-thread" data-thread-key="<%- page.path %>" data-title="<%- page.title %>" data-url="<%- page.permalink %>"></div>
    		<div id="disqus_thread"></div>
    		<script type="text/javascript">
    			/* * * CONFIGURATION VARIABLES * * */
    			var disqus_shortname = 'justtrytest';

    			/* * * DON'T EDIT BELOW THIS LINE * * */
    			(function() {
    	    		var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    	    		dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
           		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    			})();
    		</script>
    		<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
    	</section>
    <% } %>

  5. 再到**.\themes\jacman_config.yml**，在最後一行加入

     #### Comment

 duoshuo_shortname:
 disqus_shortname: justtrytest

    　　justtrytest是你在步驟3所輸入的名字

  6. 回到剛剛的網頁，按下Advance

  7. 在Trusted Domains加入自己Blog的位置

  8. 按下Save Changes後，重新啟用Blog即可以啟用Disqus

追記

安裝時，注意一下站點與theme本身需求的**_config.yml**的配置
似乎可以省一些麻煩XD