共计 1226 个字符，预计需要花费 4 分钟才能阅读完成。
感兴趣或者喜爱的请点赞关注我，本文超过 100 个赞正式动工。
变更记录
- 2022-07-30 初稿，构想提出
- 2022-07-31 增加需要草稿
零碎概述
相似于集体博客零碎，能够公布文章、页面及代码片段。
设置付费粒度：
- 付费 VIP，享受所有资源收费拜访（无效周期内）
- 单篇付费，对于设置付费的资源进行购买并取得拜访权限（买断）
相似的利用
- CodeHike：一个开源代码高亮库，网站上局部示例须要 Github 资助可见。
- Framer book：出名动画库 Framer Motion 的配套教程，年费制会员。
- DesignCode：收费限度 5 个视频课程，付费订阅解锁全副。
波及的技术栈及云服务
技术栈：
- Remix：下一代全栈框架，前端局部是 React
- TailwindCSS、Daisy UI：下一代设计、款式框架
- Prisma：下一代数据库 ORM
云服务：
- Vercel：收费的服务利用托管 + 边缘网络 + CDN
- PlanetScale：收费云端 MySQL 数据库
- Sanity：Headless CMS 内容治理，提供收费的云托管
对于开源
该我的项目波及的设计文档将搁置于 CSDN 专栏，代码开源于 Github。
也能够提前关注我的 Github：https://github.com/willin
需要设计
根底需要
-
集体常识付费博客利用零碎
-
图文内容
- 文章
- 代码片段（动静可交互内容）
- 页面（如对于、赞助商、友链、开源我的项目等）
-
资源 / 附件
- 如源码压缩包等文件
- 开源我的项目 URL 等信息卡片
-
VIP 会员
- 订阅制，能够拜访付费图文内容
- 但付费资源仍须要额定购买能力下载，享受 6 折优惠（可配置，0 折示意也收费下载）
-
graph LR
visitor[访客]
visitor -- 收费拜访 --> freeContent[收费图文内容] -- 付费下载 --> paidAttach[付费资源]
visitor -- 付费拜访 --> paidContent[付费图文内容]-- 付费下载 --> paidAttach
vip[VIP 会员] -- 收费拜访 --> content[收费 + 付费图文内容] -- 优惠购买下载 --> paidAttach图文内容
Sanity
应用 Headless CMS 进行内容（文章、页面、代码片段、资源 / 附件）的治理。
MDX
应用 MDX 动静组件内容，以晋升页面的交互性。
为什么不必数据库
首先，该零碎根本都以收费的服务为依靠。比方 MySQL 的云端服务商 PlanetScale 对于收费套餐是有每月申请数限度的。所以数据库仅用于寄存文章阅读数、下载统计、用户付费账单等信息。
领取集成
微信领取（集体开发者 不反对）- 支付宝 当面付
当面付签约
关上支付宝手机 App，搜寻【签约助手】。
抉择【当面付】进行签约
营业执照是选填项，所以如果没有，集体也是能够签约的。（单笔 1,000 元，每月 50,000 元限度）
领取需要
普通用户
- 需付费购买标记为付费的图文内容
- 原价购买标记为付费的资源附件
- 降级为订阅制 VIP 会员
VIP 会员
- 收费拜访标记为付费的图文内容
- 优惠价（可配置折扣或收费）购买标记为付费的资源附件
正文完
