giscafer/blog-Next.js+Issues博客解决方案
giscafer/blog是一个个人博客项目,技术栈采用Next.js/Typescript并部署在Vercel。博客数据来源于issues列表,通过ci监听issues变更自动更新mdx文件到指定文件夹,Vercel自动化构...
标签:Github项目giscafer/blog issues博客 Next.js TypeScript 博客解决方案项目标题: giscafer/blog-Next.js+Issues博客解决方案
项目简介
这是giscafer的个人网站/博客,技术栈采用Next.js/Typescript并部署在Vercel。博客数据源于issues列表,其原理是通过ci监听issues变更,自动更新mdx文件到项目data/blog/.mdx文件夹中,而后由Vercel自动化构建更新。
项目功能
1. 具备Github Issues自动同步(详见实现文章介绍)。
2. 使用faunadb云端数据库存储。
3. 拥有TODO like post功能、文章浏览量统计。
4. 具备Tags分类、评论功能。
5. 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是一个功能较为丰富的博客项目,在数据获取、功能设置以及使用配置方面都有自己的特色。希望大家对这个项目积极留言讨论,分享自己的见解或者提出疑问。
项目地址
数据统计
数据评估
本站链氪巴士提供的giscafer/blog-Next.js+Issues博客解决方案都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。