起因
写独立个人博客在与别人分享自己的经验和心情的同时,也要保护自己的权益。在文章的结尾为文章添加版权申明,明确的告知了他人可以获得怎样的许可,有朝一日也为自己以后维护权益提供了便利。
本文介绍在Yilia主题的基础上给每篇文章自动添加版权信息,并且可以设置每篇文章是否需要显示版权声明。
更改代码
在themes/yilia/layout/_partial/article.ejs
中标注的位置添加代码
1 | <div class="article-entry" itemprop="articleBody"> |
2 | <% if (post.excerpt && index){ %> |
3 | <%- post.excerpt %> |
4 | <% if (theme.excerpt_link) { %> |
5 | <a class="article-more-a" href="<%- url_for(post.path) %>#more"><%= theme.excerpt_link %> >></a> |
6 | <% } %> |
7 | <% } else { %> |
8 | <%- post.content %> |
9 | <% } %> |
10 | <-- 在此处添加代码--> |
11 | <% if ((theme.reward_type === 2 || (theme.reward_type === 1 && post.reward)) && !index){ %> |
12 | <div class="page-reward"> |
13 | <a href="javascript:;" class="page-reward-btn tooltip-top"> |
14 | <div class="tooltip tooltip-east"> |
添加的代码如下
1 | <!-- 添加版权声明 --> |
2 | <% |
3 | var sUrl = url.replace(/index\.html$/, ''); |
4 | sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'https:' + sUrl; |
5 | %> |
6 | <% if ((theme.declare_type === 2 || (theme.declare_type === 1 && post.declare)) && !index){ %> |
7 | <div class="declare"> |
8 | <strong>本文作者:</strong> |
9 | <% if(config.author != undefined){ %> |
10 | <%= config.author%> |
11 | <% }else{%> |
12 | <font color="red">请在博客根目录“_config.yml”中填入正确的“author”</font> |
13 | <%}%> |
14 | <br> |
15 | <strong>本文链接:</strong> |
16 | <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= config.url %>/<%= post.path %></a> |
17 | <br> |
18 | <strong>版权声明:</strong> |
19 | 本作品采用 |
20 | <a rel="license" href="<%= theme.licensee_url%>"><%= theme.licensee_name%></a> |
21 | 进行许可。转载请注明出处! |
22 | <% if(theme.licensee_img != undefined){ %> |
23 | <br> |
24 | <a rel="license" href="<%= theme.licensee_url%>"><img alt="知识共享许可协议" style="border-width:0" src="<%= theme.licensee_img%>"/></a> |
25 | <% } %> |
26 | </div> |
27 | <% } else {%> |
28 | <div class="declare" hidden="hidden"></div> |
29 | <% } %> |
30 | <!-- 添加版权声明 --> |
更改声明样式
创建新文件themes/yilia/source-src/css/declare.scss
,添加如下CSS代码。
yilia/source/main.0cf68a.css 添加如下代码
1 | .declare { |
2 | background-color: #eaeaea; |
3 | margin-top: 2em; |
4 | border-left: 3px solid #ff1700; |
5 | padding: .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
1 | declare_type: 1 |
2 | licensee_url: https://creativecommons.org/licenses/by-nc-sa/4.0/ |
3 | licensee_name: '知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议' |
4 | licensee_img: https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png |
本文链接: http://wyg0514.github.io/article/5674cd6f.html
版权声明: 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。转载请注明出处!