TinyTale 微信小程序

TinyTale 是一款基于 Halo 博客系统的微信小程序,可以展示博客文章、图库、瞬间等内容。简洁、美观、易用,是你的博客的最佳搭档。

购买地址

注:

得到的压缩包下的doc目录下有微信交流群以及开发者联系方式,一定要加上,方便售后联系,这个很重要!!!!

现在的方式只是过度阶段,等待Halo用户中心完善之后,会通过发放优惠卷的
方式将订单都转移到 Halo 官网之上,所以不用担心说为什么不在官网上架,只是因为现在上不了。

优惠码

TinyTale -30优惠码,可在发卡网购买时使用,数量有限,用完为止。

image.png

预览

111.png

文档

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 (默认开启, uvtwrem2rpx 选项)
  • 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>

4 天 后

2024-05-1

  • Feature:添加未授权提示
  • Feature:瞬间页面点击放大
  • Feature:新增瞬间以及发布页鉴权(解决过审问题)
  • Feature:优化文章页面样式
  • Feature:新增上传图片可选
  • update:优化引用
  • update:修复文章页分享undefined问题
  • update:调整文章字体大小
  • update:优化瞬间及图库加载
  • update:优化瞬间样式
  • optimization:图片未填写时报错问题
  • fix:修复删除图片仍发布问题

    2024.5.3

    • update: 优化热门分类选择
    • update: 优化社交信息溢出问题
    • update: 优化文章列表分类标签样式
    • update:分类页顺序同步后台设置
    • fix: 图库点击空白数据后导致所有分类都空白问题
    • fix: 图库少图问题
    • fix: 图库重复加载问题
    10 天 后

    2024.5.17

    • Feature:移除游客状态下的token使用,防止安全问题
    • Feature:新增瀑布流布局(待优化)
    • Feature:新增文章列表类型(列表,卡片,双栏)
    • Feature:新增随机图
    • Fix:上传本地文件匹配错误
    • Fix:阅读量不会增加问题
    • fix:删除文章列表多余符号
    • update:移除无用代码
    • update:优化平板标题
    • update:移除前端认证
    • update:优化部分细节
    • update:更新依赖
    • update:图库最大上传限制为99
    • update:优化代码
    • update: 清空信息
    • update:优化分类页细节
    14 天 后

    小白用户想要,但是一脸懵逼
    求个保姆级教程