使用Notion作为博客

换博客的速度太勤了，除了常规的WordPress，Ghost，hugo，hexo等等，终于直接使用Notion来组织内容算了。

托管类

如果不想折腾，直接使用托管的服务，现在有这些选择：

Notion 博客托管服务

Name

价格

其他

https://pageably.com/

£6 每月

功能比较简单，官网就是样例

https://super.so

$12/site/month

功能非常完整，还有模板功能，更多样例可以看 https://super.so/showcase

https://notelet.so/

免费或者 $7/mo

有模板功能，免费有一个二级域名站

https://notion.dog

免费

只能使用二级域名

https://notion2site.com/

$8.00/site/ month

不考虑价格的化，看来https://super.so 应该是值得尝试的。

免费方案

最好的当然是免费的方案

最简单的方案 - Cloudflare worker

参考这里 https://sspai.com/post/58441 需要自己有一个域名，绑定到cloudflare上。

或者使用

stephenou/fruitionsite

Use cases: perfect for your portfolio, blog, landing page, and business site Features: pretty URLs, custom domains, Google Fonts, SEO support, script injection Benefits: completely free, no lock-in, and open source For step-by-step setup instructions, visit https://fruitionsite.com This repo has 2 independent parts: worker.js is the Cloudflare Worker script everything else is a React app that helps generate the Worker script via a UI.

https://github.com/stephenou/fruitionsite

但是这样主要有两个问题。1. SEO 2. cloudflare的免费配额有限。

Golang写的静态站生产工具

用golang写的静态博客生成工具，使用API从notion抓取页面，然后生成网站。作者的另一个软件是sumatraPDF

https://blog.kowalczyk.info/article/a8cf04d756ec4963905960822b004440/powering-a-blog-with-notion-and-netlify.html

使用next.js 部署vercel(now.sh)

nextjs-notion-starter-kit

transitive-bullshit/nextjs-notion-starter-kit

The perfect starter kit for building websites with Next.js and Notion. This repo is what I use to power my personal blog / portfolio site transitivebullsh.it. It uses Notion as a CMS, fetching content from Notion and then uses Next.js and react-notion-x to render everything. The site is then deployed to Vercel.

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

👉 目前我在使用这个方式，fork这个项目后修改site.config.js部署到vercel即可，有serverless功能，不需要每次部署，更新notion中文章后，在页面上刷新即可自动获取到文章更新。

严格来说不能算是博客，因为是自由内容的而非博客倒叙的方式。

当前这个网站也是使用的这个模板，不过魔改了一下，有兴趣可以参考。

📝

最新博客CMS的选择 - Notion

zhimiaoli/nextjs-notion-blog

Deploy your own Notion-powered website in minutes with Next.js and Vercel. - zhimiaoli/nextjs-notion-blog

https://github.com/zhimiaoli/nextjs-notion-blog

主要优点就是美观方便，缺点是没有RSS生成

gatsby-starter-gine-blog

预览如下

mayneyao/gatsby-starter-gine-blog

You will get a free site, a repository called gatsby-starter-gine-blog will be created (by netlify) under your github account. Just modify two lines in gatsby-config.js to complete the configuration. Clone this page into your own notion. There are some tables in the page, there are 2 configuration tables.

https://github.com/mayneyao/gatsby-starter-gine-blog

直接点击项目的deploy到netlify应该就行。

demo: https://gine.me/

Nobelium

craigary/nobelium

A static blog build on top of Notion and Nextjs, deployed on Vercel. Demo: https://nobelium.vercel.app/ Screenshot 🚀 Fast and responsive Fast page render and responsive design Fast static generation with efficient compiler 🤖 Deploy instantly Deploy on Vercel in minutes Incremental regeneration and no need to redeploy after update the content in notion 🚙 Fully functional Comments, full width page, quick search and tag filter RSS, analytics, web vital...

https://github.com/craigary/nobelium

极简风格博客

demo https://nobelium.vercel.app/

Notion-blog

ijjk/notion-blog

This is an example Next.js project that shows Next.js' upcoming SSG (static-site generation) support using Notion's private API for a backend. Note: This example uses the experimental SSG hooks only available in the Next.js canary branch! The APIs used within this example will change over time.

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

同样另一个极简风格博客

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