iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 22
0

嗨!各位朋友大家好,打給後,歹嘎吼,胎尬喉,我是阿圓,一樣有請今天的one piece:

(是鷹眼!!!!!(迷妹尖叫!!))

今天要來說說留言系統!一般架網站的時候,可能會再多做一個留言的系統,但我這次想要先嘗試一下串接第三方留言系統的方式,當作練習!
而我選用的是這個!Disqus

他是一套現在蠻熱門,且還有在維護的第三方留言系統,還可以支援使用架站軟體:

(有這麼多!)

使用方法

先去Disqus官方網站申請帳戶,登入,並點下'get started',會看到以下畫面

請點選下面的,接著會要你去填一些基本設定,填完之後,會要你選擇方案,先點選下方的免費方案(會有一些廣告),接著就來選安裝方式囉。

由於我們不是使用架站的服務,必須使用嵌入程式碼的方式:

點下去之後,會有蠻詳盡的影片教學,不過基本上就是三個步驟

  1. 在要有留言的html中裡,貼上下面這一行:
<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) 等參數。

這樣就可以啦,十分容易上手!倒數第八天,感謝各位看到這邊,若有任何建議,請各位不吝指教!我們明天見!


上一篇
Day_21 nokogiri ?
下一篇
Day_23 active job ?
系列文
Ruby on Rails 新手的30個問題!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言