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

使用typecho搭建博客 0 前言 使用Wordpress+blocksy主题建站一个月左右，由于我经常使用Typora做笔记，而Wordpress对Markdown的兼容性实在是太差，插件也都不好用，进而使用typecho+joe主题重新搭建本博客网站。 1 Typecho + Joe主题 1.1 官方版 安装本体：前往官网下载typecho本体，上传至服务器站点并解压缩，流程与Wordpress类似 后台美化：由于typecho后台非常丑，可使用SimpleAdmin插件进行后台美化，可前往GitHub仓库release下载最新版 启用主题：Joe主题是一款非常优秀的免费主题，可前往GitHub仓库下载安装 1.2 魔改版 安装本体：typecho定制版对原版进行了一定的优化，并且自带后台美化插件，可前往GitHub仓库release下载安装 启用主题：Joe主题虽然很优秀，但也存在一些不足，目前网上有很多基于Joe主题的魔改版，此处推荐typecho定制版同作者发布的魔改版，可前往GitHub仓库release下载安装 2 数据迁移 更换博客框架后，需要将原Wordpress网站上的文章迁移到typecho，具体步骤如下： 下载安装WordpressToTypecho插件，下载地址http://docs.typecho.org/_media/plugins/wordpresstotypecho.zip 设置数据库名称、密码等信息 点击左侧WordpressToTypecho选项 3 typecho配置 3.1 网站设置 基本 - 站点名称：愚之説 基本 - 站点地址：https://www.washy.cn 基本 - 站点描述：积极乐观的前行～ 永久链接 - 自定义文章路径：选择【个性化定义】/{cid}.html 3.2 插件 MarkdownParse 功能：自动渲染LaTeX公式和mermaid流程图 下载：https://github.com/mrgeneralgoo/typecho-markdown AutoLaTeX 功能：自动渲染LaTeX公式（建议使用MarkdownParse插件代替该插件） 下载：https://github.com/dreamerblue/AutoLaTeX SmartSpam 功能：智能评论过滤插件 作者：Typecho智能评论过滤插件：SmartSpam 下载：SmartSpam_v2.6.0 3.3 伪静态 Nginx if (!-e $request_filename) { rewrite ^(.*)$ /index.php$1 last; } Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1] </IfModule>

博客搭建框架介绍 经过近两周的折腾，初步搭建了当前的博客网站，这期间调研了不少博客网站搭建的文章和教程，这里简要介绍下各个框架的特点，以便需要的人参考。 博客网站框架 最近主要接触了以下几种博客框架： 序号 名称 官网 特点 主题库 1 Hexo https://hexo.io/zh-cn/ 无后台，配置简单，功能简单 大量免费开源的主题 2 Halo https://halo.run/ 有后台，配置简单，正在发展中 相对较少，但未来可期 3 typecho https://typecho.org/ 有后台，配置简单，仅适合博客 大量免费开源的主题 4 Wordpress https://cn.wordpress.org/ 有后台，配置复杂，功能强大 大量免费以及付费的主题 博客框架推荐 以下仅为个人观点。 博客框架的选择需要考虑自身需求和各种成本问题，这里主要基于以下几点进行分析： 网站功能： Hexo：纯静态网站，没有后台操作界面，即无法在线编辑，只能本地写好文章后，使用命令上传至GitHub或服务器。安装插件可实现文章评论功能，不支持用户注册。 Halo：有后台操作界面，支持markdown语法。支持评论、用户注册。 typecho：有后台操作界面，支持markdown语法，仅支持作为博客网站。支持评论、用户注册。 Wordpress：有后台操作界面，安装插件后支持markdown语法，拥有众多强大的功能。支持评论、用户注册。 网站美观： Hexo：有不少好看的主题且免费开源 Halo：主题库相对较少，尤其是更新后的2.0版本 typecho：主题库丰富，众多免费主题可供挑选 Wordpress：主题库丰富，免费版、付费版均有 搭建网站的时间成本： Hexo：很小，根据教程十几分钟即可在GitHub上搭建好。但评论等功能的添加需要额外花费时间。 Halo/typecho：云服务搭建半天左右，域名备案一周左右。 Wordpress：云服务器和域名配置同上。找到适合的主题比较花时间。 网站搭建的金钱投入： Hexo：使用GitHub Pages，可以零成本。购买域名，一年几块到几十块不等。 Halo/typecho/Wordpress：必须购买服务器和域名。新手优惠至少一百多每年，老用户至少六百多每年。 后期维护及优化 Hexo：一劳永逸，后期几乎不需要维护和优化。 Halo/typecho：暂不清楚。 Wordpress：随着内容的增多，需要进行额外的维护和优化。 综上所述，如果想完全白嫖，使用Hexo+GitHub Pages；如果购买了云服务器和域名，又不想投入太多精力在网站搭建上，建议使用Halo或typecho；如果比较想折腾或者完美主义者，直接Wordpress。