mirror of
https://github.com/rumosky/mp-Blog.git
synced 2026-10-19 23:00:58 +08:00
rumosky
115 lines
3.3 KiB
Markdown
115 lines
3.3 KiB
Markdown
## 说明
|
||
|
||
一直想把网站做成小程序，github 上 typecho 的小程序也都是远古版本，今年官方也升级到了 typecho 1.2.1 版本，目前还没有可用的小程序，我自己抽空写了一个，开源给大家使用。
|
||
|
||
先附上开源地址：[Gitee 国内](https://gitee.com/rumosky/mp-Blog) [Github](https://github.com/rumosky/mp-Blog)
|
||
|
||
详情地址：https://rumosky.com/archives/698/
|
||
|
||
其中，`Restful`后端接口插件，`mp`为小程序源码，`img`为介绍图片
|
||
|
||
### 环境
|
||
|
||
本站环境如下：
|
||
|
||
```bash
|
||
# PHP版本：8.1.17
|
||
# 网站服务器：nginx/1.22.1
|
||
# 数据库：Pdo_Mysql[Version：5.7.42-log]
|
||
# Typecho版本：1.2.1
|
||
```
|
||
|
||
微信小程序没有使用 uni-app 等框架，采用原生小程序和 Vant 前端框架，本小程序秉承简洁原则，大方美观
|
||
|
||
小程序二维码扫一扫下图：
|
||
|
||
|
||
|
||
#### 主要功能及优点
|
||
|
||
- 首页文章列表、文章分类浏览、文章搜索、文章归档时间轴、关于
|
||
|
||
- 浏览文章评论、分享页面、复制联系信息
|
||
|
||
- 文章代码高亮、行号、语言显示
|
||
|
||
- 文章链接自动复制
|
||
|
||
- 文章表格横向滚动
|
||
|
||
- 一键返回顶部
|
||
|
||
- 接口请求时间限制，防止崩溃
|
||
|
||
- 使用缓存，提升加载速度
|
||
|
||
#### 预览图
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
#### 后端
|
||
|
||
代码中`typecho-plugin-Restful`文件夹为接口插件，修改名称为 Restful，上传到插件目录，启用即可。
|
||
|
||
默认后端请求地址为`https://xxx.com/api/`，可自行在插件中设置，此插件源码地址为：[typecho-plugin-Restful](https://github.com/moefront/typecho-plugin-Restful)
|
||
|
||
这个插件目前评论接口无效
|
||
|
||
#### 前端
|
||
|
||
小程序代码，appjs 里修改后端接口地址：
|
||
|
||
```javascript
|
||
// app.js
|
||
App({
|
||
onLaunch() {
|
||
// 获取当前年份
|
||
const date = new Date();
|
||
const currentYear = date.getFullYear();
|
||
this.globalData.currentYear = currentYear;
|
||
},
|
||
|
||
globalData: {
|
||
baseURL: "https://xxx",
|
||
currentYear: null,
|
||
},
|
||
});
|
||
```
|
||
|
||
这个接口地址需要在微信小程序开发后台添加一下，然后执行`npm install`，然后构建 npm 即可
|
||
|
||
#### 已知问题
|
||
|
||
- 评论功能暂不支持，目前也不打算支持，因为不简洁而且不容易过审
|
||
|
||
#### 计划更新
|
||
|
||
1. 优化页面加载策略，调整性能
|
||
2. 增加黑暗模式（功能不复杂，开发版已支持，就是实在懒得适配 css，很烦）
|
||
3. 自己写接口，因为这个插件返回的数据有时候需要前台处理，很麻烦
|
||
4. 未完待续……
|
||
|
||
#### 小程序审核
|
||
|
||
审核之前，后台最好备份一下数据，然后留两三篇技术文章，不要抄袭，不要发资讯之类的，一般都没问题，评论最好不要有。
|
||
|
||
本站小程序从提交审核到通过，14 分钟，很快，如下图：
|
||
|
||
|
||
|
||
### 结语
|
||
|
||
这个微信小程序的本意就是方便在移动端浏览文章，所以阅读是最重要的功能，其余都是点缀，不希望太复杂，虽然网站是响应式布局，但很少有人用手机访问。
|
||
|
||
BUG 反馈请提交 issue，留言请前往此处：https://rumosky.com/archives/698/
|