微信小程序【小而美工具】

官网站点

微信号：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

新增小工具介绍的流程

1. 添加运行截图到 public/assets/screenshots_raw/xxx_{light,dark}.png
2. 添加二维码到 public/assets/screenshots_raw/xxx_qrcode.png 2.1 构造页面路径 page/home/index?share=xxx，具体参考 project.private.config.json，前往小程序码生成页面生成码。
3. 更新 pages.ts
4. 更新 VerticalFeatures.tsx
5. 压缩并拷贝图片到目标目录 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 git@gitee.com:xiaohui_hubei/ucalc-website.git
git push origin-gitee main