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收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。
相关导航

Bluesky Social application is available on Web, iOS, and Android. It is a React Native app written in TypeScript with some Golang code. Part of the ATProtocol ecosystem, it has its own set of schemas and APIs. Contributions are accepted with specific rules. Security issues can be reported via email. It is an open - source project under the MIT license. This app offers an alternative in the social media landscape and has its own development and contribution guidelines.