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) }