链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

giscafer/blog-Next.js+Issues博客解决方案

giscafer/blog是一个个人博客项目,技术栈采用Next.js/Typescript并部署在Vercel。博客数据来源于issues列表,通过ci监听issues变更自动更新mdx文件到指定文件夹,Vercel自动化构建更新。项目具有Github Issues自动同步、...

访问官网 →

项目标题: 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是一个功能较为丰富的博客项目,在数据获取、功能设置以及使用配置方面都有自己的特色。希望大家对这个项目积极留言讨论,分享自己的见解或者提出疑问。

项目地址

GitHub链接直达