I Stand Up For Myself

首先,必須承認痞客邦 (Pixnet) 是真的滿冷門的XD

連官方列出的的部落名單中都找不到痞客邦QQQQQ

 

 

不論如何,這篇文就來教一下如何設定 DISQUS

要正確設定 Disqus 還真不容易,設定錯的話,可是會造成留言消失或重複的喔!

 

 

1. 首先,前往 Disqus 官網,按 GET STARTED 並且登入。

 

2. 再來,點選 install 之後,為你的網站取個名字。(只要不跟其他人撞名就好了)

 

3. 再來,選擇免費方案,然後按 Universal Code,就會拿到一段程式碼。

 

4. 接下來,前往 部落格後台 > 側欄管理 > 頁尾描述,然後把程式碼貼在這邊。

 

5. 貼上之後,請將程式碼當中的 PAGE_URL 及 PAGE_IDENTIFIER 替換成 document.baseURI。

例如,將

this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable

改成

this.page.url = document.baseURI;
this.page.identifier = document.baseURI;

 

6. 最後,為了只讓 Disqus 出現在文章中,不出現在首頁或其他頁面,請在首尾加上一段 If 條件。

例如,將

(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://davidhu127.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head d.body).appendChild(s);
})(); 

改成

if (document.body.id == 'article-main') {
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://davidhu127.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head d.body).appendChild(s);
})();
} 

 

 

這樣就大功告成啦!

基本上,這是利用原本網頁就已有設定的 <base href>;它並不會因為 URL 的小改變而有所變化,所以用它最保險(不然 URL 一變留言板會完全不一樣喔)。

然後 document.body.id 則會因頁面種類而有不同名字,這樣可以防止留言板出現在「首頁」或「文章分類頁」。

這個方法截至 2022 有效,但不確定未來永遠都會成功,所以如果失敗了,再好心地告訴我吧!