有兴趣或者喜欢的请点赞关注我。这篇文章正式首发100多赞。变更记录2022-07-30初稿，提出2022-07-31添加需求草稿系统概述类似于个人博客系统，可以发布文章、页面和代码片段。设置付费粒度：付费VIP，享受所有资源免费访问（有效期内）单篇付费，购买获取设置付费资源的访问权（buyout）。类似应用CodeHike：一个开源代码高亮库，在网站上一些例子需要Github赞助才能显示。Framerbook：知名动画库FramerMotion的配套教程，收会员年费。DesignCode：免费仅限5节视频课程，付费订阅可全部解锁。涉及技术栈和云服务技术栈：Remix：下一代全栈框架，前端部分为ReactTailwindCSS，DaisyUI：下一代设计、样式框架Prisma：下一代数据库ORM云服务：Vercel：免费服务应用托管+边缘网络+CDNPlanetScale：免费云MySQL数据库Sanity：HeadlessCMS内容管理，提供免费云托管关于开源本项目涉及的设计文档将放在CSDN专栏，代码在Github开源。也可以提前关注我的Github：https://github.com/willin需求设计基本要求个人知识付费博客应用系统图文内容文章代码片段（动态交互内容）页面（如about,sponsors,friendlinks,开源项目等)源码压缩包等资源/附件开源项目网址等信息卡片VIP会员订阅系统,可访问付费图文内容,但付费资源仍需购买下载,享受40%折扣（可配置，0折扣表示免费下载）graphLRvisitor[Visitor]visitor--freeaccess-->freeContent[freegraphiccontent]--paiddownload-->paidAttach[paidresource]visitor--付费访问-->paidContent[付费图片文字内容]--付费下载-->paidAttachvip[VIP会员]--免费访问-->内容[免费+付费图文内容]--优惠购买下载-->paidAttach图文contentSanity使用HeadlessCMS进行内容（文章、页面、代码片段、资源/附件）管理。MDX使用MDX动态组件内容来提高页面交互性。为什么不使用数据库首先，系统基本上是基于免费服务的。例如，MySQL的云服务提供商PlanetScale对免费包有每月请求限制。因此，数据库仅用于存储文章阅读次数、下载统计、用户付费账单等信息。支付集成微信支付（个人开发者暂不支持）支付宝当面支付当面支付签合同打开支付宝手机APP，搜索【签约助手】。选择【当面支付】签订合同。营业执照是可选的，所以如果你没有，你也可以签合同。（单笔交易1000元，每月限额50000元）付费要求普通用户需要付费购买标记为付费的图文内容。按原价购买标记为已支付的资源附件。升级为订阅系统。VIP会员VIP会员可以免费访问标记为付费的图文内容内容溢价（可配置折扣或免费）购买标记为付费的资源插件
