留言讓博客看起來更加的人性化
NexT 主題官網(wǎng)有給出添加標(biāo)簽頁嘉涌、分類頁的方法雳锋,其實添加留言本的方式異曲同工。方式稍微會有一點不同。
一死姚、添加留言本 page
進入到博客的根目錄人乓,運行命令:
hexo new page guestbook
二、留言本頁面中添加多說訪客代碼
上一步中使用 hexo 命令新建了一個 page都毒,進入到博客的source
目錄色罚,里面會多了一個gusetbook
文件夾,里面有一個index.md
文件账劲,打開該文件編輯:
<div class="ds-recent-visitors" data-num-items="28" data-avatar-size="42" id="ds-recent-visitors"></div>
這段代碼加到index.md
底部就行戳护。
然后要登錄自己多說的站點,進入設(shè)置->自定義CSS瀑焦,添加:
#ds-reset .ds-avatar img,
#ds-recent-visitors .ds-avatar img {
width: 54px;
height: 54px; /*設(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;
}
#ds-recent-visitors .ds-avatar {
float: left
}
/*隱藏多說底部版權(quán)*/
#ds-thread #ds-reset .ds-powered-by {
display: none;
}
三榛瓮、菜單設(shè)置中添加留言本
找到NexT
主題設(shè)置的_config.yml
文件里面的menu
項
menu:
home: /
#about: /about
archives: /archives
tags: /tags
categories: /categories
guestbook: /guestbook
四铺董、添加多語言文件的值
因為這里使用的是中文,找到languages
文件夾里面的zh-Hans.yml
文件禀晓,menu
子項中添加留言:
menu:
home: 首頁
archives: 歸檔
categories: 分類
tags: 標(biāo)簽
about: 關(guān)于
search: 搜索
commonweal: 公益404
guestbook: 留言
附上個人博客對應(yīng)博文地址:
http://lancelot_lewis.coding.me/2016/05/11/blog/hexo-guestbook/