巧用博客签名实现版权声明

此为好奇的01发表的原创文章。推荐阅读原创文章不错过最新更新内容。

在博客园博主也已经发了好几篇博文了。博客园可以使用 markdown 创作，也让我使用起来非常的舒服。

但也发现一些博文在没有取得许可的情况下，被恶意转载走了。这对于原创博主的我来说打击是非常的大。因此，我决定采用 署名-非商业性使用-相同方式共享 4.0 国际版 (CC BY-NC-SA 4.0) 协议发布我的博文。如果需要转载我的文章，需要满足署名、非商业性使用、相同方式共享的要求。

为了能更及时的跟博友们互动，我也创建了一个微信订阅号。

居于以上两个原因的需要，我需要把相关文本放到每一篇博文的下方。

幸运地，博客园平台提供了　博客签名 的功能。使用起来也非常的简单。

利用博客园相册放置二维码图片

由于我需要把我的微信订阅号的二维码也一同放到博文的下面，那么就需要先把该图片放到博客园相册里面，接着拿到对应的 URL。

准备 HTML 代码

由于插入到博文下面的签名只能用 HTML 代码撰写，因此我准备了下面的 HTML 代码。

<div style="text-align: center">
<p>本文作者： {author}，文章链接： {post_url}</p>
    <p>本文系博主原创文章，采用<strong>署名-非商业性使用-相同方式共享 4.0 国际版 (CC BY-NC-SA 4.0)</strong>协议发布。</p>
    <p>想与博主交流吗？想阅读更多精品文章吗？请关注我们的微信订阅号</p>
    <img src="二维码图片 URL" alt="微信订阅号二维码" />
    <p>扫一扫关注我们的订阅号</p>
</div>

值得说明的有：

• 把所有的内容放到 div 元素里面，接着给 div 元素设置 text-align: center 的样式，使得其中的内容居中显示。

• 使用博客园提供的 {author} 和 {post_url} 占位符，可以显示出作者名称和文章地址的链接。

• 给图片设置 alt 属性，便于盲人用户得知该图片的含义。

最后

最后就是把我们编写好的 HTML 代码填入博客签名处，就大功告成了👏✌。