设置版权声明html,在Hexo中自动为Yilia主题增加版权声明

起因

写独立个人博客在与别人分享自己的经验和心情的同时，也要保护自己的权益。在文章的结尾为文章添加版权申明，明确的告知了他人可以获得怎样的许可，有朝一日也为自己以后维护权益提供了便利。

本文介绍在Yilia主题的基础上给每篇文章自动添加版权信息，并且可以设置每篇文章是否需要显示版权声明。

更改代码

在themes/yilia/layout/_partial/article.ejs中标注的位置添加代码

1

2

3

4

5 >>

6

7

8

9

10

11

12

13

14

添加的代码如下

1

2

3var sUrl = url.replace(/index\.html$/, '');

4sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'https:' + sUrl;

5%>

6

7

8本文作者：

9

10

11

12请在博客根目录“_config.yml”中填入正确的“author”

13

14

15本文链接：

16/

17

18版权声明：

19本作品采用

20

21进行许可。转载请注明出处！

22

23

24

25

26

27

28

29

30

更改声明样式

创建新文件themes/yilia/source-src/css/declare.scss，添加如下CSS代码。

yilia/source/main.0cf68a.css 添加如下代码

1.declare {

2background-color: #eaeaea;

3margin-top: 2em;

4border-left: 3px solid #ff1700;

5padding: .5em 1em;

6}

为themes/yilia/source-src/css/main.scss添加如下代码。

@import "./declare";

生成新的代码，完成修改

安装依赖

如果你之前没有修改过Yilia，请先使用以下命令安装依赖。

进入主题根目录cd themes/yilia，安装依赖。

npm install

生成新主题

在themes/yilia/目录下输入：

npm run dev生成新代码。

npm run dist生成新代码，并压缩。

添加配置文件

修改themes/yilia/_config.yml

在需要进行版权声明的文章的md文件头部，设置属性declare: true。

版权基础设定：0-关闭声明； 1-文章对应的md文件里有declare: true属性，才有版权声明； 2-所有文章均有版权声明

当前应用的版权协议地址

版权协议的名称

版权协议的Logo

1declare_type: 1

2licensee_url: https://creativecommons.org/licenses/by-nc-sa/4.0/

3licensee_name: '知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议'

4licensee_img: https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png