---

Add copyright statement, renderings:

reference:

• Copyright Notice
• Automatically add copyright notice for Yilia theme in Hexo
• Copyright notice for hexo-theme-yilia-plus theme

---

1. Learn from the modified version

1.1 Add a statement at the end of the text

inthemes/yilia/layout/_partial/article.ejsThe specified location of the file is as follows:

<%- post.content %>
	<% } %>
	<-- Add code here-->
	<% if ((theme.reward_type === 2 || (theme.reward_type === 1 && post.reward)) && !index){ %>

Add the following code:

 <!-- Add copyright notice -->
    <%
  var sUrl = url.replace(/index\.html$/, '');
  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'https:' + sUrl;
%>
<% if ((theme.declare_type === 2 || (theme.declare_type === 1 && post.declare)) && !index){ %>
  <div class="declare">
    <strong>Author:</strong>
    <% if(config.author != undefined){ %>
      <%= config.author%>
    <% }else{%>
      <font color="red">Please fill in the correct "author" in the blog root directory "_config.yml"</font>
    <%}%>
    <br>
    <strong>Links to this article:</strong>
    <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= config.url %>/<%= post.path %></a>
    <br>
    <strong>Copyright Notice:</strong>
         This work uses
    <a rel="license" href="<%= theme.licensee_url%>"><%= theme.licensee_name%></a>
         Make permission. Please indicate the source!
    <% if(theme.licensee_img != undefined){ %>
      <br>
      <a rel="license" href="<%= theme.licensee_url%>"><img alt="Creative Commons License Agreement" style="border-width:0" src="<%= theme.licensee_img%>"/></a>
    <% } %>
  </div>
<% } else {%>
  <div class="declare" hidden="hidden"></div>
<% } %>
      <!-- Add copyright notice -->

1.2 add style

In fileyilia/source/main.0cf68a.cssAdd in:

/*Style of copyright notice*/
.declare {
  background-color: #eaeaea;
  margin-top: 2em;
  border-left: 3px solid #ff1700;
  padding: .5em 1em; 
}

1.3 Turn on settings in the theme

In filethemes/yilia/_config.ymlAdd in:

# Copyright Notice
#In the md file header of the article that requires copyright declaration, set the attribute declare: true.
#Copyright Basic Settings: 0-Close the statement; 1-The md file corresponding to the article has the declare: true attribute to have a copyright statement; 2-All articles have a copyright statement
declare_type: 1
licensee_url: https://creativecommons.org/licenses/by-nc-sa/4.0/        #The copyright agreement address of the current application.
licensee_name:  'Creative Commons Attribution-Non-commercial use-Share in the same way 4.0 International License Agreement'        #Copyright agreement name
licensee_img: https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png    #Copyright agreement logo

Effect picture:

2. Upgraded version-configuration version

modify:H:\Hexo\themes\yilia\_config.yml:

# Copyright Notice
#In the md file header of the article that requires copyright declaration, set the attribute declare: true.
#Copyright Basic Settings: 0-Close the statement; 1-The md file corresponding to the article has the declare: true attribute to have a copyright statement; 2-All articles have a copyright statement
declare:
  declare_type: 1
  licensee_url: https://creativecommons.org/licenses/by-nc-sa/4.0/        #The copyright agreement address of the current application.
  licensee_name: 'CC BY-NC-SA 4.0'                                        #Copyright agreement name
  licensee_alias:  'Creative Commons Attribution-Non-commercial use-Share in the same way 4.0 International License Agreement'       # alias alias
  licensee_img: https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png    #Copyright agreement logo

NewH:\Hexo\themes\yilia\layout\_partial\post\declare.ejs：

<!-- "Add copyright notice -->
<!--Add a copyright statement https://github.com/JoeyBling/hexo-theme-yilia-plus/commit/c1215e132f6d5621c5fea83d3c4f7ccbcca074a3-->
<%
  var sUrl = url.replace(/index\.html$/, '');
  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'https:' + sUrl;
%>

<!-- #Copyright basic settings: 0-close the statement; 1-The md file corresponding to the article has declare: true attribute to have a copyright statement; 2-All articles have a copyright statement -->
<% if ((theme.declare.declare_type === 2 || (theme.declare.declare_type === 1 && post.declare)) && !index){ %>
  <div class="declare">
    <strong class="author">Author:</strong>
    <% if(config.author != undefined){ %>
      <%= config.author%>
    <% }else{%>
      <font color="red">Please fill in the correct "author" in the blog root directory "_config.yml"</font>
    <%}%>
    <br>
    <strong class="create-time">release time:</strong>
    <%- date(post.date, 'YYYY-MM-DD') %>
    <br>
    <strong class="update-time">latest update:</strong>
    <%- date(post.updated, 'YYYY-MM-DD') %>
    <br>
    <strong class="article-titles">Title of this article:</strong>
    <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= post.title %></a>
    <br>
    <strong class="article-url">Links to this article:</strong>
    <a href="<%= config.url %>/<%= post.path %>" title="<%= post.title %>" target="_blank"><%= config.url %>/<%= post.path %></a>
    <br>
    <strong class="copyright">Copyright Notice:</strong>
         This work uses
    <a rel="license" href="<%= theme.declare.licensee_url%>" title="<%= theme.declare.licensee_alias %>"><%= theme.declare.licensee_name%></a>
         License agreement for licensing. Please indicate the source!
    <% if(theme.declare.licensee_img != undefined){ %>
      <br>
      <a rel="license" href="<%= theme.declare.licensee_url%>"><img alt="Creative Commons License Agreement" style="border-width:0" src="<%= theme.declare.licensee_img%>"/></a>
    <% } %>
  </div>
<% } else {%>
  <div class="declare" hidden="hidden"></div>
<% } %>
<!-- Add copyright statement -->

modifyH:\Hexo\themes\yilia\layout\_partial\article.ejs

        <!-- "Add copyright notice -->
        <% if(theme.declare){%>
            <%- partial('post/declare') %>
        <% } %>
        <!-- Add copyright statement -->

Effect picture:

---

The article was first published in:hexo+yilia add copyright notice