chore: 重构项目结构

This commit is contained in:
anghunk
2026-01-21 10:53:11 +08:00
parent fc86934094
commit 643d5c92e8
59 changed files with 74 additions and 74 deletions

View File

@@ -10,14 +10,14 @@ const commentsRoot = ref(null);
onMounted(async () => {
if (!commentsRoot.value || typeof window === "undefined") return;
const apiBaseUrl = "https://cwd-comments-api.anghunk.workers.dev";
const apiBaseUrl = "https://cwd-api.anghunk.workers.dev";
if (!apiBaseUrl) return;
if (!window.CWDComments) {
await new Promise((resolve, reject) => {
const script = document.createElement("script");
script.src = "https://cwd-comments.zishu.me/cwd-comments.js";
script.src = "https://cwd.zishu.me/cwd.js";
script.async = true;
script.onload = () => resolve();
script.onerror = (e) => reject(e);

View File

@@ -11,7 +11,7 @@ export default defineConfig({
'link',
{
rel: 'icon',
href: 'https://github.com/anghunk/cwd-comments/blob/main/icon.png?raw=true',
href: 'https://github.com/anghunk/cwd/blob/main/icon.png?raw=true',
},
],
],
@@ -23,10 +23,10 @@ export default defineConfig({
label: 'On this page',
},
editLink: {
pattern: 'https://github.com/anghunk/cwd-comments/blob/main/docs/:path',
pattern: 'https://github.com/anghunk/cwd/blob/main/docs/:path',
text: '在 GitHub 上编辑此页面',
},
socialLinks: [{ icon: 'github', link: 'https://github.com/anghunk/cwd-comments' }],
socialLinks: [{ icon: 'github', link: 'https://github.com/anghunk/cwd' }],
lastUpdated: true,
lastUpdatedText: '最后更新于',

View File

@@ -20,14 +20,14 @@
## 使用官方管理后台
使用官方提供的管理后台最新版本https://cwd-comments.zishu.me
使用官方提供的管理后台最新版本https://cwd.zishu.me
登陆时填入你的 api 地址、账号和密码。
## 自部署
```bash
cd cwd-comments-admin
cd cwd-admin
# 安装依赖
npm install
@@ -42,11 +42,11 @@ npm run build
npm run preview
```
`cwd-comments-admin/dist` 目录部署到任意静态站点托管服务(如 Cloudflare Pages、Vercel、Netlify 等),并确保浏览器可以访问到后端 API 地址。
`/cwd-admin/dist` 目录部署到任意静态站点托管服务(如 Cloudflare Pages、Vercel、Netlify 等),并确保浏览器可以访问到后端 API 地址。
- 管理后台admin基于 Vite + Vue 3 的单页应用,用于管理评论和系统配置。
- `cwd-comments-admin/`:管理后台源码
- `/cwd-admin`:管理后台源码
- 运行环境:浏览器
- 构建工具Vite + Vue 3
@@ -55,7 +55,7 @@ npm run preview
评论组件本身不依赖打包时的环境变量,只需要在运行时传入 `apiBaseUrl` 即可。
管理后台使用 Vite 环境变量进行多环境配置,推荐按以下方式区分开发 / 测试 / 生产环境:
`cwd-comments-admin` 目录下创建对应的环境文件:
`/cwd-admin` 目录下创建对应的环境文件:
```bash
# 开发环境
@@ -66,7 +66,7 @@ cp .env.example .env
| 变量名 | 说明 | 示例 |
| --------------------- | ----------------------------------------------- | ----------------------------------- |
| `VITE_API_BASE_URL` | 后端 API 地址Cloudflare Worker 域名或自定义) | `https://cwd-comments-api.test.com` |
| `VITE_API_BASE_URL` | 后端 API 地址Cloudflare Worker 域名或自定义) | `https://cwd-api.test.com` |
| `VITE_ADMIN_NAME` | 登录页默认管理员账号占位值 | `admin@example.com` |
| `VITE_ADMIN_PASSWORD` | 登录页默认密码占位值 | `123456` |

View File

@@ -6,14 +6,14 @@
* 拥有一个 Node.js 运行环境,版本 >= 22本地部署需要
* 拥有一个域名并托管在 Cloudflare 上(这个不是必须项,但可以提高国内访问速度,也更方便)
后端项目目录为 `/cwd-comments-api`,基于 Cloudflare Workers + D1 + KV 实现。
后端项目目录为 `/cwd-api`,基于 Cloudflare Workers + D1 + KV 实现。
## 自部署
**以下部署指令均在该目录下执行,不在根目录下**
```
cd cwd-comments-api
cd cwd-api
```
### 本地部署
@@ -81,7 +81,7 @@ npm install
npm run deploy
```
没有异常报错后,可以进入 Cloudflare Workers 面板查看是否部署成功,若显示存在一个名称为 `cwd-comments-api` 的项目即推送成功。
没有异常报错后,可以进入 Cloudflare Workers 面板查看是否部署成功,若显示存在一个名称为 `cwd-api` 的项目即推送成功。
#### 3. 配置环境变量
@@ -91,7 +91,7 @@ npm install
#### 4. 检测部署情况
部署成功后回得到一个域名,即为后端的域名(格式一般为`https://cwd-comments-api.xxx.workers.dev`。访问该域名,如果显示部署成功页面,说明 API 部署成功,可以到管理后台进行登录,当然也可以使用自定义域名。
部署成功后回得到一个域名,即为后端的域名(格式一般为`https://cwd-api.xxx.workers.dev`。访问该域名,如果显示部署成功页面,说明 API 部署成功,可以到管理后台进行登录,当然也可以使用自定义域名。
可以直接访问域名,确认是否部署成功。如果成功,则会显示
@@ -101,7 +101,7 @@ CWD 评论部署成功,当前版本...
## 环境变量与绑定
后端通过 Cloudflare Worker 的绑定和环境变量控制行为,类型定义见 [`cwd-comments-api/src/bindings.ts`](../../cwd-comments-api/src/bindings.ts)。
后端通过 Cloudflare Worker 的绑定和环境变量控制行为,类型定义见 `cwd-api/src/bindings.ts`.
所需环境变量如下表所示。

View File

@@ -8,7 +8,7 @@
```html
<div id="comments"></div>
<script src="https://cwd-comments.zishu.me/cwd-comments.js"></script>
<script src="https://cwd.zishu.me/cwd.js"></script>
<script>
const comments = new CWDComments({
el: '#comments',
@@ -58,7 +58,7 @@ comments.updateConfig({ theme: 'dark' });
```html
<div id="comments"></div>
<script src="https://cwd-comments.zishu.me/cwd-comments.js"></script>
<script src="https://cwd.zishu.me/cwd.js"></script>
<script>
const comments = new CWDComments({
el: '#comments',
@@ -72,7 +72,7 @@ comments.updateConfig({ theme: 'dark' });
```astro
<div id="comments"></div>
<script src="https://cwd-comments.zishu.me/cwd-comments.js" is:inline></script>
<script src="https://cwd.zishu.me/cwd.js" is:inline></script>
<script is:inline>
document.addEventListener('DOMContentLoaded', () => {
const comments = new window.CWDComments({

View File

@@ -9,7 +9,7 @@ CWD 评论系统。
是基于 Cloudflare Workers 与全球边缘网络的免服务器、极速安全、即插即用评论系统。
[文档地址](https://cwd-comments-docs.zishu.me)
[文档地址](https://cwd-docs.zishu.me)
![](https://github.com/user-attachments/assets/6ac091d8-e349-4d40-9d68-485817f63236)
@@ -30,19 +30,19 @@ CWD 评论系统。
```bash
# 克隆项目
git clone https://github.com/anghunk/cwd-comments
git clone https://github.com/anghunk/cwd
# API 项目
cd cwd-comments-api
cd cwd-api
# 部署请查看文档
# 前端项目
cd cwd-comments-web
cd cwd-admin
npm install
```
## 配置
- [后端配置](https://cwd-comments-docs.zishu.me/guide/backend-config.html)
- [前端配置](https://cwd-comments-docs.zishu.me/guide/frontend-config.html)
- [后端配置](https://cwd-docs.zishu.me/guide/backend-config.html)
- [前端配置](https://cwd-docs.zishu.me/guide/frontend-config.html)

View File

@@ -5,7 +5,7 @@
## 接口更新
```
cd cwd-comments-api
cd cwd-api
npm install
npm run deploy
```
@@ -15,7 +15,7 @@ npm run deploy
## 后台更新
```
cd cwd-comments-admin
cd cwd-admin
npm install
npm run build
```
@@ -24,8 +24,8 @@ npm run build
## 评论端更新
使用最新的 `cwd-comments.js` ,你可以托管到任何地方,不受限制。
使用最新的 `cwd.js` ,你可以托管到任何地方,不受限制。
如果你不想自己托管,请使用官方的链接: `https://cwd-comments.zishu.me/cwd-comments.js`
如果你不想自己托管,请使用官方的链接`https://cwd.zishu.me/cwd.js`
不需要手动更新,每次评论端加载时会自动检查更新。

View File

@@ -5,7 +5,7 @@ hero:
name: CWD 评论系统
tagline: 基于 Cloudflare Workers 与全球边缘网络的免服务器、极速安全、即插即用评论系统。
image:
src: https://github.com/anghunk/cwd-comments/blob/main/icon.png?raw=true
src: https://github.com/anghunk/cwd/blob/main/icon.png?raw=true
alt: 文档封面
actions:
- theme: brand