Skip to content

Commit 2a65214

Browse files
jason-create-cmdjason-create-cmd
committed
feat: 重新定位项目价值 - 突出零成本建站和可定制性
✨ 主要更新： - 🎯 更新标题：突出零成本建站价值 - 💡 重写项目简介：强调无需代码修改的可定制性 - 🎨 新增无代码定制指南：详细说明Strapi后台管理功能 - 🔧 突出可扩展性：分类、标签、Logo、SEO等都可后台配置 - 💰 强调真正零成本：免费托管、数据库、域名方案 - 📝 优化用户引导：从安装到定制的完整流程 🎯 项目定位： 从技术展示项目转向实用的个人建站解决方案， 让非技术用户也能轻松搭建专业网站。
1 parent 848ca51 commit 2a65214

File tree

4 files changed

+366
-27
lines changed

4 files changed

+366
-27
lines changed

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2024 AI Website Open Source Project
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md‎

Lines changed: 138 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,77 @@
1-
# AI赋能坊
1+
# 🤖 AI赋能坊 - 零成本搭建个人网站
22

33
<div align="center">
44

5-
![Next.js](https://img.shields.io/badge/Next.js-15.3.3-black.svg)
6-
![Strapi](https://img.shields.io/badge/Strapi-v5.16.0-purple.svg)
7-
![License](https://img.shields.io/badge/license-MIT-green.svg)
5+
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
6+
[![Node.js](https://img.shields.io/badge/Node.js-18+-green.svg)](https://nodejs.org/)
7+
[![Strapi](https://img.shields.io/badge/Strapi-4.x-blue.svg)](https://strapi.io/)
8+
[![Next.js](https://img.shields.io/badge/Next.js-14-black.svg)](https://nextjs.org/)
9+
[![GitHub stars](https://img.shields.io/github/stars/jason-create-cmd/AI-Website-Open-Source.svg?style=social&label=Star)](https://github.com/jason-create-cmd/AI-Website-Open-Source)
810

9-
**专注于AI技术分享的现代化平台**
11+
**⚡ 基于 Next.js + Strapi 的可视化建站方案 | 无需代码修改 | 完全可定制**
1012

1113
[⚡ 快速开始](#-快速开始) • [📚 文档](#-文档) • [🤝 贡献指南](#-贡献)
1214

1315
</div>
1416

1517
## 🎯 项目简介
1618

17-
基于 Next.js 15 和 Strapi v5 构建的AI技术分享平台，为开发者提供最新的AI技术资讯和实践经验。
19+
**AI赋能坊** 是一个零成本的个人网站搭建方案，让您无需编写代码即可拥有专业的个人网站。基于 **Strapi CMS** 和 **Next.js** 构建，所有内容都可以通过可视化界面进行管理和定制。
20+
21+
### 💡 核心价值
22+
- **💰 零成本建站**：利用免费服务，无需购买服务器和域名
23+
- **🎨 完全可定制**：通过Strapi后台可视化配置所有内容
24+
- **⚡ 开箱即用**：克隆代码，简单配置即可上线
25+
- **🔧 无需改代码**：分类、标签、文章、Logo等都可后台管理
26+
- **📱 专业外观**：现代化设计，响应式布局，SEO优化
27+
28+
### 🛠️ 可定制内容
29+
通过Strapi后台，您可以轻松管理：
30+
- **📝 文章内容**：富文本编辑器，支持图片、视频
31+
- **🏷️ 分类标签**：自定义分类和标签体系
32+
- **🎨 网站设置**：Logo、标题、描述、联系方式
33+
- **📊 SEO配置**：Meta标签、关键词、描述
34+
- **🖼️ 媒体管理**：图片上传、管理和优化
35+
36+
### ✨ 功能亮点
37+
38+
#### 🎯 零门槛建站
39+
- **可视化管理**：所有内容通过Strapi后台管理，无需修改代码
40+
- **一键部署**：支持Vercel、Render等免费平台部署
41+
- **自动更新**：内容更新后网站自动刷新
42+
- **响应式设计**：自动适配手机、平板、电脑
43+
44+
#### 🔧 强大的可扩展性
45+
- **自定义分类**：在后台创建任意分类结构
46+
- **灵活标签**：为文章添加多个标签，便于分类
47+
- **品牌定制**：上传Logo、设置网站标题和描述
48+
- **SEO优化**：自定义每篇文章的SEO信息
49+
- **媒体库**：统一管理所有图片和文件
50+
51+
#### 💰 真正的零成本
52+
- **免费托管**：Vercel前端 + Render后端
53+
- **免费数据库**：Neon PostgreSQL免费额度
54+
- **免费域名**：使用平台提供的免费域名
55+
- **无隐藏费用**：所有服务都有免费额度
1856

19-
### ✨ 核心特性
57+
## 🛠️ 技术栈
2058

21-
- 🎨 **现代化UI** - 响应式设计，支持明暗主题
22-
- 📝 **内容管理** - 强大的CMS系统，支持富文本编辑
23-
- 🔍 **智能搜索** - 全文搜索，支持模糊匹配
24-
- 🚀 **性能优化** - SSG + ISR，极致加载速度
25-
- 📊 **SEO优化** - 完整SEO配置和结构化数据
26-
- 🎯 **动态Favicon** - 基于Strapi设置的自动favicon更新
27-
- 🔄 **智能缓存** - 基于Webhook的按需缓存重新验证
59+
### 后端技术栈
60+
- **Strapi 4.x** - 无头CMS，提供强大的内容管理能力
61+
- **PostgreSQL** - 主数据库（支持Neon云数据库）
62+
- **Node.js + TypeScript** - 运行时环境和类型安全
2863

29-
## 🛠️ 技术栈
64+
### 前端技术栈
65+
- **Next.js 14** - React全栈框架，支持SSR/SSG
66+
- **TypeScript** - 类型安全开发
67+
- **Tailwind CSS** - 实用优先的CSS框架
68+
- **Shadcn/ui** - 现代化UI组件库
69+
- **Lucide React** - 图标库
3070

31-
**前端**: Next.js 15 + TypeScript + Tailwind CSS + shadcn/ui
32-
**后端**: Strapi v5 + PostgreSQL
33-
**部署**: Vercel + Render + Neon
71+
### 部署平台
72+
- **Render** - 后端API部署
73+
- **Vercel** - 前端应用部署
74+
- **Neon** - PostgreSQL云数据库
3475

3576
## ⚡ 快速开始
3677

@@ -42,21 +83,91 @@
4283

4384
```bash
4485
# 1. 克隆项目
45-
git clone https://github.com/jason-create-cmd/AI-Website.git
46-
cd AI-Website
86+
git clone https://github.com/jason-create-cmd/AI-Website-Open-Source.git
87+
cd AI-Website-Open-Source
4788

4889
# 2. 安装依赖
49-
cd frontend && npm install
50-
cd ../backend && npm install
90+
npm install
91+
92+
# 3. 配置环境变量
93+
cp backend/.env.example backend/.env.local
94+
cp frontend/.env.example frontend/.env.local
5195

52-
# 3. 启动服务
53-
cd backend && npm run develop # 后端 (端口 1337)
54-
cd frontend && npm run dev # 前端 (端口 3000)
96+
# 4. 启动开发服务器
97+
npm run dev
5598
```
5699

57100
### 访问地址
58-
- **前端**: http://localhost:3000
59-
- **后端管理**: http://localhost:1337/admin
101+
- **前端网站**: http://localhost:3000
102+
- **后台管理**: http://localhost:1337/admin （在这里管理所有内容）
103+
104+
### 🎨 开始定制您的网站
105+
106+
1. **访问后台管理**：http://localhost:1337/admin
107+
2. **创建管理员账户**：首次访问时设置
108+
3. **开始定制**：
109+
- 📝 发布您的第一篇文章
110+
- 🏷️ 创建分类和标签
111+
- 🎨 上传Logo和设置网站信息
112+
- 📊 配置SEO信息
113+
114+
> 💡 **提示**：所有修改都会实时反映到前端网站，无需重启服务！
115+
116+
## 🎨 无代码定制指南
117+
118+
### 📝 内容管理
119+
在Strapi后台，您可以轻松：
120+
- **创建文章**：使用富文本编辑器，支持图片、链接、代码块
121+
- **管理分类**：创建多级分类，如"AI技术"、"前端开发"等
122+
- **添加标签**：为文章打标签，如"React"、"机器学习"等
123+
- **上传媒体**：管理所有图片、文档等媒体文件
124+
125+
### 🎯 网站设置
126+
通过"Site Setting"内容类型：
127+
- **网站Logo**：上传您的品牌Logo
128+
- **网站标题**：设置网站名称和副标题
129+
- **联系信息**：添加邮箱、社交媒体链接
130+
- **SEO配置**：设置默认的Meta描述和关键词
131+
132+
### 🏷️ 分类体系
133+
创建适合您的分类结构：
134+
```
135+
技术分享
136+
├── 前端开发
137+
├── 后端开发
138+
├── AI与机器学习
139+
└── 工具推荐
140+
141+
生活随笔
142+
├── 读书笔记
143+
├── 旅行见闻
144+
└── 思考感悟
145+
```
146+
147+
### 📊 SEO优化
148+
每篇文章都可以单独设置：
149+
- **SEO标题**：搜索引擎显示的标题
150+
- **Meta描述**：搜索结果中的描述
151+
- **关键词**：提高搜索排名
152+
- **社交分享**：设置分享到社交媒体的图片和描述
153+
154+
## 📁 项目结构
155+
156+
```
157+
AI-Website-Open-Source/
158+
├── backend/ # Strapi CMS后端
159+
│ ├── src/api/ # API路由和控制器
160+
│ ├── config/ # 配置文件
161+
│ └── types/ # TypeScript类型定义
162+
├── frontend/ # Next.js前端
163+
│ ├── src/app/ # App Router页面
164+
│ ├── src/components/ # React组件
165+
│ ├── src/lib/ # 工具函数
166+
│ └── src/types/ # 类型定义
167+
├── docs/ # 项目文档
168+
├── scripts/ # 自动化脚本
169+
└── docker-compose.yml # Docker配置
170+
```
60171

61172
## 📚 文档
62173

‎docs/OPEN-SOURCE-PROJECT-OVERVIEW.md‎

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
# 🚀 AI Website 开源项目概述
2+
3+
## 项目简介
4+
5+
**AI Website** 是一个现代化的全栈Web应用程序，采用 **Strapi CMS** 作为后端内容管理系统，**Next.js** 作为前端框架。项目专为AI相关内容展示而设计，提供了完整的文章管理、分类系统和SEO优化功能。
6+
7+
## 🏗️ 技术架构
8+
9+
### 后端技术栈
10+
- **Strapi 4.x** - 无头CMS，提供强大的内容管理能力
11+
- **PostgreSQL** - 主数据库（支持Neon云数据库）
12+
- **Node.js** - 运行时环境
13+
- **TypeScript** - 类型安全的JavaScript
14+
15+
### 前端技术栈
16+
- **Next.js 14** - React全栈框架，支持SSR/SSG
17+
- **TypeScript** - 类型安全开发
18+
- **Tailwind CSS** - 实用优先的CSS框架
19+
- **Shadcn/ui** - 现代化UI组件库
20+
- **Lucide React** - 图标库
21+
22+
### 部署平台
23+
- **Render** - 后端API部署
24+
- **Vercel** - 前端应用部署
25+
- **Neon** - PostgreSQL云数据库
26+
27+
## ✨ 核心功能
28+
29+
### 内容管理
30+
- 📝 **文章系统** - 支持富文本编辑、图片上传
31+
- 🏷️ **分类管理** - 层级分类结构
32+
- 🔖 **标签系统** - 灵活的内容标记
33+
- ⚙️ **站点设置** - 全局配置管理
34+
35+
### 前端特性
36+
- 🎨 **响应式设计** - 适配所有设备
37+
- 🌙 **深色模式** - 用户体验优化
38+
- 🔍 **搜索功能** - 实时内容搜索
39+
- 📱 **PWA支持** - 渐进式Web应用
40+
- 🚀 **性能优化** - 图片懒加载、代码分割
41+
42+
### SEO优化
43+
- 📊 **结构化数据** - Schema.org标记
44+
- 🗺️ **自动Sitemap** - 搜索引擎友好
45+
- 🤖 **Robots.txt** - 爬虫控制
46+
- 📈 **Meta标签优化** - 社交媒体分享
47+
48+
## 🛠️ 开发特性
49+
50+
### 开发体验
51+
- 🔧 **TypeScript** - 完整类型支持
52+
- 🎯 **ESLint + Prettier** - 代码质量保证
53+
- 🔄 **热重载** - 快速开发迭代
54+
- 📦 **组件化开发** - 可复用UI组件
55+
56+
### 安全性
57+
- 🔒 **环境变量管理** - 敏感信息保护
58+
- 🛡️ **安全检查脚本** - 自动化安全扫描
59+
- 🔐 **JWT认证** - 安全的API访问
60+
- 🚨 **错误边界** - 优雅的错误处理
61+
62+
## 📁 项目结构
63+
64+
```
65+
AI-Website-Open-Source/
66+
├── backend/ # Strapi CMS后端
67+
│ ├── src/api/ # API路由和控制器
68+
│ ├── config/ # 配置文件
69+
│ └── types/ # TypeScript类型定义
70+
├── frontend/ # Next.js前端
71+
│ ├── src/app/ # App Router页面
72+
│ ├── src/components/ # React组件
73+
│ ├── src/lib/ # 工具函数
74+
│ └── src/types/ # 类型定义
75+
├── docs/ # 项目文档
76+
├── scripts/ # 自动化脚本
77+
└── docker-compose.yml # Docker配置
78+
```
79+
80+
## 🚀 快速开始
81+
82+
### 环境要求
83+
- Node.js 18+
84+
- PostgreSQL 14+
85+
- Git
86+
87+
### 安装步骤
88+
```bash
89+
# 克隆项目
90+
git clone https://github.com/jason-create-cmd/AI-Website-Open-Source.git
91+
cd AI-Website-Open-Source
92+
93+
# 安装依赖
94+
npm install
95+
96+
# 配置环境变量
97+
cp backend/.env.example backend/.env.local
98+
cp frontend/.env.example frontend/.env.local
99+
100+
# 启动开发服务器
101+
npm run dev
102+
```
103+
104+
## 📖 文档
105+
106+
- [📚 安装指南](./installation.md)
107+
- [🔧 开发指南](./development.md)
108+
- [🚀 部署指南](./DEPLOYMENT-CHECKLIST.md)
109+
- [🔒 安全指南](./OPEN-SOURCE-SECURITY-CHECKLIST.md)
110+
- [🤝 贡献指南](../CONTRIBUTING.md)
111+
112+
## 🤝 贡献
113+
114+
我们欢迎所有形式的贡献！请查看 [贡献指南](../CONTRIBUTING.md) 了解如何参与项目开发。
115+
116+
### 贡献方式
117+
- 🐛 报告Bug
118+
- 💡 提出新功能建议
119+
- 📝 改进文档
120+
- 🔧 提交代码
121+
122+
## 📄 开源协议
123+
124+
本项目采用 [MIT License](../LICENSE) 开源协议。
125+
126+
## 🙏 致谢
127+
128+
感谢所有为这个项目做出贡献的开发者和社区成员！
129+
130+
---
131+
132+
**⭐ 如果这个项目对您有帮助，请给我们一个Star！**

0 commit comments

Comments
 (0)