嗨!各位朋友大家好,打給後,歹嘎吼,胎尬喉,我是阿圓,一樣有請今天的one piece:
(是鷹眼!!!!!(迷妹尖叫!!))
今天要來說說留言系統!一般架網站的時候,可能會再多做一個留言的系統,但我這次想要先嘗試一下串接第三方留言系統的方式,當作練習!
而我選用的是這個!Disqus!
他是一套現在蠻熱門,且還有在維護的第三方留言系統,還可以支援使用架站軟體:
(有這麼多!)
先去Disqus官方網站申請帳戶,登入,並點下'get started',會看到以下畫面
請點選下面的,接著會要你去填一些基本設定,填完之後,會要你選擇方案,先點選下方的免費方案(會有一些廣告),接著就來選安裝方式囉。
由於我們不是使用架站的服務,必須使用嵌入程式碼的方式:
點下去之後,會有蠻詳盡的影片教學,不過基本上就是三個步驟
<div id="disqus_thread"> </div>
這個是留言區塊被放置的地方。
2. 接著來設置script
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
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
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://yuan-blog-1.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
這樣就出現啦!
上面這段程式碼註解都刪掉的話,disqus會根據每個網址顯示該網址的留言。
但若想統一網址(避免不同網址但相同內容),或者需要不同網頁但用同一個留言,那麼可以將5~8行取消註解,並手動修改程式碼中該頁面的網址 (this.page.url) 和識別碼 (this.page.identifier) 等參數。
這樣就可以啦,十分容易上手!倒數第八天,感謝各位看到這邊,若有任何建議,請各位不吝指教!我們明天見!