typecho-joe主题改动笔记

1 代码改动——根目录

1.1 文章：删除评论和侧边栏

• 文件位置：post.php

• 删除评论组件引用：删除如下代码

<?php $this->need('public/comment.php'); ?>

• 删除侧边栏组件引用：删除如下代码

<?php $this->need('public/aside.php'); ?>

1.2 页面：删除评论和侧边栏

• 文件位置：page.php
• 删除评论组件引用：删除如下代码

<?php $this->need('public/comment.php'); ?>

• 删除侧边栏组件引用：删除如下代码

<?php $this->need('public/aside.php'); ?>

2 代码改动——公共资源

2.1 侧边栏：删除作者栏

• 文件位置：public/aside.php
• 删除作者栏：删除joe_aside__item author，即删除如下代码

<section class="joe_aside__item author">
  <img width="100%" height="120" class="image lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="<?php $this->options->JAside_Author_Image() ?>" alt="博主栏壁纸" />
  <div class="user">
    <img width="75" height="75" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php $this->options->JAside_Author_Avatar ? $this->options->JAside_Author_Avatar() : _getAvatarByMail($this->authorId ? $this->author->mail : $this->user->mail) ?>" alt="博主头像" />
    <a class="link" href="<?php $this->options->JAside_Author_Link() ?>" target="_blank" rel="noopener noreferrer nofollow"><?php $this->options->JAside_Author_Nick ? $this->options->JAside_Author_Nick() : ($this->authorId ? $this->author->screenName() : $this->user->screenName()); ?></a>
    <p class="motto joe_motto"></p>
  </div>
  <?php Typecho_Widget::widget('Widget_Stat')->to($item); ?>
  <div class="count">
    <div class="item" title="累计文章数">
      <span class="num"><?php echo number_format($item->publishedPostsNum); ?></span>
      <span>文章数</span>
    </div>
    <div class="item" title="累计评论数">
      <span class="num"><?php echo number_format($item->publishedCommentsNum); ?></span>
      <span>评论量</span>
    </div>
  </div>
  <?php if ($this->options->JAside_Author_Nav !== "off") : ?>
    <ul class="list"><?php _getAsideAuthorNav() ?></ul>
  <?php endif; ?>
</section>

3 CSS样式改动

3.1 内容自动居中、固定内容宽度

• assets/css/joe.normalize.min.css文件，删除所有@media，改动.joe_main和.joe_container如下

.joe_main {
    min-width: 0;
    flex: 1;
    padding: 15px 0;
    max-width: 900px;
    margin: auto;
}

.joe_container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1100px
}

• assets/css/joe.post.min.css文件，改动.joe_bread如下

.joe_bread {
    padding-top: 15px;
    max-width: 930px
}

• assets/css/joe.global.min文件，改动.joe_header__below-class如下

.joe_header__below-class {
    display: flex;
    margin: auto
}

• assets/css/joe.global.min文件，改动.joe_header.active.current .joe_header__below-titles如下

.joe_header.active.current .joe_header__below-title {
    display: block;
    margin: auto
}

3.2 表格根据内容自动调整宽度

• assets/css/joe.global.min.css文件，改动.joe_detail__article table如下

.joe_detail__article table {
    width: 100%;
    max-width: 100%;
    table-layout: auto;
    color: var(--minor);
    margin-bottom: 18px;
    font-size: 13px;
    border-top: 1px solid var(--classC);
    border-left: 1px solid var(--classC)
}