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 有效，但不確定未來永遠都會成功，所以如果失敗了，再好心地告訴我吧！