category
tags
type
status
slug
date
summary
icon
password
📔
折腾博客多年,尝试过 WordPress、Hexo等各种博客系统。然而在写作过程中最重要的应该是养成内容持续输出的习惯;软件平台仅仅是一个辅助,反复折腾搭建系统显得本末倒置。 是否有一种方案,能让“坚持笔记”和“博客分享”得到完美结合呢? 直到Notion笔记本的出现,一切都有了可能!

NotionNext是什么?

📔
NotionNext的愿景是帮助非技术人员的小白,最低成本、最快速地搭建自己的网站。
NotionNext是我基于NextJS框架开发的免费开源Notion建站工具。
它将您的Notion笔记实时渲染成静态博客站;您无需购买服务器,只要一个笔记即可搭建完全属于您自己的独立网站,让您与全世界建立连接!
已有上千位网友使用NotionNext搭建网站,访问以下链接查看部分案例:

用NotionNext建站的几个理由

1.Notion笔记

首先,借助NotionNext建站,所有文章的编写发布都只在您的Notion笔记中完成。
而Notion笔记支持在电脑与手机上随时访问,因此您无需登录任何第三方平台:或打开WordPress后台、或将Markdown文本上传Git仓库等繁琐的方式来发布文章。
其次,Notion 是一款将笔记、在线文档、知识库和任务管理无缝整合的「All-In-One」应用,它也是我一直在用、并且极力推荐的一款笔记软件,关于Notion的介绍可浏览此文《Notion笔记 | 简化生活的效率工具》。
借助Notion灵活的排版以及便捷的写作体验,您不需要专门学习Markdown语法,也可以轻松随时随地写出调理清晰的文章,以便记录您的创意与灵感。站点数据完全保存在Notion笔记当中,您可以随时导出本地进行备份。

Notion AI

Notion集成了Open AI,能大大提升您的写作效率,这也是Notion作为笔记工具的理由之一。
NotionNext 是一个将笔记转成网站的小工具,并非繁重的内容管理系统,之后您还可以选择其他的工具和软件渲染您的笔记,或者将笔记导出到其它任意平台。

2.NextJs框架

Next.js 是一个轻量级的React服务端渲染框架,其优势是更快的响应速度、更强的SEO,从而助力于您的网站被搜索引擎更好地收录,从而让您的网站被更多人访问!
NotionNext基于NextJs框架开发,源代码完全免费开源,任何人都可以修改代码的源码,从而自定义站点的功能。

🚀 网站的性能

notion image
 

3. 完全自有

站点的源码、域名、服务器都在您手中;站点一切所有权归您所有,不受第三方博客平台或社交平台的规则限制、功能限制。
第三方博客写作平台通常使用二级域名托管的形式。其缺点是:站点权重被牢牢掌握在平台手中。而站点权重将意味着搜索引擎是否优先展示您的网站。类似blogspot这类的免费托管平台,早已经成了垃圾博客的重灾区,平台中各种低质量的子博客拉低了整体平台的权重,从而导致您的Blogger无法被搜索引擎推荐。
相反,独立站运营过程中,您的每一篇优质文章都将为您的域名权重添砖加瓦,从而使您的站点SEO越来越好,访问量持续增长。

独立站价值

您可以在SiteIndices上查看站点的价值,使用NotionNext,您也可以像我一样,打造属于自己的价值百万美元的数字资产。
notion image
notion image

4. 多主题切换

多个主题任您挑选

5. 更多自定义功能

  • 支持自定义字体
  • 文章分类、标签、归档页面
 
  • 支持夜间模式
  • 支持多种评论插件

开始部署您的站点

NotionNext部署方便简单且免费,即使您不会编程也可以实现轻松部署。
NotionNext支持多种方式部署,任选一个教程快速开始!

1.Vercel部署

这是目前我在用的部署方案

2.Zeabur部署

Zeabur是一款优秀的、国人自研的托管平台
部署效果演示:https://tangly1024.zeabur.app/

3.云主机部署

请先准备好一台您自己的服务器

4.CloudFlare部署

大名鼎鼎的CloudFlare,不过似乎只能导出静态
😀
提示:您可以同时使用多种部署方案;部署完成后,请阅读下方的站点配置教程:

站点配置

部署完成后,如何设置您的站点信息,例如博客排序,绑定个性域名等,请访问《操作手册》搜索关键词:

绑定个性域名

vercel为您的站点提供一个 免费的*.vercel.app 域名,但vercel的官方域名在大陆被墙,推荐您绑定自己的域名,从而有更好的SEO权重。
参考以下文章,您可以快速地将自己的域名解析到Vercel站点:

项目更新

项目不定期会修复bug、增加新特性,请参考此篇文章进行更新:
NotionNext更新指南 | TANGLY's BLOG
本项目在长期维护更新中,不时将修复一些bug和增加新特性。 新版本中对页面样式以及加载速度都做了大量的优化,因此非常推荐更新到最新版本。 您的项目若版本比较旧,则右上角将会出现一个 Fetch upstream 按钮,点击并选择 Fetch and merge 即可更新为最新的代码 或者如果出现 UpdateBranch 选项也可以直接更新,不要点击 Discard xx commits 选项,这样会丢失您自己的代码修改。 如果您此处的按钮既不是 Fetch and merge,也没有 Update branch,则说明我的代码和您的有冲突,请小心驾驶。 如果你并不是熟悉Git的操作,推荐做法是备份一下您的代码,诸如 blog.config.js 配置文件,然后重新fork一遍项目,再更新新版本中的配置项,重新配置即可。 当我和你的代码发生冲突( confilcts),(例如我修改了 blog.config.js 文件,你也修改了此文件),导致在更新时,Git需要人工确认要合并代码时需要保留的最终代码版本。 不要点 Discard xx commits 建议是用github之类的代码版本管理工具,在您的电脑上进行合并。 这里具体的更新合并步骤教程待完成。您可以参阅以下两位战友的热心分享: 除了Github fork部署,还支持Docker部署、Vercel一键Clone部署。这两种部署方式更新方法如下: 备份你的blog.config.js 等自定义配置信息,并重新执行Docker指令,获取最新版本镜像。镜像已上传至 Dockerhub,可以在安装 Docker环境 的系统中执行以下命令。 旧版 docker run -p 3000:3000 -e NOTION_PAGE_ID="02ab3b8678004aa69e9e415905ef32a5" notionnext:2.8.1 # 02ab3b8678004aa69e9e415905ef32a5 这个值可替换成你的Notion_PAGE_ID 此环境变量则默认读取示例文章 docker run -p 3000:3000 -e NEXT_PUBLIC_THEME="next" -e NOTION_PAGE_ID="02ab3b8678004aa69e9e415905ef32a5" tangly1024/notionnext:3.3.9 # 02ab3b8678004aa69e9e415905ef32a5 这个值可替换成你的Notion_PAGE_ID 此环境变量则默认读取示例文章 可在Github的 Packages、或 Dockerhub 中查看所有docker镜像的版本 删除旧版Vercel项目,重新按找以下步骤一键Clone部署。 2.选择用 Github方式创建仓库,然后点击 create 确认部署。
NotionNext更新指南 | TANGLY's BLOG

联系我们

 

FAQ

问:如何修改hexo主题首页下的“Hi,我是一个程序员…”等字样
答:修改 themes/hexo/config_hexo.js
 
罗永浩谈论独立思考——不思考和禽兽有何区别NotionNext部署-Vercel版本
NotionNext
NotionNext
一个普通的干饭人🍚
公告
category
tags
type
status
slug
date
summary
icon
password
🌻 Easy & Free NotionNext 笔记也能变网站 👀 查看成功案例 🗺️ Notion建站教程
 
免责声明
⚠️ 请妥善备份您的Notion数据。
🚨 请勿用作非法用途!
🖐️ 进入[交流群]获取更多帮助。
😜 NotionNext完全免费开源,若您喜欢可以请我喝杯咖啡~