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

其中的site.data.links就是上面创建的links.yml数据文件所对应的对象。

3. 填写配置文件

这里使用的是Hexo-theme-light_cn主题,在主题目录下的_config.yml文件中widgets下添加上links就OK了,如下图:

启动服务就可以看到如下图样式了。

以后想要添加友情链接,直接编辑links.yml文件就可以了,而不必去修改主题的配置文件。

Comments
Write a Comment