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主题重新搭建本博客网站。 2025/06/03 基于当前网站实际搭建过程更新博客内容，以便读者能够搭建类似本网站样式的网站。 1 准备工作 一个云服务器： 用来部署网站，推荐腾讯云或阿里云 普通博客网站购买轻量级即可 一个域名： 外部访问服务器的网址，如本网站：www.washy.cn 云服务器属于中国大陆区域，需要进行备案，参考域名备案的相关事项 2 云服务器环境搭建 在云服务器管理界面，创建操作应用实例，并安装Linux操作系统（Ubuntu或其他） 登陆云服务器，安装宝塔面板或同类别工具，以宝塔面板为例，前往官网查看安装命令，类似 wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh && sudo bash install_panel.sh ed8484bec 安装完成后，根据窗口提示的外网访问网址以及账号密码，前往登陆宝塔面板界面 进入宝塔面板，选择LNMP一键极速安装，等待安装完成 3 初步搭建网站 点击左侧导航栏的【网站】-【添加站点】- 填写域名 - 创建数据库 - 提交 域名：备案审核已通过的话，使用域名；还没通过的，使用公网IP 数据库：选择创建 添加站点后，点击站点名后的【设置】，根据使用的工具修改【伪静态】 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> 点击站点名后的【根目录】链接，进入站点根目录（/www/wwwroot/站点域名），删除所有文件，上传下载的typecho压缩包并解压 typecho官网下载链接：https://typecho.org/download 将解压后的所有文件剪切至站点根目录 浏览器输入站点域名进入typecho配置界面，点击进入下一步 输入数据库名称和密码，点击【提交】。数据库名称和密码可在宝塔面板左侧【数据库】页面查询 本网站基本信息设置： 基本 - 站点名称：愚之説 基本 - 站点地址：https://www.washy.cn 基本 - 站点描述：积极乐观的前行～ 永久链接 - 自定义文章路径：选择【个性化定义】/{cid}.html 4 更换主题 4.1 Joe主题 简介：Joe原版主题，个人认为是typecho所有免费主题中最好用的 下载：可前往GitHub仓库下载 4.2 Joe再续前缘主题【推荐】 简介：Joe主题的魔改版，也是本网站使用的主题。对Joe主题进行了一些优化和改动，相较原版更符合我的审美和需求。 下载：自行前往作者的博客Joe再续前缘主题 - 搭建本站同款网站进行下载 4.3 主题更换方式 通过宝塔面板进入站点【根目录】 进入usr/themes文件夹，上传主题文件并解压 前往网站后台控制界面，点击【控制台】-【外观】，启用主题 5 安装插件 5.1 markdown插件 TypechoMathJax【推荐】 功能：自动渲染LaTeX公式 下载：https://github.com/glerium/TypechoMathJax MarkdownParse 功能：自动渲染LaTeX公式和mermaid流程图 下载：https://github.com/mrgeneralgoo/typecho-markdown 问题：与Joe再续前缘主题的代码块解析存在冲突 AutoLaTeX 功能：自动渲染LaTeX公式 下载：https://github.com/dreamerblue/AutoLaTeX 5.2 其他插件 SmartSpam 功能：智能评论过滤插件 作者：Typecho智能评论过滤插件：SmartSpam 下载：SmartSpam_v2.6.0 6 补充 6.1 Wordpress数据迁移 如果之前使用Wordpress搭建过网站，需要进行数据迁移，可执行如下步骤 下载安装WordpressToTypecho插件，下载地址http://docs.typecho.org/_media/plugins/wordpresstotypecho.zip 设置数据库名称、密码等信息 点击左侧WordpressToTypecho选项

博客搭建框架介绍 经过近两周的折腾，初步搭建了当前的博客网站，这期间调研了不少博客网站搭建的文章和教程，这里简要介绍下各个框架的特点，以便需要的人参考。 博客网站框架 最近主要接触了以下几种博客框架： 序号 名称 官网 特点 主题库 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。