UniTypecho - 多平台 Typecho 应用解决方案

🤷 上一个还不够，我要上十个（指小程序平台）

介绍

UniTypecho - 将 Typecho 打包为跨平台应用 Based on uni-app and WeTypecho.

由于移动互联网的普及，网站访问量下降，导致个人网站无人问津。

使用一套代码，可生成你能想到的几乎所有平台的程序，从而提高移动端访问与留存。

已测试：微信小程序/QQ小程序/移动 H5/Android 应用
暂未测试但理论可行：iOS 应用/支付宝小程序/百度小程序/头条小程序/钉钉小程序

UniTypecho 的安装非常简单，只需进行简单的插件与前端配置，三分钟就能搭建。

预览 Preview

微信小程序 & QQ 小程序：

字节跳动小程序：正在审核中

Android 应用：蓝奏云

H5 页面：链接（请使用手机打开）

截图：

特性 Features

微信订阅消息：

当发送评论时，微信会询问是否发送订阅消息。若用户选择接收，则当其评论有新回复时会收到微信订阅消息通知，并可进入小程序查看。

内链打开：

前提：开启伪静态并规定链接形式为 域名/archives/:cid

众所周知，小程序禁止外链链接。而在 UniTypecho 中。将会根据 URL 进行自动识别，并进行小程序内跳转。这样当自己的一篇文章引用另一篇文章时，便可让读者很方便地查看。

而对于外链链接，UniTypecho 则会将链接地址复制到剪贴板。

海报分享：

在微信小程序中提供了海报分享方式，可以生成海报并保存，便于分享。

而 QQ 小程序由于自带可以分享到 QQ 空间，微信好友及朋友圈，故未加入海报分享功能。

分享跳转：

当用户通过扫描二维码进入时，若直接进入文章页，则返回时会直接跳出小程序。而 UniTypecho 采取了先进入主页再跳转到文章页的做法，使得用户返回时会回到主页继续浏览。

黑白名单

设置评论默认归类为通过/待审核，重重把关避免垃圾评论*扰

以及更多：

一键更换主题色
通过微信赞赏码捐赠
首页头图预览文章，自定义分享文案
使用微信/QQ/邮箱登录，点赞，回复
按分类输出文章列表，按点赞/评论/浏览输出热门文章
解析 Markdown & HTML 文章
自定义关于页面

如何使用 How to Use

注意：在各小程序平台上架需域名备案并开启 https

插件后台配置
1. （star 并）下载源码，将 UniTypecho-Plugin 目录重命名为 UniTypecho 并上传到服务器 Typecho根目录/usr/plugins/ 中
2. 如想打包为小程序，在对应平台申请并认证，获取 APPId 与 APPSecret
3. 在 Typecho 后台启用 UniTypecho 插件，并进入配置界面填写小程序信息，展示信息等，其中 API密钥 为前后端通信密钥，请自己定义
4. （可选）配置永久链接形式为 /archives/{cid}/ （方便启用页内跳转）
程序端配置
1. 下载 IDE HBuilder X 并安装，打开 UniTypecho 文件夹中的项目
2. 复制 config.js.example 为 config.js，填写域名，密钥，主题配置信息（注：如 Typecho 未配置地址重写则需在域名后加入 /index.php）
3. 复制 manifest.json.example 为 manifest.json，配置 DCloud APPID 信息等
4. 针对不同平台，下载开发者平台工具进行调试
如果你只需要微信小程序/QQ小程序
1. 在 release 中下载最新版的 mp-weixin.zip / mp-qq.zip 并解压
2. 修改 project.config.json 与 static/config.js
3. 在小程序开发者平台平台工具中打开，调试

注：百度小程序不允许个人申请；字节跳动小程序申请需审核；支付宝及钉钉小程序类目暂不包括内容类目

遇到了问题？Get Stucked?

如果在安装使用中发现问题，你有以下的方式提出问题：

在 issues 中提出问题
Telegram: @idealclover
发邮件给项目维护者傻翠 idealclover@live.com
加入 ~~暂时只有我一个人的~~ ~~粉丝群（划去）~~ UniTypecho 用户交流群 1059333269

开发计划 Next TODOs

接入广告

贡献项目 Contributes

PR Wecome! 欢迎各种形式的 PR

一些开发中踩过的坑

QQ小程序：Color-UI 在 QQ 小程序编译后 CSS 无法解析图标
APP：使用 V3 编译器 uParse 模块会报错，故使用 V2 编译器

赞助我 Donate Me

欢迎您对我项目的支持！

您可以点击这个链接或扫描下方的二维码向我支持

支持微信，支付宝，QQ等多种支付方式

关于如何用一个链接做到如此，这是我的另一个开源项目 Click-to-Donate 。

开源许可 Open-source Licenses

Based on:

Under MIT LICENSE.

Long live open-source.

WeiDongTang / UniTypecho