How To Use

项目设置

介绍项目基本设置安装等

克隆 demo 项目代码

# 此项目为私有项目,付费购买后,我会给你添加克隆此项目的权限
git clone --depth=1 git@github.com:Productathon-online/buy-me-a-coffee-single.git

安装依赖

pnpm install

启动项目

pnpm dev

项目代码简单讲解

项目结构

  • app 目录是项目前端代码
  • content 目录是我们本页内容得 markdown 文件
  • public 目录是项目静态资源
  • server 目录是项目后端代码

我们主要关注 app 目录和 content 目录和修改我们项目相关的内容即可。

app 目录

  • /app/components/LandingHero.vue 首页的大标题
  • /app/components/LandingPricing.vue 首页的价格表

content 目录

这个是我们整个站点内容的目录,我们只需要修改 content 目录下的 markdown 文件即可,对应的网页上的内容就是从这些 markdown 文件中生成的。


Copyright © 2025