給我的啟發？
網站樣式參考＆字體 LXGW WenKai Screen
建立時間
分類
狀態
🌱
專案
URL
https://tangly1024.com/article/notion-next
備註
Tags
NotionNext是我开源在Github的博客生成器，它帮助写作爱好者们无需购买服务器快速地搭建个人网站，从而让作者专注于写作、不需要操心网站的维护。
只需几分钟的操作，您将获得和我一样的博客网站👇：
NotionNext-搭建博客
许多网友们已经搭建了自己的网站，点击以下链接查看案例：
相比于Hexo等类型的静态博客，您不需要学习Markdown语法，也不需要每次写完文章都提交推送到Git仓库。有了NotionNext，编写与发布都只在您的笔记中完成。借助Notion强大的编辑和写作功能，您可以随时随地撰写文章、记录你的创意与灵感。
在Notion中将写好的文章的状态设置为
Published 即可。NotionNext将自动从您的Notion笔记中实时抓取并展现您最新的文章改动。一、功能简介
折腾博客多年，尝试过 WordPress、Hexo、Typecho、Ghost、Gridea、Hugo等博客系统，我觉得在写作过程中应当把重心放在养成内容持续输出的习惯；博客系统只是一个辅助，反复折腾搭建系统、维护服务器显得本末倒置。 Notion笔记本的出现，让“坚持笔记”和“博客分享”得到了完美结合，何乐而不为呢。
- 文章分类、标签、归档页面
- 首页大图、问候语
- 文章关联推荐
- 文章版权声明©️
- 网站h1、h2标题优化
- 自动生成sitemap.xml
- 文章目录、字数统计、阅读时间统计
- 阅读量访客量展示
- 手动切换夜间模式
- 文章分享💌
- 修改代码中的
/blog.config.js文件即可实现多主题之间的切换。
- 甚至直接在网址后面加上
?theme=next也能实现不同主题的展示：https://preview.tangly1024.com/?theme=next、
- 系统预设了GoogleNotoSans字体，您也可以在
blog.config.js中自定义字体：
二、快速开始
- (可选) 用自己的图片替换
/public文件夹里的favicon.svg和favicon.ico
- 在
blog.config.js配置网站的相关信息，例如站点地址，作者信息。
- 点击
Environment Variables（环境变量），添加NOTION_PAGE_ID的值。
NOTION_PAGE_ID这个参数从何而来？(点击下方内容可展开详情)
完成后点击
Go to Dashboard访问控制台，点击控制台右上角Visit按钮访问你的站点。Vercel控制台
- 每次修改代码文件、例如blog.config.js后,Vercel会自动重新部署你的站点。
vercel有为你的站点提供一个
*.vercel.app 的域名，但vercel的官方域名在大陆被墙，所以需要绑定自己的域名。参考以下文章，您可以快速地将自己的域名解析到Vercel站点:项目不定期会修复bug、增加新特性，请参考此篇文章进行更新：
NotionNext是完全免费开源的🎉🎉！如果项目对你有帮助，欢迎进行赞助🙌🏻，赞助的每笔钱都将让NotionNext变得更好😁
个人的力量很有限，欢迎提交代码，共同完善这个项目：
如果您想创建一个新主题、并提交到NotionNext，请复制一个
/themes/example文件夹在themes目录下，并修改文件夹的名称主题的名称。如果您的语言尚未得到NotionNext的支持，欢迎贡献本地化！按照以下步骤添加新的本地化： 1. 在/lib/lang中复制一个en-US.js文件，并将文件命名为语言的代码（例如
zh-CN.js）。 2. 开始翻译字符串。 3. 将您的语言配置添加到lang.js中。修复BUG、新的特性、新的主题，欢迎提交你的代码，为这个项目做贡献，期待你的PR。
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
Relate Posts
<div pseudo="-webkit-input-placeholder" id="placeholder" style="display: block !important;">欢迎评论</div><div></div>
