碎言博客
·
博客程序重构回忆录
💡
原文中文，约3900字，阅读约需10分钟。
📝
内容提要
作者将博客从Python重构为JavaScript，采用React和Next.js，简化开发流程并实现自动化部署。使用Giscus作为评论系统，记录了依赖库和核心功能的实现过程，分享经验供他人参考。
🎯
关键要点
- 作者将博客从Python重构为JavaScript，使用React和Next.js。
- 重构的需求是通过一条命令创建新的博文，并自动完成打包和部署。
- 选择React作为前端框架，认为其组件与状态模式更简单。
- 使用Next.js生成静态页面，部署在Vercel上，简化开发流程。
- 使用Giscus作为评论系统，方便管理评论功能。
- 记录了依赖库，包括@nextui-org/react、framer-motion等，提供丰富的功能。
- 核心代码使用getStaticPaths和getStaticProps结合gray-matter生成静态页面。
- 博客的其他基础功能围绕核心方法编写，使用AI辅助开发。
- 手动编写sitemap和rss生成脚本，以便自动部署。
- 总结希望分享经验，供其他使用Next.js编写博客的人参考。
❓
延伸问答
为什么作者选择将博客从Python重构为JavaScript？
作者认为Python的旧版博客由于模块引用方式落后，导致功能无法继续开发，因此决定重构为JavaScript以简化开发流程。
作者在重构博客时使用了哪些技术栈？
作者使用了React和Next.js作为前端框架，并在Vercel上进行部署。
重构博客的自动化部署是如何实现的？
通过将代码推送到GitHub，触发Vercel监听仓库，自动拉取并打包生成静态资源进行部署。
Giscus评论系统的选择原因是什么？
作者选择Giscus是因为其功能足够且用户大多有GitHub账号，便于管理评论。
在重构过程中，作者使用了哪些依赖库？
作者使用了@nextui-org/react、framer-motion、gray-matter等多个依赖库来实现博客的功能。
作者如何处理博客的SEO问题？
作者手动编写sitemap和rss生成脚本，以便在提交到GitHub之前生成XML文件，实现SEO优化。
🏷️
标签
➡️
