• 时间:
  • 分类: 博客

原帖地址：Typecho默认主题修改汇总
作者: 王如飞
时间: 2021-09-02

主题修改都是微调，与其说是修改，不如叫优化。主要思路是，能用代码解决，就不用插件，调用资源越少越好，保持主题精简，即便后续系统主题有更新，只有修改一些代码就能复原，轻松省心，维护方便。

这篇文章算是备份，后续如有改动，随时更新到这里。由于改动太多，更新不及时，有的忘记改了什么，下面改动内容和现在主题样式已经有了出入，供大家参考，自行摸索吧。

关于默认主题网站性能优化，可以看这篇内容，算是修改汇总续集吧。

删除文章标题右下方附着的评论按钮

在 index.php 和 post.php 里删除以下代码：

<li itemprop="interactionCount">
    <a href="<?php $this->permalink() ?>#comments">
        <?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?>
    </a>
</li>

删除文章和独立页面底部评论功能

在 post.php 和 page.php 删除如下代码：

<?php $this->need('comments.php'); ?>

文章标题下面把作者名字的颜色变灰

在 index.php 和 post.php 里添加代码 style="color:#999;" ，位置如下：

<li itemprop="author" itemscope itemtype="http://schema.org/Person">
<?php _e('作者: '); ?>
    <a itemprop="name" href="<?php $this->author->permalink(); ?>"
    rel="author" style="color:#999;"><?php $this->author(); ?>
    </a>
</li>

文章底部添加分类并优化样式

在 post.php 标签代码位置替换成如下：

<ul itemprop="keywords" class="tags">
<li><?php _e('分类: '); ?><?php $this->category(','); ?></li>
<li><?php _e('标签: '); ?><?php $this->tags(', ', true, 'none'); ?></li>
</ul>

给li标签设置和标题下面作者时间一样的样式，在 style.css Main 位置，tags替换成如下样式代码：

.post .tags {
  clear: both;
  margin-top: 1em;
  padding: 0;
  color: #999;
  font-size: .92857em;}
.tags li {
  display: inline-block;
  margin: 0 8px 0 0;
  padding-left: 12px;
  border-left: 1px solid #EEE;}
.tags li:first-child {
  margin-left: 0;
  padding-left: 0;
  border: none;}

修改后由于分类和标签距离文章内容太近，整体不和谐，所以需要再加一个段横线，在 post.php 文件分类和标签代码上方提前如下内容：

<div style="border: 0.5px solid #EEE;width:100px;height:0"></div>

修改网站超链接颜色

在 style.css 中修改成如下：

/*超链接显示颜色*/
a {
  color: #3354AA;
  text-decoration: none;
}
/*鼠标放到超链接上的颜色*/
a:hover, a:active {
  color: #3354AA;
}

删除首页文章评论字段

在 index.php 删除如下代码

<li itemprop="interactionCount">
    <a itemprop="discussionUrl" href="<?php $this->permalink() ?>#comments">
        <?php $this->commentsNum('评论', '1 条评论', '%d 条评论'); ?>
    </a>
</li>

修改数字和英文字体

默认主题数字字体为 Georgia ，是一个不对齐的衬线字体，和中文结合看起来有点别扭，需要改掉，在 style.css 修改如下代码。

font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

本文章版权归原作者 王如飞 所有