Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/giscafer/blog
Next.js + Issues 博客解决方案 https://www.giscafer.com
https://github.com/giscafer/blog
blog frontend giscafer nextjs
Last synced: 15 days ago
JSON representation
Next.js + Issues 博客解决方案 https://www.giscafer.com
- Host: GitHub
- URL: https://github.com/giscafer/blog
- Owner: giscafer
- License: mit
- Created: 2016-07-05T10:58:56.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-05-15T15:48:17.000Z (6 months ago)
- Last Synced: 2024-08-20T14:10:54.865Z (3 months ago)
- Topics: blog, frontend, giscafer, nextjs
- Language: MDX
- Homepage: https://www.giscafer.com
- Size: 12.5 MB
- Stars: 278
- Watchers: 19
- Forks: 49
- Open Issues: 57
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# giscafer.com
我个人的 网站/博客。 技术栈 **Next.js/Typescript** & 部署在 **Vercel**。 博客数据来自 [issues 列表](https://github.com/giscafer/blog/issues)
博客原理:通过 ci 监听 issues 变更,自动更新 mdx 文件到项目 `data/blog/*.mdx` 文件夹中,Vercel 自动化构建更新。
- https://www.giscafer.com
## Features
- Github Issues 自动同步(见[实现文章介绍](https://mp.weixin.qq.com/s/sMNC20ei_J0XcVdJ0v3Fjw))
- 使用[faunadb](https://fauna.com/)云端数据库存储
## TODO
- [x] like post 功能
- [x] 文章浏览量统计
- [x] Tags 分类
- [x] 评论功能
- [ ] mdx 文件 自动获取 summary 字段展示
- [ ] 图片点击放大预览
- [ ] 优化同步脚步,只同步最近变更时间的 issues## Usage
> 以下配置可以直接修改 `scripts/github/syncPost.js` 里边对应变量,就不需要配置了
- 本地运行博客时,测试博客文章同步脚本请修改`env` 环境变量 `GH_USER` 和 `GH_PROJECT_NAME`,保证 api 获取 issues 生成 mdx 文件
- GitHub Action Secret 配置 `GH_USER` 和 `GH_PROJECT_NAME`,保证 CI 执行正常,也可以直接修改## 微信公众号
> ID: giscafer
---
> [giscafer.com](http://giscafer.com) ·
> GitHub [@giscafer](https://github.com/giscafer) ·
> Twitter [@Nicky Lao](https://twitter.com/nicky_lao)