目录

Hugo文章添加版权声明

这篇介绍了我是如何在文章中添加版权声明的

最初部署站点时没有考虑过设置版权声明,本着互联网精神的核心是“共享”,如果可以为大家提供些许帮助或值得借鉴的内容,对我来说是非常荣幸的

公众号上遇到一篇非常不错的文章,作者希望每位创作者要有版权意识,尊重其他创作者版权的同时,也倡导为自己的作品添加“版权声明”,表明自己对该作品拥有版权,不能随意转载等

觉得是非常不错的建议,于是便借鉴了一些前辈文章版权声明的样式

旧方案

由于没有系统地学习开发相关的知识,当时对于Hugo完全不懂,博客是跟着一些前辈的文章教程逐步搭建部署,也没有查到关于Hugo如何添加版权声明的相关介绍

在看了Hugo的文档后晓得archetypes可以放置文档模板,于是就在archetypes下加了一个default.md,并把copy来的样式模板加了进去

这是我之前的方法——为文章内容添加版权声明

以自己对Hugo的理解,只想到了这个土方法😂

1
2
3
4
5
6
7
8
<div style="margin-top:2em;padding:0 1.5em;border:1px solid #d3d3d3;background-color:#f7f7f7">
    <h3>文档信息</h3>
    <ul style="padding-bottom:1.5em;">
        <li style="padding-top:0.5em;">本文作者:<a href="https://zhengyang.wang/" target="_blank">正阳</a></li>
        <li style="padding-top:0.5em;">本文链接:<a href="https://zhengyang.wang/oneplus-removes-dual-storage/" target="_blank">https://zhengyang.wang/oneplus-removes-dual-storage</a></li>
        <li style="padding-top:0.5em;">版权声明:自由转载-非商用-非衍生-保持署名(<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.zh" target="_blank">创意共享3.0许可证</a></li>
 </ul>
</div>

文档信息

以及这样的

1
2
3
4
5
6
7
8
<div style="margin-top:2em;padding:0 0.5em;font-size:.875rem">
    <hr>
    <div style="padding-bottom:1em;">
        <p>本文作者:<a href="https://zhengyang.wang/about" target="_blank">正阳</a></p>
        <p>本文链接:<a href="https://zhengyang.wang/linux-config-clash/" target="_blank">https://zhengyang.wang/linux-config-clash</a></p>
        <p>版权声明:自由转载-非商用-非衍生-保持署名(<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.zh" target="_blank">创意共享3.0许可证</a></p>
    </div>
</div>

本文作者:正阳

本文链接:https://zhengyang.wang/linux-config-clash

版权声明:自由转载-非商用-非衍生-保持署名(创意共享3.0许可证

后面再new posts新增文章时,末尾都会有版权声明的样式

但麻烦的是每次都需要对样式中的链接以及链接文本进行修改,而且后续若要更换样式,也要将所有的文档逐个修改

新的解决方案

在对Hugo有了一定了解后,知道可以直接修改模板文件

例如我用的主题是LoveIt,就将目录/themes/LoveIt/layouts/posts/single.html复制到根目录/layouts/posts/single.html

{{- /* Content */ -}}下添加了以下内容,其中.Permalink变量可以获得当前文章的链接,.Title获取当前文章的标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
{{- /* Content */ -}}
<div class="content" id="content">
    {{- dict "Content" .Content "Ruby" $params.ruby "Fraction" $params.fraction "Fontawesome" $params.fontawesome | partial "function/content.html" | safeHTML -}}
    <!-- 添加文章版权声明信息 -->
    <div style="margin-top:2em;padding:0 0.5em;font-size:.875rem">
        <hr>
        <div style="padding-bottom:1em;">
            <p>本文作者:<a href="https://zhengyang.wang/about" target="_blank">正阳</a></p>
            <p>本文链接:<a href="{{ .Permalink }}" target="_blank">{{ .Title }}</a></p>
            <p>版权声明:<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">「署名-非商业性使用-相同方式共享 4.0 国际」</a></p>
        </div>
    </div>
</div>

渲染后的效果是这样的

将之前文章中的旧样式逐个删去,再次生成站点时则会将新样式渲染进页面

后面就不需要在新增文章时手动添加了,如果需要更换样式,直接更换single.html里面的内容即可

遗憾的是当时copy来的样式来源信息找不到了…

以上