未登錄
登錄后
測試地址：一肩月光博客
1. 隱藏多余模塊（分享文章陡厘、評論條數(shù)等）
- 登錄「多說」,在
設(shè)置/自定義CSS中添加如下代碼抽米，
.ds-share-icons-16,.ds-thread-count,.ds-sync,.ds-comments-tabs {
display: none !important;
}
.ds-share-inline {
display:none !important;
} //隱藏分享按鈕
.ds-login-buttons {
display:none !important;
} //隱藏社交賬戶登錄
.ds-comments {
margin-bottom: 25px !important;
} //調(diào)整評論區(qū)與輸入框間距
- 界面美化
在設(shè)置/自定義CSS中添加如下代碼，頭像變?yōu)閳A形糙置，鼠標放上后360度旋轉(zhuǎn)云茸。
本部分代碼完全來自 多說自定義CSS 多說告別單調(diào)，讓評論更有個性
#ds-reset .ds-avatar img{
width:44px;height:44px; /*設(shè)置圖像的長和寬谤饭，這里要根據(jù)自己的評論框情況更改*/
border-radius: 27px;/*設(shè)置圖像圓角效果,在這里我直接設(shè)置了超過width/2的像素标捺，即為圓形了*/
-webkit-border-radius: 27px;/*圓角效果：兼容webkit瀏覽器*/
-moz-border-radius:27px;
box-shadow: inset 0 -1px 0 #3333sf;/*設(shè)置圖像陰影效果*/
-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;/*變化時間設(shè)置為0.4秒(變化動作即為下面的圖像旋轉(zhuǎn)360讀）*/
-moz-transition: -moz-transform 0.4s ease-out;
}
#ds-reset .ds-avatar img:hover{/*設(shè)置鼠標懸浮在頭像時的CSS樣式*/
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);/*圖像旋轉(zhuǎn)360度*/
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}
2. 修改游客「默認頭像」
如直接在「多說」官網(wǎng)上修改默認頭像，圖片會掛揉抵，也許以后官方會修復(fù)亡容。目前我采用的方法是修改embed.js,并將其本地化，同時提高了訪問速度冤今。
- 用瀏覽器打開已添加「多說」插件的頁面闺兢，鼠標右鍵-「Inspect」審查元素（本人用的Chrome瀏覽器），并點擊「Sources」辟汰。
下載JS與CSS
將圖片中
embed.js與styles文件夾下的embed.default.css保存到本地列敲。-
將自己喜歡的「默認頭像」阱佛、
embed.default.css上傳到「七牛云存儲」帖汞，并將設(shè)置鏡像源： http://static.duoshuo.com
上傳文件
設(shè)置鏡像源
-
用編輯器打開
embed.js搜索rt.data.default_avatar_url并替換自己想用的默認頭像的鏈接。例如：avatarUrl: function(e) { return e.avatar_url || 'http://[yourname].clouddn.com/avatar.png' }, -
搜索
S.theme = e在同一行里凑术，將embed.default.css的地址換為文件的外鏈地址翩蘸。function n(e) { S.theme = e, "none" != e && o.injectStylesheet("http://[yourname].clouddn.com/embed.default.css") } 修改
Hexo主題中配置文件，/home/bobo/hexo/themes/[yourtheme]/layout/_partial/中comments或者after_footer
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//[yourname].clouddn.com/embed_bobo.min.js';
//我將embed.js進行了重命名并壓縮
3 重新發(fā)布
- 運行命令：
hexo g -d
OK,測試一下吧淮逊，簡潔優(yōu)雅催首、毫無違和感的評論界面已生成扶踊。
