转载

Hexo中数据文件功能添加友情链接

Hexo3版本添加了一项数据文件的功能，大概意思就是可以将数据保存在文件中，然后从文件中读取数据，最后展示在站点上。官方Docs中简要介绍了一下Data files的使用方法。

正好想在站点上添加友情链接的功能，使用这个数据文件的功能，就可以将友情链接的数据保存在文件中，这样就避免了将数据直接写进HTML或者 _config.yml 配置文件中。

1. 添加数据文件

在Hexo根目录中的 source 目录中创建 _data 目录，然后在 _data 目录中新建 links.yml 文件，内容如下：

LP's Blog: http://pengloo53.farbox.com
xiaoxiao's Blog: http://xiaoyun.farbox.com
说说事: http://www.saysays.com

添加了两行数据，代表两条友情链接。

2. 添加主题布局文件

将友情链接放到右侧的 sidebar 中，于是需要在主题目录下的 layout/_widget 中添加文件 links.ejs ，内容如下：

<% 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>
<% } %>