前言

该文章适合的读者
需要自己创作博客网站，并参考他人个人博客网站的需求设计，该文章结尾处有优秀案例收集

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/