CoderBridge 上安裝留言功能


Posted by fang on 2020-06-19

本篇採用 DISQUS 留言功能

今天嘗試幫自己的 CoderBridge 安裝 DISQUS 留言功能,既然都要做了,乾脆就把它記錄一下。因為 CoderBridge 跟 DISQUS 的網頁會需要切換,所以要看一下操作的順序,論述上可能會有一點小亂...


Step1 CoderBridge 新增部落格

先按下管理部落格按鈕,進行部落格新增,新增的過程很直覺,因為這篇是在說留言功能,就不再多贅述,總之,新增的目的是為了取得部落格網址,記得新增完之後先不要把網站關掉,等等還用得到。


Step2 註冊 DISQUS 會員

進入官網,按下GET STARTED按鈕進行註冊,註冊完之後進入 Step3。


Step3 進行 DISQUS 設定

點選下方I want to install Disqus on my site


Website Name輸入自己設定的 Shortname,這個 Shortname 要記起來,待會要輸入在 CoderBridge 上。
將這一頁的資訊填寫完,就可以按下Creat Site,完成本頁操作啦。
補充:語言選 Chinese 的話會是簡體中文,會介意的請用英文,文章最後有放參考圖。


接下來,找到上方Settings,左邊點選General,這個頁面中的Website URL就是要輸入 CoderBridge 部落格網址的地方。


如果你找不到自己的部落格網址,可以在剛才 CoderBridge 中 Visit Site按鈕點選下去,就可以複製自己的部落格網址了。


輸入完 DISQUS 的設定之後,記得要往下滑,按下Save才算完成。


Step4 返回 CoderBridge 進行設定

回到 CoderBridge 的頁面,在Disqus Shortname中填寫填寫上一步驟設定的 Shortname,結束之後按確認送出


觀看結果

看結果之前,你必須要先發一篇文章,才知道留言功能會長怎樣XD
放上我照著剛才的設定步驟,最後的結果圖,恩~真香~


#Disqus #留言功能







Related Posts

JavaScript 五四三 Ep.02 Array.prototype.forEach()

JavaScript 五四三 Ep.02 Array.prototype.forEach()

npm 相關筆記

npm 相關筆記

元件介紹-Day04 #  Props 向內層元件傳遞資料狀態

元件介紹-Day04 # Props 向內層元件傳遞資料狀態


Comments