Table of contents
Reasons and Background
1.1、Why I need to build a blog system from scratch?
国内博客平台的拉跨。（广告…）
促进编程学习，使自己对于博客系统更加自主可控。
兴趣使然。
1.2、Background(题外话—从Hugo到Next.js)
- 依旧在建站群体里面受欢迎程度很高。（占据全球市场份额接近40%）
SSG（Static Site Generator）框架在程序员圈子兴起。
前端框架不断演进，横空出世(2016年公布，截至2023年5月中，该项目在上的Stars数已达106k)，SSR(Server Sider Render)+SSG可以集成上述两者的优点。
Firebase的替代品—开源数据库（2020年公布，截至2023年5月中，该项目在上的Stars数已达50.3k），结合Next.js，可以更快地构建全栈应用。
- 作者创办的PaaS平台—，促进了DPS开发流程的实现。
Detailed Design
- 项目规划：
采用GitHub Projects来规划自己的项目。
- 辅助工具：
互联网上各式各样的资料（开源项目，教学视频，官方文档等）
ChatGPT4、New Bing
…
项目用时（2023.03~2023.04，差不多一个月左右的时间）
项目创新点—整合ChatGPT。
Junk articles were killed by ChatGPT.System Architecture
访客访问网站，先来到cloudflare处，如果请求的是ssg静态生成的页面，则cloudflare直接将结果响应给用户；如果请求的是 ssr服务器端渲染生成的页面，则cloudflare起到前置代理的作用，转发请求、转发响应。
Features
查看文章列表
搜索文章
浏览近期文章
浏览Inoreader广播
浏览Raindrop书签分享
根据标签筛选文章
返回页面顶部
分页器限制每一页文章列表的条目数
查看文章目录（通过showtoc参数控制）
使用ChatGPT总结文章摘要
评论文章/回复评论，存在子评论，则其所有父评论均会收到邮件提醒
- 画廊展示图片
- 提供RSS订阅
- 支持夜色模式
- 支持国际化
Obstacles I met
Shortages and Future plan
7.1、Shortages
缺乏现代化的测试：由于时间和技能限制，本项目未能充分应用测试框架（如Jest）进行单元测试和集成测试。这可能会导致未知的潜在问题和不稳定性。
未使用TypeScript：TypeScript能够提高代码的可读性和健壮性，但在本项目中我们仅使用了JavaScript。这意味着我们未能充分利用静态类型检查带来的优势。
性能并未达到极致：一款现代化的个人博客系统的各个维度，在Lighthouse等测评中并未拿到满分，这意味着，性能方面有待提高。
7.2、Future plan
用Typescript重构代码（2023.6.30）
给系统添加现代化测试（2023.6.30）
优化系统性能
注：代码重构+使用现代化的测试，可以用 GitHub Copilot X快速完成。
Summary
本次毕设项目采用框架、样式库、开源数据库以及平台，从零开始设计并实现了一个具有现代化特点的Web应用。在本次毕设中，我们成功实现了以下主要功能和成果：
- 集成ChatGPT自动总结文章摘要：通过调用OpenAI的GPT模型，我们实现了自动为文章生成摘要的功能，使得用户在浏览文章列表时能够快速了解每篇文章的主要内容。
- 评论区Cloudflare验证：为了确保评论系统的安全性，我们采用了Cloudflare的验证机制。在用户提交评论时，我们进行了一系列验证操作，有效地防止了垃圾评论和恶意攻击。
- 响应式布局：利用Tailwind CSS样式库，我们实现了一个优雅的响应式布局，确保在不同设备和屏幕尺寸下的用户都能获得良好的使用体验。
- 优化的性能和SEO：使用Next.js框架，我们实现了服务端渲染（SSR），从而提高了网页加载速度和搜索引擎优化（SEO）效果。
Quote
有些领域变化非常快，在有人写书之前，博客有时是唯一的信息来源。Stable diffusion 模型出现后的第二天，人们就已经在写博客了，书籍永远不会那么快。
而且，博客往往是免费的，而书籍和论文则被锁定在付费墙之后。因此，你可以这么认为，博客获取灵感，书籍获取知识。
The biggest reason personal blogs need to make a comeback is a simple one: we should all be in control of our own platforms.
以上两则语录，充分体现了个人博客的重要性。
微博和微信只是一盒快餐，而博客是一坛美酒，愈久弥香，我会在未来不断完善自己的个人博客系统，并且丰富自己博客系统的内容，记录自己的学习、生活以及编程心得。