Enjoy the good lift everyday!
hexo文章添加版权声明 | PyGo²

hexo文章添加版权声明

问题简述

blog文章底部添加版权声明(含样式)


想在My blog的文章底部添加上自己的版权声明,一是意识方便大家进行转载share,二来也是对自己写的东西有一个声明吧。废话不多说,很简单。

版本信息

id name version
1 Hexo v3.8.0
2 NextT.Pisces v7.0.1

版权代码

打开next主题目录下/next/layout/_macro/post.swig文件,搜索post-body,在这个div标签结束的下一行,添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- 版权声明 -->
<div>
{% if not is_index %}
<ul class="post-copyright">
<li class="post-copyright-author">
<strong>本文作者:</strong>{{ theme.author }}【{{ theme.subtitle }}】
</li>
<li class="post-copyright-link">
<strong>本文链接:</strong>
<a href="{{ url_for(page.permalink) }}" title="{{ page.title }}">{{ page.permalink }}</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>
{% endif %}
</div>

变量说明:

  • theme.*:hexo配置文件的基础信息
  • page.*:指的是本文章的一些相关信息

版权样式

打开/next/source/css/_custom/custom.styl,并在里面添加如下样式代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 版权声明样式
.post-copyright {
margin: 2em 0 0;
padding: 0.5em 1em;
border-left: 8px double #ff1700;
background-color: #EAECEE;
list-style: none;
}
.post-copyright-link a{
color: blue;
}
.post-copyright-link a:hover {
color: red;
font-size: 18px;
}

个人声明

本人在版权声明中文章链接的都是github上的地址,如果不需要去掉https://gis90.github.io/即可。

  • 本文作者:mingliang.gao【一个爱老婆的python程序猿。。。。。。】
  • 本文链接: https://gis90.github.io/articles/46750/
  • 版权声明: 本博客所有文章欢迎转载,转载请注明出处!
觉得有帮助,请喝个咖啡
0%