hexo-theme-april-社交链接的添加

暂别996,抓着下班回来休息的小尾巴研究april主题。这次实现社交网站超链接的添加。图标通过fontawesome上获取,确实相当awesome!

添加fontawesome

1.复制整个 font-awesome 文件夹到项目中
2.引入样式文件

<link rel="stylesheet" href="<%- config.root %>css/font-awesome.min.css">

自定义社交链接

在主题_config.yml中配置如下:

social:
  github: https://github.com
  twitter: https://twitter.com
  weibo: http://weibo.com

创建社交链接

<ul class="social-list">
  <% for (var i in theme.social){ %>
    <% if (theme.social[i]){ %>
      <li>
        <a href="<%- theme.social[i] %>" class="<%= i %>" target="_blank">
          <i class="fa fa-<%= i %>"></i>
        </a>
      </li>
    <% } %>
  <% } %>
</ul>