为您搜索到
4
篇关于
joe主题
的相关文章，期待您能满意而归！
-
从 WordPress 到 Typecho：一个小站长的博客轻量化转型记 从 WordPress 到 Typecho：一个小站长的博客轻量化转型记十年前，我在虚拟主机上一键安装了 WordPress，觉得博客这东西就该“大而全”；十年后，我把小窝搬到了 Typecho，才发现“少即是多”。这篇不讲具体哪行代码，只聊聊一个小站长的心态转变。一、我与 WordPress 的十年纠缠我的第一篇博客写于 2016 年，标题至今还留着：“Hello World！”。那时候的想法很朴素：找个免费的建站程序，写点网络技术笔记，顺便挂几张 NAS 的折腾截图。WordPress 自然是第一选择——教程最多、主题最全、插件最丰富，几乎是个“闭眼入”的答案。事实证明它也确实强大。五年里，我给小窝装过 SEO 插件、缓存插件、安全插件、表单插件、图库插件、备份插件……最多的时候装了 40 多个插件。每次打开后台，“插件有更新”的红点就像催命符一样，更新吧怕兼容性崩，不更新吧怕安全漏洞。到了 2022 年，问题开始集中爆发：后台越来越卡：打开一个页面要转半天圈，写文章常常丢失草稿；数据库膨胀：wp_options 表里各种插件残留的垃圾数据越来越多，清理一次要花一整天；安全风险高：树大招风，WordPress 的漏洞公告几乎月月有，服务器上被扫描器扫得嘶嘶作响；服务器开销大：原本 1 核 2G 的小鸡跑得好好的，加了几十个插件后 CPU 常年飘红。最要命的是，作为个人站长，我发现自己 80% 的精力都花在了“维护博客程序”上，而不是“写文章”上。这完全本末倒置了。二、轻量化思潮：我为什么开始想“换车”2023 年，我在给群晖 NAS 折腾 Docker 容器时，突然意识到一件事：我的技术栈已经全面“轻量化”了——软路由跑 OpenWrt 而不是臃肿的成品固件，图床用兰空图床而不是自己写，内网穿透用 Docker 版 FRP 而不是手动编译。唯独博客还拖着个“大块头”。于是我开始问自己一个问题：个人博客到底需要什么？能写文章、发图文教程 ✓评论功能正常 ✓访问速度快、移动端体验好 ✓后台简洁，不折腾 ✓数据掌握在自己手里 ✓WordPress 能做到这 5 点，但它附带的是 10 倍于此的冗余功能。而 Typecho，恰好就是一个“只做这 5 件事”的程序。三、搬家实战：我的迁移路线图真正动手前，我列了个清单，确保搬家不翻车。整个流程分为五步，花了大概一个周末。第一步：盘点家当先统计 WordPress 端的数据：文章数量、分类、标签、评论、媒体库文件。我发现近一半的文章是十几年前的测试残留和无意义转载——果断删掉，只带走 60 多篇真正的原创教程。这是轻量化转型的第一课：先给内容减负。第二步：导出导入Typecho 官方生态有现成的 WordPress 迁移插件（WordpressToTypecho），流程很顺：在 WordPress 后台导出 XML 数据文件；全新安装 Typecho（PHP 7.4+、MySQL，过程不到 5 分钟）；启用迁移插件，上传 XML，一键导入文章、分类、标签、评论。坑主要在媒体库：如果图片都在 wp-content/uploads 下，要手动把目录复制到 Typecho 的 usr/uploads 里，并用 SQL 或插件批量替换正文中的图片路径。我的做法是把所有图片提前迁移到兰空图床，正文统一用图床外链，反而一劳永逸。第三步：选主题这是最开心的环节。Typecho 的主题生态虽然不如 WordPress 庞大，但精品率很高。我最后选了 Joe 主题——颜值在线、功能完整、作者更新勤快，而且有现成的小程序对接方案。对个人技术博客来说，它几乎开箱即用。第四步：伪静态与细节把 WordPress 时代的链接结构尽量保留一致，避免外链 404。Typecho 在群晖 Web Station 或 Nginx 下开启伪静态都很简单，官方文档一页纸讲完。我还补了几件事：开启评论反垃圾（搭配自建 Bark 推送，评论实时到手机）；补上 sitemap，让搜索引擎重新收录；把旧站做 301 跳转到新站，权重不丢失。第五步：观察与收尾搬家后的一周我每天看日志：有没有 404、有没有评论异常、移动端排版正不正常。确认稳定后，旧 WordPress 打包成压缩包归档到 NAS，服务器资源直接省出一半。四、半年体验对比：数据说话搬家半年后，我做了一次横向对比，结论很直观：对比项WordPress 时期Typecho 时期程序体积约 50MB+，插件另算约 2MB，核心功能内置首页加载时间2.5~4 秒0.8 秒以内后台打开速度经常转圈几乎秒开安全补丁频率几乎月月有极少，攻击面小服务器占用1核2G 常年飘红同配置常年低于 20%写作体验编辑器笨重Markdown 原生，轻快最让我惊喜的是写作回归了：以前打开后台写篇文章，光等加载就消磨掉一半兴致；现在 Typecho 后台秒开，Markdown 一敲，配图一拖，发布走人。半年时间里，我的更新频率翻了一倍。五、给想转型的朋友的几句建议先断舍离，再搬家：别把十年垃圾数据原样带走，趁机精简内容，是对读者和自己都好的一件事。图床独立化：把图片从程序目录剥离出来，换任何程序都不用再为图片发愁。接受“功能少”：Typecho 没有 WordPress 那么多花哨插件，但 90% 的需求主题和少量插件就能覆盖。少折腾，就是最大的生产力。备份！备份！备份！：迁移前后各做一次完整备份（数据库+文件），NAS 上再留一份异地副本。重要的话说三遍。写在最后从 WordPress 到 Typecho，我失去的是一堆用不上的功能，得到的是一个“打开就能写”的博客。这十年建站路教会我最重要的一件事就是：工具应该服务于内容，而不是内容服务于工具。如果你也觉得自己的博客越来越重，不妨试试轻量化。少即是多，慢即是快——这句话放在博客上，一样成立。夜影小窝专注群晖 NAS、Docker、内网穿透与网络技术实战，欢迎常来坐坐。 -
基于 Typecho 后端的微信小程序，主题使用的是joe Typecho 博客微信小程序基于 Typecho 后端的微信小程序，支持文章展示、分类浏览、搜索、友链、关于等功能。项目结构miniprogram/ ├── pages/ # 页面目录 │ ├── splash/ # 启动页 │ ├── home/ # 首页（推荐+分类+瀑布流） │ ├── category/ # 分类页（左右结构） │ ├── links/ # 友链页 │ ├── about/ # 关于页 │ ├── search/ # 搜索页 │ ├── article/ # 文章详情页 │ ├── archive/ # 归档页 │ └── tags/ # 标签云页 ├── utils/ # 工具类 │ ├── request.js # HTTP 请求封装 │ ├── api.js # API 接口管理 │ └── util.js # 通用工具函数 ├── assets/ # 静态资源（需自行添加） │ ├── logo.png # 小程序 logo │ ├── avatar.png # 默认头像 │ └── icons/ # 底部导航图标 ├── app.js # 小程序入口 ├── app.json # 全局配置 ├── app.wxss # 全局样式 └── project.config.json # 项目配置小程序截图安装步骤1. 安装 Typecho REST API 插件方法一：使用 typecho-rest-api 插件# 进入 Typecho 插件目录 cd /path/to/your/typecho/usr/plugins # 下载后手动解压到 usr/plugins/Rest 目录启用插件：登录 Typecho 后台进入「控制台」→「插件」找到 Rest 插件，点击「启用」验证安装：访问 https://your-site/api/ 应该能看到 API 文档2. 配置小程序2.1 修改 app.js 配置打开 app.js，修改全局配置：globalData: { // API 基础地址（修改为你的域名） apiBase: 'https://your-site/api', // 网站地址 siteUrl: 'https://your-site', // 网站信息 siteInfo: { name: 'Yey Home', // 小程序名称 description: '个人技术博客', // 描述 avatar: '/assets/avatar.png', // 头像路径 // 联系方式（在关于页面显示） contacts: { qq: '你的QQ号', wechat: '你的微信号', github: '你的GitHub用户名', gitee: '你的Gitee用户名', blog: 'https://www.yeyhome.com', email: 'your@email.com' } } }2.2 修改 project.config.json打开 project.config.json，修改 appid：{ "appid": "你的小程序AppID" }2.3 添加静态资源需要在 assets/ 目录下添加以下文件：必需文件：logo.png - 启动页 logo（推荐 200x200px）avatar.png - 默认头像（推荐 160x160px）底部导航图标（assets/icons/ 目录）：home.png / home-active.png - 首页图标category.png / category-active.png - 分类图标link.png / link-active.png - 友链图标about.png / about-active.png - 关于图标search.png / search-active.png - 搜索图标图标推荐尺寸：81x81px3. 配置服务器域名在微信小程序后台配置：登录 微信小程序后台进入「开发」→「开发管理」→「开发设置」找到「服务器域名」在「request 合法域名」中添加：https://www.yeyhome.com⚠️ 注意：小程序只支持 HTTPS 请求确保你的 Typecho 网站已启用 HTTPS域名需要备案4. 配置友情链接（可选）友链数据存储方式有两种：方式一：在 Typecho 创建独立页面在 Typecho 后台创建新页面设置页面缩略名（slug）为 links在内容中添加友链数据（JSON 格式）：[ { "name": "博客名称", "url": "https://example.com", "description": "博客描述", "avatar": "https://example.com/avatar.png" } ]方式二：修改代码使用临时数据打开 pages/links/links.js，修改 getMockLinks() 函数中的数据。功能说明1. 启动页首次打开显示，包含 logo、名称、描述点击「进入小程序」后不再显示可清除小程序缓存重新显示2. 首页上部：轮播展示推荐文章中部：分类统计卡片下部：瀑布流文章列表支持下拉刷新、上拉加载更多3. 分类页左侧显示分类列表右侧显示选中分类的文章支持下拉刷新、滚动加载4. 友链页展示友情链接列表点击复制链接到剪贴板5. 关于页个人信息展示网站统计（文章数、分类数、标签数、访问量）文章归档、标签云入口联系方式（点击复制）6. 搜索页实时搜索文章搜索历史记录支持分页加载7. 文章详情富文本展示文章内容支持图片点击预览复制文章链接分享功能API 接口说明小程序使用的 API 接口（需确保 Typecho REST API 插件已安装）：接口说明/api/posts获取文章列表/api/posts/{id}获取文章详情/api/categories获取分类列表/api/tags获取标签列表/api/pages/{slug}获取独立页面开发调试导入项目打开微信开发者工具选择「导入项目」项目目录选择 miniprogram 文件夹填写 AppID点击「导入」本地调试在微信开发者工具中：点击右上角「详情」勾选「不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书」即可在本地调试真机预览确保服务器域名已配置点击工具栏「预览」扫码在手机上预览常见问题Q1: 请求失败，提示域名不合法解决方案：确保在小程序后台配置了服务器域名域名必须是 HTTPS开发时可在开发者工具中勾选「不校验合法域名」Q2: API 返回 404解决方案：检查 Typecho REST API 插件是否已启用访问 你的域名/api/ 测试 API 是否可用检查 app.js 中的 apiBase 配置是否正确Q3: 图片不显示解决方案：确保 assets/ 目录下有相应的图片文件检查图片路径是否正确图片需要放在小程序目录内，或使用 HTTPS 外部链接Q4: 友链数据为空解决方案：检查是否在 Typecho 创建了 slug 为 links 的页面或使用 getMockLinks() 中的模拟数据确保友链数据格式正确Q5: 搜索功能不可用解决方案：确保 Typecho REST API 插件支持搜索功能检查 API 接口 /api/posts?search=关键词 是否可用如不支持，需要自行扩展 API 或使用其他搜索方案自定义开发修改主题色打开 app.wxss，修改以下变量：/* 主色调：紫色渐变 */ linear-gradient(135deg, #667eea 0%, #764ba2 100%) /* 可替换为其他颜色，例如蓝色： */ linear-gradient(135deg, #1890ff 0%, #0050b3 100%)添加新页面在 pages/ 目录下创建新页面文件夹在 app.json 的 pages 数组中添加页面路径如需底部导航，在 tabBar.list 中配置修改 API 数据格式如果你的 API 返回格式与代码中不同，需要修改 utils/api.js 中的数据处理逻辑。技术栈框架：微信小程序原生框架后端：Typecho + REST API 插件样式：WXSS（类 CSS）数据请求：wx.request许可证MIT License联系方式如有问题或建议，请通过以下方式联系：博客：https://www.yeyhome.com在小程序「关于」页面查看更多联系方式开发完成！祝您使用愉快！ 🎉下载地址Github 百度网盘 蓝奏云
-
-
