多說評論關閉服務後遷移到網易雲跟帖

前言

2017年3月21日多說宣佈將於6月1日前關閉旗下的評論服務，意味着目前使用多說的站點的評論信息必須所有遷移到其餘第三方評論系統裏，有些人可能正在搭建多說評論，也有搭建好了的，正準備考慮遷移到哪去，而我在分析了幾個第三方評論平臺後，選擇了使用網易雲跟帖。至於爲何，請繼續往下閱讀。
<!--more-->

關於第三方評論插件

我是搭建博客的時候才接觸到多說的，多說怎麼樣，我相信對於一些使用過其餘的第三方評論系統的人內心都知道，我在瞭解過目前國內主流的暢言、來比力、網易雲跟帖等後，得出了一個結論。

其實我只去用過暢言和來比力，最後來總結多說。

暢言

暢言背後是屬於搜狐這個大公司的，有着這種大背景下，暢言的一些安全和保密性，以及垃圾評論的減小獲得保證，並且不會掛掉，很穩定。

可是暢言有一點緣由致使了我放棄了它

那就是它必需要求所使用的站點完成備案，由於個人網站是託管在的github pages上的屬於國外服務器，根本沒辦法去備案的，並且我也不打算本身去租用一個雲服務器或雲主機來託管博客。因此我就放棄了它，否則它會是目前多說倒閉後的最好選擇。

來必力

來必力是韓國的，目前該公司把業務作到了國外，支持英語、中文、韓語。

先不說其餘的，目前韓國在部署薩德，說什麼我都不會去用韓國人的東西的！

撇開政治因素來談，它的UI設計和後臺管理也比較不錯，數據可視化用到了圖標來展現，因此有付費和免費兩個版本，博客只須要用免費的就好了，固然付費的效果主要體如今數據分析上，還能夠取消掉免費版將來所帶來的廣告。

網易雲跟帖

它是16年6月份才推出的一個新產品，選擇這個評論系統有一種情節在裏面，由於我本人很是愛用網易雲音樂來聽歌，因此我本着支持網易雲音樂的原則，也來支持這個產品.
儘管這個產品目前有不少的不足，不過背後畢竟是網易這個大公司，相信往後會愈來愈好的。我在後面會詳細介紹這個的。

多說

重點來了
多說倒閉的緣由，我暫且不談，每一個人的見解不同，多說的各方面功能都算的上完善，有不少組件可用，最近評論、訪客，最熱文章，都能有效提升博客的互動性。

我以爲多說惟一的缺陷就是沒有采起有效的盈利方式。

---

多說做爲國內第一下載量的第三方評論插件提供方，它的倒閉確定致使許多博客主焦頭爛額，在這裏我有幾點建議。

1. 選擇一個穩定的大公司第三方評論插件

2. 儘早導出現有的評論數據，並在新的評論系統後臺導入

3. 剛搭建博客的新人小白，能夠選擇觀望2個月後看是否多說有補救措施繼續運營

4. 愛折騰的能夠考慮和我同樣投奔網易雲跟帖懷抱（笑....）

5. 若是是用hexo開發的博客，建議時刻關注你使用的主題的官方網頁，以及源項目的github倉庫，看看主題做者和你們怎麼解決多說評論問題

6. 小白建議選擇新評論系統的時候，從官方主題文檔中給出的已支持的插件中選擇

---

原有數據導出

這裏以多說評論系統導出數據爲例，其餘的能夠類比。

後臺管理導出數據

進入多說的後臺管理系統，從工具——導出數據

必定要記得勾選包含文章數據和包含評論數據

導出後就是一個json文件，用於後面上傳到新評論系統內的。

導入以往數據

以網易雲跟帖操做爲例，註冊好賬號後，進入後臺管理，綁定好本身的站點網址，在數據統計——數據管理——數據導入中，上傳以前導出的文件進去，就完成了

配置

網易雲跟帖的後臺裏能夠進行一些基本設置，我這裏就跳過，主要說下hexo下next主題的配置。

由於最新版的主題集合了網易雲跟帖因此操做起來簡便

獲取Product Key

登錄 網易雲跟帖 獲取你的 Product Key。 編輯 主題配置文件， 編輯 gentie_productKey 字段，設置以下：

gentie_productKey: #your-gentie-product-key

配置文件修改

請注意，您在雲跟帖管理後臺設置的域名必須跟您站點的域名一致。在本地測試時，須要作兩步驟前置設定：

修改 hosts 文件，將您域名的請求指向本地。例如：127.0.0.1 notes.example.com
修改 Hexo 監聽的端口爲 80：hexo s --debug -p 80

個人host文件路徑C:\Windows\System32\drivers\etc

測試完成後請將 hosts 文件中的域名映射刪除。
hosts文件中記錄寫法通常爲「tab鍵」→「ip地址」→「tab鍵」→「域名」→「回車」（最後的回車最好加上。）如圖，我將百度域名解析到本地。

---

由於個人80端口被apache服務器佔用了，並且我不想去改，其實這個也不用怎麼測試的，因此你們徹底能夠上傳到線上本身來看。

細節優化

評論系統出來了，它不像多說同樣，對博客進行了一些優化，好比首頁的文章摘要信息裏，沒有了之前多說的評論數了和對應的評論icon圖標,但在文章詳情裏它又出來了，信息的人可能發現了，樣式很醜具體以下：

我經過使用一個僞類的CSS樣式添加了「評論」二字讓用戶體驗提升。

相關源碼在最後。

注意事項

若是你的評論系統沒有加載成功，請試着看以下幾點要求和注意點。

1. 關閉多說評論系統或其餘的第三方評論系統

2. 檢查之前配置多說的參數將其注視掉或設爲false等，由於next主題會優先檢測多說評論是否支持

3. 網易雲站點網址是否填寫正確，我以前填寫的地址爲www.cduyzh.com，但我在域名解析那解析的是兩個地方，cduyzh.com和www.cduyzh.com，致使了我評論系統加載出現問題，若是在cduyzh.com內的新評論在www.cduyzh.com是看不到的，因此你們注意下，能夠把域名解析中的cduyzh.com暫停使用。

4. 網易雲跟帖的小功能插件比較少，其中的熱門新聞模塊，我按照以前加載多說熱門文章的方法添加了對應的代碼進去，發現二者不能很好的兼容會出現問題，致使我評論加載不出來，只加載出來了熱門文章。

最後一點但願你們把本身的問題反饋出來，你們能夠相互交流，歡迎大神給我指出哪裏出現了問題。

福利

通過折騰終於遷移到了網易雲跟帖，由於本人在添加網易雲的熱門文章時，出現了一些未知BUG，目前沒法在保證有評論的狀況下有熱門文章，雖然這個小功能看似不是很重要，可是對於強迫症來講有點不爽，但願大神指點。

評論樣式開源

以前我出過文章講解多說的樣式優化，如今搬到了網易雲跟帖，我當時也對它作了一些優化，在查看評論的樣式後，我發現網易雲跟帖這方面優化作的還不錯，用戶頭像已經設置爲原型了，只是沒有添加旋轉的效果，我把以前的多說下的樣式引入了一部分進來，而後本身設置了一些其餘樣式。現貼出具體的樣式代碼，和之前同樣，重寫覆蓋在D:\hexo\blog\themes\next\source\css\_custom\custom.styl
修改代碼以下：

//網易雲跟帖評論樣式增添
.post-comments-count a::before {
    content: "評論";
}
#yun-tie-sdk-wrap .input-box .tie-submit-row .tie-submit-btn {
    background-color: #649ab6;
}

#yun-tie-sdk-wrap .input-box .tie-submit-row .tie-submit-btn:hover {
    background-color: #4c618f;
}
.tie-empty-tip {
    display: none;
}
//即將發佈消息人樣式
#yun-tie-sdk-wrap .input-box .tie-submit-row .user-info img:hover {

box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6) inset 0 0 20px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6) inset 0 0 20px rgba(255, 255, 255, 1);
transform: rotateZ(360deg); 
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}
#yun-tie-sdk-wrap .input-box .tie-submit-row .user-info img {
width: 32px;
height: 32px;
border-radius: 50%;
margin: 4px 10px 4px 8px;
padding: 0;
cursor: pointer;
box-shadow: inset 0 -1px 0 #3333sf; /*設置圖像陰影效果*/
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out; /*變化時間設置爲0.4秒(變化動做即爲下面的圖像旋轉360讀）*/
-moz-transition: -moz-transform 0.4s ease-out;
}

//評論框內其餘人樣式
#yun-tie-sdk-wrap .single-tie .photo img:hover {

box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6) inset 0 0 20px rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 0 10px #fff;
rgba(255, 255, 255, .6) inset 0 0 20px rgba(255, 255, 255, 1);
transform: rotateZ(360deg); 
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}
#yun-tie-sdk-wrap .single-tie .photo img {
width: 42px;
height: 42px;
border-radius: 50%;
padding: 0;
cursor: pointer;
box-shadow: inset 0 -1px 0 #3333sf; /*設置圖像陰影效果*/
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out; /*變化時間設置爲0.4秒(變化動做即爲下面的圖像旋轉360讀）*/
-moz-transition: -moz-transform 0.4s ease-out;
}

.name-nick:hover {
    border-left: 14px solid #3264b4;
}
.name-desp:hover {
    border-left: 14px solid #3264b4;
}
#yun-tie-sdk-wrap .single-tie .tie-author .name-nick{
    cursor: pointer;
    transition: border-width 0.3s linear 0.1s, color 0.2s linear 0.3s;
}
#yun-tie-sdk-wrap .single-tie .tie-author .name-desp {
    cursor: pointer;
    transition: border-width 0.3s linear 0.1s, color 0.2s linear 0.3s;
}
.tie-time:hover {
    border-right: 14px solid #3264b4;
}
#yun-tie-sdk-wrap .single-tie .tie-time {
    transition: border-width 0.3s linear 0.1s, color 0.2s linear 0.3s;
    cursor: pointer;
}

End

從多說評論系統，到優化的它的樣式，優化UA（評論用戶操做系統和瀏覽器信息）、最近訪客，以及用戶頭像設置等，期間參考了很多其餘人的博客和文章，而後在動手去修改，感概不少，多說是我心目中的國內第一的第三方評論系統，竟然在前幾天宣佈了即將關閉服務，讓我非常失落。但願在6月1日在衆多獨立站長的支持下能走出困境，找到屬於本身發展的盈利模式以此來繼續經營下去。