HabitLog | 一款二次开发的typecho微信小程序 - Y.H.2HANG ' Blog - 道阻且长,行则将至-小张的学习笔记

HabitLog | 一款二次开发的typecho微信小程序

📝小程序介绍

HabitLog一款基于 Uni-app 开发的 Typecho 博客小程序,旨在为移动端用户提供极致的阅读体验。该程序深度集成 Typecho 原生功能,并针对 UI/UX 进行了大量优化。主要功能为对接网页端的typecho文章,并展示在小程序中。

📸页面预览

首页、分类页及搜索页,优化了首页的图片和文字轮播,美化了UI,分类界面采用了马卡龙配色,更加精致,搜索页优化了原作者的推荐阅读功能。
mkfki9nt.png

个人中心页面更加美观,优化了收藏夹,新增了浏览足迹,去除了一些广告设置,新增了获取用户头像和昵称的功能,更具生活化。
mkfkiito.png

文章阅读页优化了原来的阅读UI,增加了首行缩进和段落行距,能够识别typecho编辑器里的表格、图片(Photos功能)的这种标签,更好地展示内容。优化了海报形式。
mkfkioo9.png

✨软件特性

  • 精致视觉设计:基于 ColorUI 组件库,提供沉浸式的阅读体验和流畅的交互动画。
  • 全功能支持:支持文章列表分页、分类导航、多级评论显示等 Typecho 核心功能。
  • 离线足迹与收藏:本地持久化存储用户的浏览历史与收藏文章,无需登录即可便捷回顾。
  • 极致排版引擎:内置高性能 HTML/Markdown 解析器,完美保留文章格式。
  • 海报生成与分享:支持一键生成精致的文章海报,方便社交媒体二次传播。
  • 加密内容解锁:支持 Typecho 隐藏内容显示,可配合验证码等方式进行私密内容分享。
  • 智能缓存管理:提供清理运行缓存功能,保证小程序在低内存环境下的流畅性。

✨技术栈

  • 核心框架Uni-app (Vue 2 基于)
  • UI 组件库:ColorUI
  • 样式处理:LESS / Vanilla CSS
  • 主要组件

    • jyf-parser: 高性能富文本解析组件
    • marked: Markdown 渲染引擎

✨页面结构

  • pages/index/index: 响应式首页,包含轮播图、公告栏及文章列表。
  • pages/sort/sort: 分类导航页。
  • pages/mine/mine: 个人中心,包含收藏、足迹、协议及设置。
  • pages/details/details: 文章详情页,集成阅读进度、海报生成及加密内容逻辑。
  • pages/search/search: 快速检索页面。
  • pages/sortList/sortList: 分类聚合列表页。

📦部署说明

前端部署 (Uni-app)

详细的部署可以看原作者的官网,里面有教程和很多的问题记录

  1. 使用 HBuilderX 打开本项目。
  2. 修改 /utils/api.js 中的 domainapisec 为您自己的站点域名及接口密钥(与 Typecho 插件设置保持一致)。
  3. 在 HBuilderX 中点击 发行 -> 小程序-微信 或其他平台进行打包发布。

后端部署 (Typecho)

  1. 请确保您的 Typecho 博客已安装配套的 Pisces 插件。插件一定要用我给的,因为在原版上改动了。
  2. 在插件设置中配置对应的 API 密钥。
  3. 确保您的站点已启用 HTTPS,微信小程序要求所有 API 请求必须通过安全通道。

📄版权说明

该程序为 阳光艺创站小创果 (www.i4qq.com) 独立开发。
Y.H.2HANG (www.habits.top) 进行二次开发与深度优化。

[!NOTE]
本软件尊重原作者的知识产权,任何基于本二次开发版本的修改与分发请务必保留原作者及二次开发参与者的版权信息。

🤝下载地址

夸克网盘「typecho小程序-2026版.zip」链接:https://pan.quark.cn/s/c12940c05bd9

打赏