Hexo3版本添加了一項(xiàng)數(shù)據(jù)文件的功能涵防,大概意思就是可以將數(shù)據(jù)保存在文件中铜幽,然后從文件中讀取數(shù)據(jù)驴剔,最后展示在站點(diǎn)上抄沮。官方Docs中簡(jiǎn)要介紹了一下Data files的使用方法跋核。
正好想在站點(diǎn)上添加友情鏈接的功能,使用這個(gè)數(shù)據(jù)文件的功能叛买,就可以將友情鏈接的數(shù)據(jù)保存在文件中砂代,這樣就避免了將數(shù)據(jù)直接寫(xiě)進(jìn)HTML或者_config.yml
配置文件中。
1. 添加數(shù)據(jù)文件
在Hexo根目錄中的source
目錄中創(chuàng)建_data
目錄率挣,然后在_data
目錄中新建links.yml
文件刻伊,內(nèi)容如下:
LP's Blog: http://pengloo53.farbox.com
xiaoxiao's Blog: http://xiaoyun.farbox.com
說(shuō)說(shuō)事: http://www.saysays.com
添加了兩行數(shù)據(jù),代表兩條友情鏈接椒功。
2. 添加主題布局文件
將友情鏈接放到右側(cè)的sidebar
中捶箱,于是需要在主題目錄下的layout/_widget
中添加文件links.ejs
,內(nèi)容如下:
<% if (site.data.links){ %>
<div class="widget tag">
<h3 class="title">友情鏈接</h3>
<ul class="entry">
<% for (var i in site.data.links){ %>
<li class='link'><a href='<%- site.data.links[i] %>'><%= i %></a></li>
<% } %>
</ul>
</div>
<% } %>
其中的site.data.links
就是上面創(chuàng)建的links.yml
數(shù)據(jù)文件所對(duì)應(yīng)的對(duì)象动漾。
3. 填寫(xiě)配置文件
這里使用的是Hexo-theme-light_cn主題丁屎,在主題目錄下的_config.yml
文件中widgets
下添加上links
就OK了,如下圖:
啟動(dòng)服務(wù)就可以看到如下圖樣式了旱眯。
以后想要添加友情鏈接晨川,直接編輯links.yml
文件就可以了证九,而不必去修改主題的配置文件。