文章内容增加版权声明

正阳收录于学习

2022-02-14 约 1310 字预计阅读 3 分钟次阅读

前言

因为本人没有系统地学习过前端知识，所以在搭建此博客后进行页面美化以及配置时有些费力，只能去翻看前辈的总结概述，照葫芦画瓢

笨人用笨方法，这里的解决办法，并不是值得学习的案例…

困难

对于我，还是挺有难度的…

我的内容有个人原创，也有搬运和截取的片段等，但不会使用代码进行逻辑判断
不会使用模板语言等对页面模板进行修改，再增加CSS等的方式进行页面渲染
复杂的页面看不懂，不过简单的HTML和CSS可以看懂一点点

解决方法

刚好在google search中提交站点地图sitemap.xml时遇到状态显示无法读取的问题，去搜索解决方法的时候，看到了这位前辈的一篇报错处理：谷歌 sitemap.xml 报错解决：无法读取此站点地图

具体操作

在开发者工具中找到对应的标签元素，便是下面的内容

1
2
3
4
5
6
7
8
9


<!--修改前-->
<div style="margin-top:2em;padding:0 1.5em;border:1px solid #d3d3d3;background-color:#deebf7">
    <h3>文档信息</h3>
    <ul>
        <li>本文作者：<a href="https://last2win.com" target="_blank">last2win</a></li>
        <li>本文链接：<a href="https://last2win.com/2020/03/10/google-error/" target="_blank">https://last2win.com/2020/03/10/google-error/</a></li>
        <li>版权声明：自由转载-非商用-非衍生-保持署名（<a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.zh" target="_blank">创意共享3.0许可证</a>）</li>
    </ul>
</div>

渲染出的效果如下：

文档信息

本文作者：last2win
本文链接：https://last2win.com/2020/03/10/google-error/
版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）

如果亲自去查看前辈的效果，不难发现这里的会比较丑…

除了需要更改链接内容外，还需要在几个标签上简单优化

扩大内边距padding-top和padding-bottom
修改背景颜色为#f7f7f7使其与我的页面背景更搭

1
2
3
4
5
6
7
8
9


<!--修改后-->
<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/add-copyright-notice" target="_blank">https://zhengyang.wang/add-copyright-notice</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>

于是，便有了下面的效果

文档信息

本文作者：正阳
本文链接：https://zhengyang.wang/add-copyright-notice
版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）

本文作者：正阳

目录

文章内容增加版权声明

前言

困难

解决方法

具体操作

文档信息

文档信息