为Hexo icarus添加版权说明

技术开发HEXO
,

网上很多为hexo next主题添加版权说明的文章，但是几乎没找到怎么为icarus主题设置版权说明的文章，可见还是Next主题多啊。

下面介绍如何为icarus主题添加版权说明。

Icarus添加版权说明
  1. 修改blog目录下”/themes/icarus/_config.yml” 这个文件，在文件最后添加版权说明配置，如下:
1
2
3
4
5
6
7
#版权信息
copyright:
    enable: true
    # img: http://ostu98x74.bkt.clouddn.com/copyright/copyright.png #版权信息图片
    site: http://www.inicb.com  #版权信息所属网址
    siteName: Ini's Blog #版权信息网站名字
    siteAuthor: '王建磊' #版权归属人
  1. 修改icarus主题下的layout/common/article.ejs文件，修改如下部分
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<% if (!index) { %>
    <%- partial('post/nav') %>
<% } %>

# 改为如下

<% if (!index) { %>
  <div>
    <ul class="post-copyright">
      <li class="post-copyright-author">
      <strong>本文作者：</strong><%= theme.copyright.siteAuthor%></a>
      </li>
      <li class="post-copyright-link">
      <strong>本文链接：</strong>
      <a href="" title="{{ page.title }}"><%= post.title %></a>
      </li>
      <li class="post-copyright-link">
      <strong>发布时间：</strong>
      <a href="" title="{{ page.title }}"><%= post.date.format("YYYY年M月D日 - HH时MM分") %></a>
      </li>
      <li class="post-copyright-license">
      <strong>版权声明： </strong>
      本博客所有文章除特别声明外，均采用 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/cn/" rel="external nofollow" target="_blank">CC BY-NC-SA 3.0 CN</a> 许可协议。转载请注明出处！
      </li>
    </ul>
  <div>
    <%- partial('post/nav') %>
<% } %>
  1. 为版权说明添加样式
    修改themes/icarus/source/css/_partial/article.styl 文件，在文件末尾添加如下样式。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// Custom styles.
//版权声明
.post-copyright {
    margin: 2em 0 0;
    padding: 0.5em 1em;
    border-left: 3px solid #FF1700;
    background-color: #F9F9F9;
    list-style: none;
}

.post-copyright li {
    //设置行高
    line-height: 30px;
}

至此，完成了为icarus添加版权声明的功能。

参考资料
分享到