DEV Community
·
我自己动手开发了静态网站生成器！
💡
原文英文，约1300词，阅读约需5分钟。
📝
内容提要
Web开发变得复杂，作者构建个人网站遇到问题，决定开发自己的静态网站生成器，使用Python解析Markdown文件并生成HTML页面，最后使用Cloudflare Pages进行部署。
🎯
关键要点
- Web开发变得复杂，作者决定开发自己的静态网站生成器。
- 最初计划使用React、Firebase/Supabase、Tailwind CSS和Cloudflare Pages。
- React不适合内容驱动的网站，作者需要SSR以提高SEO和社交媒体链接预览。
- 尝试将Next.js部署到Cloudflare Pages失败，作者感到失望。
- 作者决定开发自己的静态网站生成器以获得完全控制权。
- 使用Python解析Markdown文件生成HTML页面，创建了CLI接口来与生成器交互。
- 部署机制使用Cloudflare Pages，创建了prod分支以推送更改。
- 使用Firebase存储处理图像，提供GTK GUI上传界面。
- 为每个帖子添加动态背景，基于缩略图的平均颜色。
- 使用Disqus作为评论和讨论的外部服务。
- 项目耗时2-3天，作者享受了这个创造性的过程，计划未来进行改进。
❓
延伸问答
作者为什么决定开发自己的静态网站生成器？
作者感到现有工具不适合内容驱动的网站，特别是React不支持SSR，导致SEO和社交媒体链接预览效果不佳，因此决定开发自己的生成器以获得完全控制权。
作者使用了哪些技术来构建静态网站生成器？
作者使用Python解析Markdown文件生成HTML页面，并创建了CLI接口与生成器交互，同时使用Cloudflare Pages进行部署。
如何处理网站中的图像？
作者使用Firebase存储处理图像，并创建了GTK GUI上传界面，方便上传和获取公共URL。
作者在项目中添加了哪些动态功能？
作者为每个帖子添加了动态背景，基于缩略图的平均颜色，并使用Disqus作为评论和讨论的外部服务。
项目的开发过程耗时多久？
项目耗时2-3天，作者享受了这个创造性的过程。
作者对未来的计划是什么？
作者计划对项目进行改进和添加更多功能，尽管目前的版本已经很基础和简单。
➡️
