前言
该文章适合的读者
需要自己创作博客网站，并参考他人个人博客网站的需求设计，该文章结尾处有优秀案例收集
1. 项目概述
1.1 项目背景
创建个人博客网站的动机和目的
个人技术能力展示，用于个人的技术文章，技术思维图，产品架构图，个人思维感悟，有趣生活展示，类似于独特的社交名片。
1.2 常用的使用场景
- 当求职面试之前，代替发送1-2页的pdf简历，发送web/小程序链接
- 当酒桌商务互吹后，代替个人名片，作为牛逼个人信息交换的炫技产品
- 当深夜无聊时，技术宅的码字文章输出积累日记本
1.3 阐述个人博客网站对个人品牌建设和技术分享的重要性
-
抛开装逼性质不谈，作为一个IT技术从业人员，准开发者，web安全工程师，这种基础的展示是非常有职业专业必要的。
-
让别人更多能了解自己的技术底蕴，文章输出的承载体。让别人更深了解我隔热的技术，和技术思路，避免通过短短的1-2小时面试来让老板/面试官通过口头交流，以此来判断我的个人技术能力。
-
打造个人IP，作为个人知识产权品牌建设的重要环节。
1.4 项目目标
- 展示个人技术文章，提高个人影响力。
- 提供一个互动平台，便于读者交流和学习。
1.5 目标用户
- 技术同行
- 老板/投资人
- 技术爱好者
- 技术路人/看客
2. 功能需求
2.1 博客管理
- 文章发布：支持Markdown编辑，图文混排。
- 文章编辑：修改已发布文章内容。
- 文章删除：删除不再需要的文章。
- 文章分类：对文章进行分类管理。
- 标签管理：为文章添加和删除标签。
2.2 用户互动
- 评论功能：读者可以在文章下方发表评论。
- 点赞功能：读者可以对文章进行点赞。
- 分享功能：支持将文章分享到社交媒体。
2.3 用户账户管理
- 用户注册：允许用户创建账户。
- 用户登录：用户登录后可以发表评论和点赞。未登录用户仅可阅读。
- 用户资料编辑：用户可以编辑自己的个人资料。
2.4 搜索与检索
- 搜索功能：支持全文搜索，快速找到相关文章。
- 热门标签/分类：展示热门标签和分类，便于导航。
2.5 网站内容展示
- 首页：展示最新文章、热门文章、分类列表等。
- 文章详情页：展示文章内容、评论、点赞等信息。
- 归档页：按时间顺序展示所有文章。
2.6 网站后台管理
- 文章管理：后台管理文章列表。
- 用户管理：查看和管理注册用户。
- 评论管理：审核和管理用户评论。
3. 非功能需求
3.1 性能需求
- 页面加载速度：确保在2秒内完成页面加载。
- 数据处理能力：支持多用户同时访问和操作。
3.2 安全需求
-
数据加密：用户数据和文章内容需加密存储。（简单加密即可）
-
访问控制：
确保后台管理系统安全，防止未授权访问。
管理后台本地部署，不对外暴露。
用户注册界面动态安全码验证，登录10次机会防爆破，防止恶意用户脚本自动注入
3.3 可用性需求
- 响应式设计：网站需支持不同设备和屏幕尺寸。（自动识别mobile端/web端）
- 易用性：用户界面简洁明了，操作简便。
3.4 兼容性需求
- 浏览器兼容性：支持主流浏览器，如Chrome、Firefox、Safari等。
- 设备兼容性：兼容PC、平板和手机等设备。
4. 用户角色和权限
4.1 访客
- 查看文章
- 发表评论（需登录）
- 点赞文章（需登录）
4.2 注册用户
- 发表、编辑、删除自己的评论
- 点赞文章
- 查看和编辑个人资料
4.3 管理员
- 管理所有文章
- 管理用户账户
- 审核和管理评论
5. 使用案例和用户故事
5.1 使用案例：发表评论
- 用户在阅读文章后，希望对文章进行评论。
5.2 用户故事：管理员编辑文章
- 作为管理员，我想要编辑文章，以便更新内容或纠正错误。
6. 假设和依赖
- 假设用户具备基本的互联网使用能力。
- 依赖稳定的云服务提供商进行网站托管。
7. 限制条件
- 网站开发需在预算范围内完成。
- 需遵循相关法律法规，确保内容合规。
8. 验收标准
- 所有功能需求必须满足并经过测试。
- 网站性能和安全需求达到预定标准。
- 用户反馈良好，易用性得到认可。
开发过程补充
6. 开发框架
- 使用Java流行的Spring Boot 框架，MVC简单明了，轮子多，易使用。
7. 前端UI设计
- CSS设计应该主要以简洁明了为主，开发应该关注于功能实现，减少对UI设计的关注
Tip：css库在实际开发中，非常容易因为个人审美不同，通常开发会对此苦恼不已。因为实际上手才会发现并非简单套用就能满足。
因此开发需要避免这种纠结，关注功能实现，UI烂也没有关系。
分享链接
前端设计免费的css网站中下载css库：
https://www.free-css.com/
https://www.cnblogs.com/Xieyingpeng/p/15143683.html
个人收集blog案例：
优美版：
https://www.laruence.com/
简单版：
https://www.ruanyifeng.com/blog/
http://www.blogjava.net/Jack2007
http://www.ityouknow.com/