TinyTale 微信小程序
TinyTale
是一款基于 Halo
博客系统的微信小程序,可以展示博客文章、图库、瞬间等内容。简洁、美观、易用,是你的博客的最佳搭档。
购买地址
注:
得到的压缩包下的doc目录下有微信交流群以及开发者联系方式,一定要加上,方便售后联系,这个很重要!!!!
现在的方式只是过度阶段,等待Halo用户中心完善之后,会通过发放优惠卷的
方式将订单都转移到 Halo 官网之上,所以不用担心说为什么不在官网上架,只是因为现在上不了。
优惠码
TinyTale
-30优惠码,可在发卡网购买时使用,数量有限,用完为止。
预览
文档
TinyTale
技术栈
特性
- [x] 文章列表
- [x] 文章详情
- [x] 分类列表
- [x] 图库展示
- [x] 瞬间展示
- [x] 评论展示
- [x] 发布图库
- [x] 发布瞬间
- [x] 配套插件
Next
- [ ] 优化文章样式
- [ ] 优化代码结构
- [ ] ......
快速开始
第一步,安装插件
首先我们需要安装 TinyTale
配套插件,插件地址为 TinyTale插件
第二步,配置插件
在 Halo
后台管理系统中,找到 插件
-> TinyTale
-> 设置
,配置小程序相关设置
。
生成管理员token
在 Halo
后台管理系统中,生成一个管理员token,用于小程序的发布和管理。如果你不知道需要哪些权限就全给它吧。
第三步,配置小程序
在 src/config
目录下的 base.ts
文件中配置小程序相关信息
// 项目名称
title: 'TinyTale
// 项目版本
version: '1.0.0',
// 通讯地址,一般为你的halo博客地址, 不要带末尾反斜杠
BASE_URL: '',
// 网站地址用于拼接原文链接
WEB_URL: '',
// 上一步生成的管理员token
API_KEY: ''
第四步,uni-app
修改src/manifest.json
文件,重新获取appid
第五步,下载依赖
yarn
或
yarn install
启动项目
yarn run dev:mp-weixin
此时会在 dist/dev/mp-weixin
目录下生成小程序代码,可以使用微信开发者工具打开该目录进行预览。
单位转换
rem
->rpx
(默认开启, uvtw
的 rem2rpx
选项)
px
-> rpx
(默认不开启,可反注释 postcss.config.cjs
中的 postcss-pxtransform
开启配置)
Tips
- 升级
uni-app
依赖的方式为 npx @dcloudio/uvm
后,选择对应的 Package Manager
即可。而升级其他包的方式,可以使用 yarn upgradeInteractive --latest
,这个是 yarn
自带的方式。
- 另外暂时不要升级
pinia
的版本,不然会报hasInjectionContext
相关的错误 ,详见 pinia/issues/2210
FQA
<details>
<summary class=details>
🍔内测版和正式版有什么区别
</summary>
<p>本质上没有任何区别,内测版是过度版的过度,这时候的价钱会比正是版便宜。为的是更好的完善程序。
</p>
</details>
<hr />
<details>
<summary class=details>
🎉 收费方式是什么,有加密吗?
</summary>
<p>一次付费,终身使用,并且没有任何加密,完整的Uniapp代码给到你。方便自己二开和个性化。我们还会将用户拉进 Github仓库,可以实时查看项目更新情况并反馈问题。
</p>
</details>
<hr />
<details>
<summary class=details>
🍉 收费方式是什么,有加密吗?
</summary>
<p>一次付费,终身使用,并且没有任何加密,完整的Uniapp代码给到你。方便自己二开和个性化。我们还会将用户拉进 Github仓库,可以实时查看项目更新情况并反馈问题。
</p>
</details>