1 效果

2 方法

2.1 修改post.php

进入 <typecho目录>编辑主题的 post.php文件

[root@10-23-159-191 typecho]# vim usr/themes/handsome/post.php

找到文件中以下内容位置

<?php Content::postContentHtml($this, $this->user->uid); ?>

在后面新增代码:

<!--版权信息&正文结束分割线-->
<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*/
.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 在文章底部添加版权说明

最后修改:2021 年 12 月 15 日