IT技术博客大学习 共学习 共进步

标签:Tailwind CSS

共 1 篇相关文章

IT 累计浏览 2

个人网站的再次重建

作者此前使用Notion作为博客后端,在实践中遇到CSS定制困难、RSS生成消耗大量Vercel云函数配额以及页面意外无法访问等问题,促使他决定重建个人网站。新方案旨在将所有对外内容归集于 zgq.me 域名下,实现内容源的单一真实来源(Single Source of Truth),并解除对第三方的依赖。 技术实现上,网站继续基于Next.js静态站点生成,内容从Markdown文件读取,替代了Notion作为CMS。文章从Notion导出后,按slug整理并包含Front Matter元数据,目录以年份组织。Markdown解析采用@mdx-js/mdx,样式方案选用Tailwind CSS以保持简洁。 重建过程重点解决了几个技术细节:处理Next.js无法直接引用public目录外资源的问题,通过复制文件至static目录并修改URL访问路径;针对Vercel部署后图片缓存策略(max-age为0)的问题,在CDN层面进行配置优化,并预加载图片尺寸以避免布局偏移。此外,作者计划重新构建极简的评论系统,采用SQLite作为数据库,基于Koa和React开发前后端,以降低维护负担。 整个重建过程体现了作者对技术栈自主性、内容所有权及系统简洁性的追求,参考了多位同行的实践经验。