Skip to content

weizwz/weiz-home

Repository files navigation

weiz-home

简洁优雅的个人主页展示 home page

技术

使用 create-react-router 初始化,react19 + react-router7 + vite6 + tailwindcss4 + ts + antd5

本项目80%代码由 Kiro 完成,拥抱 AI,畅享科技

执行

安装 pnpm i

运行 pnpm run dev

打包 pnpm run build

部署

部署到 cloudflare pages

登录 npx wrangler login

部署 npx run deploy

使用 pnpm start 启动时,ant 按钮样式会丢失,但构建无问题。本地启动,使用 pnpm dev 即可

其他

带壳截图工具: https://mockuphone.com/

图标 api 参考:https://iconify.design/docs/api/svg.html

文章订阅接口:https://note.weizwz.com/feed.xml 。需要替换成自己的接口,参考此接口返回内容,包含文章 标题、日期、摘要、类型等标签

文章卡片背景色和图标:iconify 图标 api 和 app/style/icon.scss 相结合,觉得麻烦就让 kiro 随机生成吧

部署:使用 Vercel,免费方便,域名自费(腾讯阿里买都可以),使用的 cloudflare 解析