Loading... ## 1 效果  ## 2 方法 ### 2.1 修改post.php 进入 `<typecho目录>`编辑主题的 `post.php`文件 ```shell [root@10-23-159-191 typecho]# vim usr/themes/handsome/post.php ``` 找到文件中以下内容位置 ```php <?php Content::postContentHtml($this, $this->user->uid); ?> ``` 在后面新增代码: ```php <!--版权信息&正文结束分割线--> <div class="cutline"> <span><a style="color:#F17B8F; border-bottom: 0px solid #999!important;"> 正文到此结束 </a></span> </div> <ul class="post-copyright"> <li class="post-copyright-author"><strong>本文作者:</strong><?php $this->author(); ?></li> <li class="post-copyright-link"><strong>本文链接:</strong><a href="<?php $this->permalink() ?>" title="<?php $this->title() ?>"><?php $this->permalink() ?></a></li> <li class="post-copyright-license"><strong>版权声明:</strong>本博客所有文章除特别声明外,均默认采用<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener" title="CC BY-NC-SA 4.0 "><strong> CC BY-NC-SA 4.0 </strong></a> 许可协议。</li> </ul> ``` ### 2.2 新增样式 `handsome` 主题后台提供 CSS 代码的编辑服务,在 `设置外观` -> `开发者设置` -> `自定义CSS` 对话框中加入以下代码 ```css /*版权信息&正文结束分割线 CSS*/ .cutline { border-top: 1px dotted #ccc; height: 1px; margin: 20px 0; text-align: center; width: 100%; } .cutline span { background-color: rgb(236, 237, 238); border: 1px solid #d6d6d6; font: 12px Arial,Microsoft JhengHei; padding: 2px 4px; position: relative; top: -10px; } .post-copyright { font-size: 13px; margin: 8px 0; padding: 10px; border-left: 4px solid #ff5252; background-color: rgba(220, 220, 220, 0.1); list-style: none; word-break: break-all; position: relative; overflow: hidden; } .post-copyright li { display: list-item; text-align: -webkit-match-parent; } .post-copyright a { color: rgba(0, 120, 231, 1); text-decoration: none; transition: color .1s; } ``` ## 3 参考 [Typecho 在文章底部添加版权说明](https://wuqintai.com/archives/2074.html) 最后修改:2021 年 12 月 15 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 0