项目标题: giscafer/blog-Next.js+Issues博客解决方案
项目简介
这是giscafer的个人网站/博客,技术栈采用Next.js/Typescript并部署在Vercel。博客数据源于issues列表,其原理是通过ci监听issues变更,自动更新mdx文件到项目data/blog/.mdx文件夹中,而后由Vercel自动化构建更新。
项目功能
- 具备Github Issues自动同步(详见实现文章介绍)。
- 使用faunadb云端数据库存储。
- 拥有TODO like post功能、文章浏览量统计。
- 具备Tags分类、评论功能。
- mdx文件能自动获取summary字段展示,图片可点击放大预览,并且优化同步脚步,只同步最近变更时间的issues。
项目使用
若要修改相关配置,可直接调整scripts/github/syncPost.js里的对应变量。本地运行博客时,测试博客文章同步脚本需修改env环境变量GH_USER和GH_PROJECT_NAME以确保api获取issues生成mdx文件;GitHubActionSecret配置GH_USER和GH_PROJECT_NAME来保证CI执行正常,也可直接修改。
项目总结
giscafer/blog是一个功能较为丰富的博客项目,在数据获取、功能设置以及使用配置方面都有自己的特色。希望大家对这个项目积极留言讨论,分享自己的见解或者提出疑问。