ucalc-website
ucalc-website copied to clipboard
whinc
一款有温度的小程序 「小而美工具」，包括万年历/老黄历/佛历/道历/节气/节日/儿童(0-7岁)生长评估/青少年(7-18岁)生长评估/成人肥胖评估/亲戚称呼/退休年龄计算器/科学计算器/手电筒/DNF小助手，持续更新中...
trafficstars
微信小程序【小而美工具】
微信号：iCloudCoding
本地开发
npm ci
# 启动后本地浏览器打开 http://localhost:3000/ucalc-website/
npm run dev
部署发布
执行下面发布指令后，自动 push 触发 CI 发布流程
# https://whinc.github.io/ucalc-website/
npm run deploy:github
# https://xiaohui_hubei.gitee.io/ucalc-website/
npm run deploy:gitee
新增小工具介绍的流程
- 添加运行截图到
public/assets/screenshots_raw/xxx_{light,dark}.png - 添加二维码到
public/assets/screenshots_raw/xxx_qrcode.png2.1 构造页面路径page/home/index?share=xxx，具体参考project.private.config.json，前往小程序码生成页面生成码。 - 更新 pages.ts
- 更新 VerticalFeatures.tsx
- 压缩并拷贝图片到目标目录
public/assets/screenshots，这一步参考下面的图片压缩
图片压缩与拷贝
创建.env.local环境变量文件，并保存 tinypng 站点申请的秘钥
TINYPNG_API_KEY=<YOUR_API_KEY>
# 1.将新增的图片（原始大小）拷贝到 public/assets/screenshots_raw 目录
# 2.执行下面脚本，全量压缩图片
npm run update-assets
# 增量压缩图片，仅 --since 日期之后新增的图片会被压缩（日期是本地时区，无需换算）
npm run update-assets -- --since='2024-04-29T10:00:00'
脚本依赖 zx 工具，请先确保全局安装
npm install -g zx
Gitee
为了方便国内用户访问，仓库也同步一份到 Gitee 上 xiaohui_hubei/ucalc-website
git remote add origin-gitee [email protected]:xiaohui_hubei/ucalc-website.git
git push origin-gitee main
whinc