Typecho主题推荐，从零搭建一个高颜值个人博客的完整实战指南

如果你厌倦了臃肿的WordPress，又不想折腾Hexo的复杂部署，那么Typecho绝对是你值得一试的轻量级CMS，但很多新手卡在第一步：主题怎么选？怎么装？配置错了怎么办？今天我就以一套完整的实战流程，带你从零开始，用几款口碑极佳的Typecho主题，搭出一个加载飞快、颜值在线的个人博客，全程跟着做，不需要懂代码,你也能搞定。

Typecho主题推荐，从零搭建一个高颜值个人博客的完整实战指南

这篇文章适合谁？

• 刚接触Typecho,想快速上手建站的新手；
• 用过其他CMS,想迁移到轻量方案的老手；
• 想要一个简洁、美观、能长期维护的个人博客或作品集站点的朋友。

如果你符合上面任意一条，请读完本文，不需要服务器运维经验,有虚拟主机或者一台云服务器就行。

先推荐三款不踩坑的主题

在动手之前，先把主题选好，这几款都是经过大量站长验证、更新及时、兼容PHP 7.4+ 的精品：

1. Handsome（付费授权）：这是Typecho最著名的付费主题之一，功能极强，自带文章目录、打赏、评论表情、代码高亮、日夜切换，适合想要“开箱即用”且喜欢折腾各种社交功能的人，官方文档详细,新手友好。
2. Sagiri（免费/开源）：二次元风格，适合做动漫、ACG类博客，设计精致，彩色云标签和文章卡片效果很出彩，如果你喜欢可爱风格,选它没错。
3. Mirages（免费/开源）：极简轻量，专注阅读体验，文字排版非常舒服，适合写技术笔记、随笔、读书心得，它还有一个特性是支持自定义头部背景和渐变配色,很耐看。

下面我们就以Mirages为例，手把手走一遍完整搭建流程，这款主题免费、无隐藏设置，最能帮你理解Typecho的主题机制，其他主题的操作逻辑大同小异,学完你自然会举一反三。

第一步：准备一个Typecho网站环境

如果你还没有Typecho，先去官网下载最新稳定版（1.2.1），然后解压上传到服务器根目录（比如/var/www/html或虚拟主机的wwwroot），访问你的域名，按照安装向导填写数据库信息，这里有个新手常踩的坑：Typecho默认使用MySQL，但你最好在创建数据库时选择utf8mb4编码,否则后面文章里插入emoji会变成乱码。

如果你用的是宝塔面板，在“软件商店”安装PHP 7.4 + MySQL 5.7 + Nginx，然后创建站点，数据库密码不要用中文，安装完成后,你的站点应该能访问默认主题了。

第二步：下载并安装Mirages主题

去Mirages的GitHub发布页下载最新版压缩包，注意：不要解压后单独上传主题文件夹里的文件，而是上传整个包含主题文件夹的压缩包,然后在服务器上解压。

具体操作：

• 在Typecho后台左侧菜单点击“控制台” -> “外观”。
• 你会看到默认主题列表，点击右上角的“开始安装”按钮。
• 选择你刚才下载的Mirages压缩包（.zip），点击“下一步”。
• Typecho会自动解压并安装，如果没有自动解压，说明你的PHP禁用了解压函数，需要在宝塔PHP配置中移除putenv、proc_open等禁用函数，或手动将解压后的Mirages文件夹上传到/usr/themes/目录下。

安装成功后，在外观列表中看到Mirages的封面图，点击“启用”即可。

第三步：基础配置（关键点）

启用主题后，进入“设置外观”页面，Mirages的设置项非常多，但别慌,我们只关注几个必填项：

1. 站点关键词与描述：虽然和主题无关，但建议填上,利于SEO。
2. ：建议写一句简短有力的话，记录思考，分享创造”,会显示在首页最上方。
3. 头像地址：如果你在后台没有设置邮箱头像，主题会默认显示一个空白头像，建议去Gravatar官网用你的邮箱注册一个头像，然后在这里填上头像图片URL，踩坑提醒：Gravatar在国内访问不稳定,你最好把图片下载下来传到自己的图床或服务器上。
4. 文章页底部版权声明：Mirages自带版权信息，默认是“本文由 xxx 创作”，这里的“xxx”是从你的用户昵称取的，如果你想自定义，在“自定义个性化”里改。

配置完这些，点击“保存设置”，刷新前台,你应该能看到一个干净的博客首页了。

第四步：创建导航菜单和文章分类

一个博客不能光有首页，在“管理” -> “分类”里创建几个分类，技术”、“生活”、“读书”，然后在“管理” -> “独立页面”里新建一个“关于我”页面,内容随便写几句。

接着在“控制台” -> “菜单”中，把“首页”、“分类”、“关于我”都添加为菜单项，Mirages支持多级菜单，拖拽调整顺序，保存后,导航栏就会出现它们。

这里有个新手常见错误：菜单链接填错，比如你把分类的链接填成了http://域名/category/技术，但你的伪静态没有开启，实际链接是http://域名/index.php/category/技术，建议在Typecho后台“设置” -> “永久链接”里，将文章链接设置为/archives/{cid}.html，分类链接设置为/category/{slug}，同时确认Nginx或Apache的伪静态规则已生效，宝塔面板在站点设置里可以直接选择Typecho伪静态规则,保存后重启Nginx。

第五步：完美体验的加分配置

1. 开启评论增强：Mirages自带“评论角标”和“博主标记”，在“设置外观” -> “评论设置”中，填入你的博主邮箱即可，这样你的评论会带上“作者”徽章,访客体验更好。
2. 代码高亮：如果你写技术文章，一定需要代码高亮，Mirages支持Prism.js，只需要在“代码高亮”选项里选择“开启”，并选择你喜欢的主题样式（建议用“Atom Dark”）,不需要安装额外插件。
3. 图片懒加载：在“性能优化”里开启“图片懒加载”，并设置加载占位背景色，这能让你的页面打开更快,降低服务器包袱。

常见踩坑提醒（请务必看）

• 主题启用后页面白屏：大概率是PHP版本不兼容，Mirages要求PHP 7.0以上，推荐7.4，如果你用的是PHP 5.x，请升级，另外检查服务器错误日志，/var/log/nginx/error.log或宝塔的日志窗口。
• 文章页显示“暂无文章”：检查是否在“管理” -> “分类”里创建了分类，但文章没有挂到任何分类下，Typecho里,未分类文章默认不会显示在首页列表中。
• 侧边栏或底部出现PHP警告：这是因为某些扩展未安装，比如mbstring或curl，在宝塔软件管理里，找到你的PHP版本，点击“设置”，在“安装扩展”里勾选mbstring和curl,重装PHP后重启。
• 自定义样式不生效：Mirages允许在“设置外观”末尾粘贴自定义CSS，但如果你使用的是免费主题的子主题方式（比如加了CDN）,需要清除浏览器缓存或CDN缓存后再看效果。

最后一步：验证与发布

完成以上所有步骤后，写一篇文章试试，进入“撰写” -> “撰写文章”，选择一个分类，加上标签，插入一张图片，发布，打开前台，看到文章排版清晰，图片正常，菜单跳转正确，恭喜你,一个基于Typecho的个人博客就正式上线了。

后续你还可以去官方主题商店逛逛其他作品，换主题时记得先备份当前主题配置文件，其实Typecho的主题安装与配置就是这么简单，只要迈出第一步，后面的风格切换、功能扩展都会水到渠成,去写你的第一篇文章吧。