📝Notion Next介绍

NotionNext功能特点

Part.1 继承至Nobelium的优点

• 快速的页面渲染和响应式设计

• 高效编译器的快速静态页面生成

• 部署在免费、高速的 Vercel 平台

• 支持增量式更新，更新文章后无需重复部署

• 评论、搜索、标签、分类

• 订阅、网站统计

• 本地化多语言

• 服务端渲染、优秀的SEO

• 丰富的配置项，更支持多语言

• 使用 Tailwind CSS，轻松实现二次开发

Part.2 新增特色功能

• 增加文章分类、文章标签、文章归档页

• 自定义404页面

• 支持文章封面图

• 支持首页Banner大图

• 支持文章关联推荐

• 支持编译时自动生成sitemap.xml

• 支持首页搜索框搜索

• 支持手动切换夜间模式

• 支持侧边栏文章目录，悬浮文章目录

• 文章字数统计、阅读时间统计、阅读量访客量展示

• 支持路由跳转时Loading遮罩

• 支持memcahe、jsoncache缓存，提升开发、发布效率

• 支持文章分享

• 支持Cusdiz评论插件

• 支持看板宠物

• 支持个性化配置首页大图、问候语

• 开关评论、开关右下角挂件、开关分享功能

• slug参数作为可选填项

• 首页支持分页列表、滚动加载两种模式

进行中的开发任务

快速开始

部署详细说明

• 前提条件，你有一个Github账号、以及Vercel账号；

4.控制台中，点击平台分配的免费域名(例如图中的my-repostitory-six-tau.vercel.app这行)，或者点击右上角Visit按钮可以访问你的网站。

5.网站默认内容展示的是我的Notion页面，请在Git仓库中，修改blog.config.js文件中notionPageId为你的页面ID并提交，Vercel就会自动更新项目。

绑定自己的域名

[无服务器建站]一键搭建自己的Hexo个人博客 | 小唐笔记

vercel：是我用过的最好用的 网站托管服务 。可以托管基于hexo引擎模板开发的博客。vercel类似于github page，但远比github page强大，速度也快得多得多，而且将Github授权给vercel后，可以达到最优雅的发布体验，只需将代码轻轻一推，项目就自动更新部署了。 hexo: Hexo 是一个基于 nodejs 的静态博客网站生成器，通过使用脚手架安装后，命令操作简单，直接开箱使用，支持丰富的主题，支持高度的自定义化，主要使用 markdown 语法。你可以自行开发插件，优化你的博客。 Vercel会引导你在自己的github中创建对应的代码仓库；点击create ；(下一步提示创建团队直接skip跳过即可) 完成后进入控制台 在View Domains 里可以查看访问的域名，以及配置你自己自定义的域名 Hexo的项目结构是在网站根目录的source/_posts目录下存放你的博客文档，以.md文档格式存储，默认已存在一个hello-world.md文章 你的hexo博客网站搭建成功了吗，不妨在评论区，留下你的博客地址，让我看看吧~

https://tangly1024.com/article/vercel

如何更新？

开发契机

灵机一动

在一个平凡的工作日下午，阳光从窗户照射进我的办工桌，我正喝着茶，用Notion笔记本记录着工作的日常事务。

此刻灵光一闪，要是能让Notin笔记变成一个在线博客，是不是就可以自己一边写笔记本，同时又能在网上公开分享自己的知识与见解呢。

开始折腾

自己本身是程序员，做一个博客系统其实很容易，而以前也试过大量的博客系统Wordpress、Hexo等等。然而最难的是一直坚持写作。

好在我能做到每天坚持在notion笔记上记录生活、并且做学习总结。要是能把记笔记和写博客无缝衔接那就完美了。

• Nobelium

在网上几经搜索，找到了craigary大神的Nobelium项目，另外还有transitive-bullshit大神的nextjs-notion-starter-kit 项目，成功搭建了自己的Notion博客；

• Notion-Starter-Kit

说实话这种自己开发前端渲染，调用NotionAPI实时展示文章内容的方案真是太方便了，一用便令人爱不释手。

我在自己对博客系统的理解下，开始在基于Nobelium架构上的二次开发。(Nobelium使用的TailwindCSS，开发非常方便)

于是便有了我自己的这个开源项目 NotionNext ; 目前还在不断持续维护更新中，这将成为我个人长期使用的博客系统。对于作为Notion笔记重度使用者来说，这是最好用的博客系统了(大概)。

 

💛行动建议