碎言博客
·
博客程序重构回忆录
内容提要
作者将博客从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，主要是为了提升前端的美观性和开发效率。通过使用React和Next.js，作者能够简化开发流程，实现一条命令创建新博文的需求。这种转变不仅提高了开发的灵活性，也使得后续的功能扩展变得更加容易。
依赖库的选择与功能
在重构过程中，作者使用了多个依赖库，如Giscus作为评论系统和NextUI作为UI组件库。这些库的选择不仅提升了博客的功能性，还增强了用户体验。特别是Giscus的使用，简化了评论管理，适合技术社区的需求。
SEO与自动化部署的挑战
尽管Next.js提供了强大的功能，但作者仍需手动编写sitemap和RSS生成脚本，以确保SEO优化。这表明在自动化部署过程中，仍然存在一些手动操作的需求，开发者需对此保持关注，以确保网站的可见性和访问性。
延伸问答
为什么作者选择将博客从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优化。
