Notion博客项目汇总

type

Post

status

Published

summary

使用 Notion 搭建博客的最大优势就是实时更新博客内容，所以涌现出了很多的 Notion 博客项目，这里稍作整理，不管是想深入研究并复刻还是自己设计时想借鉴都是个不错的选择。

slug

notion-blog-projects

date

Aug 4, 2023

tags

博客

Notion

category

实践技巧

password

icon

URL

Property

Feb 28, 2024 01:06 PM

项目名称

GitHub

Demo 地址

纯主观推荐指数

目录

评论

美观度

功能丰富度

部署难度

其他优缺点

截图

https://github.com/tangly1024/NotionNext

https://blog.tangly1024.com/

🌟🌟🌟🌟🌟

目录

评论

3

5

2

1、持续更新； 2、功能插件齐全评论、主题、目录、Googlead 等等 3、社群活跃，遇到的问题进本有人解决了 4、文章更新快

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211533560.png

https://github.com/spencerwooo/spencerwoo.com

https://spencerwoo.com/

🌟🌟🌟

目录

评论

2

3

4

真正的大佬，我看好多类似的项目是借鉴了大佬的思路

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211533334.png

https://github.com/MannyCooper/anzifan.com

https://www.anzifan.com/

🌟🌟🌟🌟

目录

评论

4

4

3

博客很漂亮，动画、图标整体是我喜欢的风格；但是文章内没有目录（😭）我很难受

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211541317.png

https://github.com/craigary/nobelium

https://nobelium.vercel.app/

🌟🌟

目录

评论

3

2

2

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211541895.png

nextjs-notion-starter-kit

https://github.com/transitive-bullshit/nextjs-notion-starter-kit

https://transitivebullsh.it/nextjs-notion-starter-kit

🌟🌟🌟

目录

评论

3

3

2

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211541166.png

https://github.com/izuolan/notionic

https://zuolan.me/

🌟🌟🌟🌟

目录

评论

4

4

2

必须要补全 slug 字段才能发布文章

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211540764.png

morethan-log

https://github.com/morethanmin/morethan-log

https://morethan-log.vercel.app/

🌟🌟🌟🌟

目录

评论

4

3

2

文章同步比较慢

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211540925.png

notion-blog

https://github.com/wildcatco/notion-blog

https://notion-blog-wildcatco.vercel.app/blog

🌟🌟🌟🌟

目录

评论

4

3

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211540295.png

https://github.com/rittikbasu/website

https://rittik.io/

🌟🌟🌟

目录

评论

4

2

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211540796.png

The-publisher-framework

https://github.com/sven10hove/The-publisher-framework

https://the-publisher-framewor-test.vercel.app/

🌟🌟🌟

目录

评论

3

2

3

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211539111.png

personal-site

https://github.com/datduyng/personal-site

https://www.domng.net/

🌟🌟🌟

目录

评论

3

2

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211539486.png

shellbear.me

https://github.com/shellbear/shellbear.me

https://shellbear.me/

🌟🌟🌟

目录

评论

3

2

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211539740.png

https://github.com/jahirfiquitiva/jahir.dev

https://jahir.dev/

🌟🌟🌟

目录

评论

4

3

4

后台非 Notion，只是项目描述带来 notion

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211538855.png

https://github.com/BartoszJarocki/jarocki.me

https://jarocki.me/

🌟🌟🌟

目录

评论

4

3

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211537369.png

https://github.com/mehdibha/folio

https://folio.notionfol.io/

🌟🌟🌟

目录

评论

4

2

4

基于第三方平台的模板实现，可定制化程度低

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211537625.png

https://github.com/howznguyen/howz.dev

https://howz.dev/en

🌟🌟🌟🌟

目录

评论

4

3

2

定制困难、实时更新慢

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211537588.png

Notion-Next.js-blog-starter-kit

https://github.com/2skydev/Notion-Next.js-blog-starter-kit

https://blog.2skydev.com/

🌟🌟🌟

目录

评论

3

3

3

目录比较漂亮！！！可以考虑移植

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211536788.png

blog-template

https://github.com/2skydev/Notion-Next.js-blog-starter-kit

https://blog.tonari.no/

🌟🌟

目录

评论

3

2

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211536714.png

Notion-Blog-React

https://github.com/okisdev/Notion-Blog-React

https://nbr.okis.dev/zh-CN

🌟🌟

目录

评论

3

2

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211536519.png

notion-next-blog

https://github.com/juanigallo/notion-next-blog

https://juanigallo.com/

🌟🌟

目录

评论

3

2

3

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211536227.png

https://github.com/ci7lus/caramelize

https://caramelize.vercel.app/

🌟🌟

目录

评论

3

2

3

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211535820.png

https://github.com/nbr41to/noblog

https://www.nbr41.com/

🌟🌟

目录

评论

3

3

4

https://cdn.jsdelivr.net/gh/An-Jhon/image_bed/202402211534574.png

If you have any questions, please contact me.