- Google Analytics 2022/03/25
- cusdis 留言系統 2022/03/25
- giscus 留言系統插件 2022/03/26
- giscus 留言系統插件黑白切換 2022/03/26
- giscus 留言系統設定 2022/03/26
- line clamp for description @tailwindcss/line-clamp fix BlogPostCard summery 2022/03/26
- 字體非新細明體 Remove Serif 2022/03/27
- 相關文章 dark mode 文字黑白問題 2022/03/27
- ArticleRecommend Image Round corner 2022/03/27
- ArticleRecommend text margin spacing 2022/03/27
- Site icon 2022/03/27
- TagPage Hashtag title 2022/03/27
- CategoryPage Folder title 2022/03/27
- Add cover to the article list in mobile 2022/04/04
- Change footer 2022/04/04
- Fix facebook link info head metatdata 2022/04/04
- 美化標題 2022/04/05
- Add Facebook Messenger chat bubble 2022/04/05
- Add anchor hidden div for targeting video position 2022-04-21 00:13:04
- float video player
- do not change link if there's no youtube property 2022-04-21 00:13:10
- turn youtube player to a new file 2022-04-21 00:37:41
- #Bug white navbar text cannot see
- Better SEO for LINE Sharing
- Facebook fanpage iframe to sidebar 2022/04/06 Need PR
- Add social share buttons Need PR 2022-04-18 23:37:29
- PR - More detail SEO for Facebook OpenGraph
- SEO publish time fix
- User Head click to YouTube
- YouTube Social Button
- Facebook Social Button
- Discord Social Button [ Need customize ]
- Facebook Comment 2022-04-24 04:12:02
- Facebook Need PR for useEffect only run once and comment only if app_id is available
- Discus Comment 2022-04-24 05:16:06
- Discus Comment Need PR
- Add Mac style comment for prism.js 2022-04-26 06:47:30
- Add Mac style comment for prism.js Need PR
- fix navbar not showing text in white mode 2022-04-26 01:50:20
- fix PrismMac Error when changing dark mode 2022-04-27 00:20:28
- fix disqus Error color when changing dark mode 2022-04-27 04:36:33
- fix disqus Error color when changing dark mode PR
- Fix Cusdis language
- Bigger floating buttons sidebuttons
- PWA
- 字數統計
- 閱讀時間
- 簡繁切換按鍵 2022-04-26 07:55:53
- 簡繁切換 PR
- 簡繁切換表單 2022-04-27 05:27:58
- 簡繁切換表單 PR
- 簡繁切換使用者記憶 localstorage 2022-05-06 23:38:54
- 簡繁切換使用者記憶 localstorage PR
- 多設定同 Repo
- Comment Collapsed
- H1, H2... span anchor use meaningful title instead of id
- H1, H2... span anchor link scroll to target position instead of not scrolling
一个使用 NextJS + Notion API 实现的，部署在 Vercel 上的静态博客系统。为 Notion 和所有创作者设计。
演示地址：https://preview.tangly1024.com/
🚀 秒开，设备全适配
- 快速的页面渲染和响应式设计
- 高效编译器的快速静态页面生成
🤖 自动，无需重新部署
- 部署在免费、高速的 Vercel 平台
- 支持增量式更新，更新文章后无需重复部署
🚙 全功能，完全不操心
- 评论、搜索、标签、分类
- 订阅、网站统计
- 本地化多语言
- 服务端渲染、优秀的 SEO
🎨 美观，轻松自定义
- 丰富的配置项，更支持多语言
- 使用 Tailwind CSS，轻松实现二次开发
- 支持更多的页面，功能，更多特性、欢迎移步我的博客查看
- 支持多主题切换
| Next | Medium | Hexo | Fukasawa |
|---|---|---|---|
 预览 NEXT |
 预览 MEDIUM |
 预览 HEXO |
 预览 FUKASAWA |
只需修改blog.config.js文件的THEME即可实现主题切换。
请移步 更新文档查看
- 给这个项目点个小星星 😉
- 将 这个 Notion 模板 制作副本，并分享这个页面给所有人
- Fork 这个项目
- (可选) 用自己的图片替换
/public文件夹里的avatar.jpg、favicon.svg和favicon.ico - 在
blog.config.js配置相关选项，NOTION_PAGE_ID: 你刚刚分享出去的 Notion 页面网址中的页面 ID，通常是网址中工作区地址后的 32 位字符串
部署方式一：
- 点击 Vercel 一键开始 部署该项目
部署方式二：
- 通过 Docker 部署
docker run -p 3000:3000 -e NOTION_PAGE_ID="你的Notion_Page_ID" tangly1024/notionnext:2.8.1- 稍微等等就可以访问了！ 简单吗?
- 更多项目特性及配置的说明，请移步 NotionNext 文档 查看，文档正在完善中,欢迎 参与编辑
- 需要安装 Nodejs 环境
yarn # 安装依赖
yarn run dev # 本地开发
yarn run build # 本地打包编译
yarn run start # 本地启动NextJS服务- 框架: Next.js
- 样式: Tailwind CSS 和
@tailwindcss/jitcompiler - 渲染: React-notion-x
- 评论: Gitalk, Cusdis, Utterances
- 图标：fontawesome
感谢 Craig Hart 发起的 Nobelium 项目
 Craig Hart |
 tangly1024 🎫 🔧 🎨 🐛 |
 uWayLu 🔧 🐛 |
 txs 🔧 🐛 |
 yuzhanglong 🔧 🐛 |
The MIT License.