感兴趣或许喜欢的请点赞重视我，本文超越 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： 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 会员

• 免费拜访标记为付费的图文内容
• 优惠价（可装备扣头或免费）购买标记为付费的资源附件