NotionNext博客快速建站教程

最新推荐文章于 2025-03-03 08:00:00 发布
最新推荐文章于 2025-03-03 08:00:00 发布
阅读量1.3k 收藏 17
点赞数 15
文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52475653/article/details/134723395
版权

NotionNext博客快速建站教程

简介：

在当今数字时代，拥有个人博客是展示个人观点、分享知识和建立个人品牌的绝佳方式。
而NotionNext是一个基于 Notion 平台，功能强大的博客建站平台，它提供了丰富的模板和自定义选项，让你可以轻松创建出专业且个性化、易于发布和管理的博客网站。
在这篇博文中，我将带你一步步了解如何使用Vercel部署NotionNext，快速搭建你的个性化博客。

1. 注册登录Notion账号

Notion

2. 复制模板，获取页面ID

https://www.notion.so/02ab3b8678004aa69e9e415905ef32a5?pvs=4

依次点击页面右上角**Share→PublishedShare To Web，开启页面分享，获取**共享链接

DM_20231004010934_001.png

复制共享链接中的页面ID,红色高亮区的就是

最低0.47元/天 解锁文章
搭建博客网站最简单的方式：Notion + Vercel实现个人博客搭建
weixin_39514020的博客
01-17 2010
现在这个页面就是我们博客网站的主页面，我们需要将页面与我们的项目配置进行绑定，也就是将页面的PageId填入到步骤1的配置文件当中去。如果你有自己写博客的习惯，需要一个网站来展示自己的博客，同时，你又不想要进行复杂的开发工作，那么本篇文章将教给你一个最简单的博客搭建方式，仅需要一些配置修改即可以搭建好你的个人博客网站。项目部署成功后，可以在我们的Dashboard页面上查看到我们的项目，在我们绑定自己的域名之前，使用的是Vercel给我们的默认域名，我们可以进入项目，购买并且绑定我们自己的域名。
notion搭建博客方法二：nextjs-notion-starter-kit搭建博客教程
aosky的专栏
06-09 1813
说明 notion搭建博客的方法很多，今天介绍一个Notion+Vercel+Next.js搭建博客的方法，作者的Github。 演示 演示地址: Sky’s Blog 搭建方法 首先注册一个GitHub账号。 注册一个Notion账号，创建一个页面，选择右上角Share，选择Share to web，选择Copy link，找到此页面的PageID，就是下图中Blog后面的一串字符dd7771e27af143dbacbc90223337a142。 打开此仓库 Fork一份，根据自己的情况修改
Notion笔记搭建博客网站 - NotionNext
划下句点
05-16 4168
NotionNext是什么？ NotionNext是我在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站，从而专注于写作、而不需要操心网站的维护。 它将您的Notion笔记渲染成静态的博客页、并托管在Vercel云服务中。与Hexo静态博客相比较不同的是，您无需每次写好的文章都要推送到Github，编写与发布只在您的Notion笔记中完成。 依托于Notion强大的编辑功能，您可以随时随地撰写文章、记录你的创意与灵感，笔记会被自动
Notion 一键建站：打造属于自己的博客
最新发布
JinSo 的博客
03-03 909
本文介绍了如何使用 Notion 一键打造属于自己的博客，详细讲解了两种部署方式：NotionNext 和 nobelium。通过简单的步骤，即使没有技术背景也能轻松搭建起一个美观且实用的博客。
基于NotionNext的个人网站|博客搭建与部署实例教程
C_JackForme的博客
07-09 2808
📕Notion是一个多功能的笔记软件，其功能具有极高的可玩性（可以在页面中加入代码、视频、链接...简直就是博客神器），UI设计人性化，支持用户进行自编辑与根据官方API进行二次开发，大家可以先进入Notion的官网进行了解（由于作者之前做笔记都是使用幕布，现在使用Notion实在是越级的体验🤦‍），本文介绍的NotionNext就是基于NotionAPI开发的开源项目。
使用Notion搭建个人博客
時光的博客
12-18 1520
这个模版是一个表格，表格的每一行是一篇博客，我们可以在表格上面进行编辑，type- Post：博客，Menu: 菜单， SubMenu: 子菜单 ， Page：菜单（归档，留言，友链等），Notice：公告status- Published: 已发布，Invisible：不可见，Draft：草稿title- 具体的博客内容，点击Open即可打开编辑slug- 链接后缀，不填就是默认的notion的随机字符串，可读性不好，建议填写模板修改后需在Vercel上重新部署方可生效。
使用Notion搭建博客，并使用Cusdis评论系统
盖丽男
04-15 579
昨天在网上闲逛的时候，看到关注的一个博主说自己用notion搭建了博客，非常感兴趣，所以我自己也来实践一下，下面写一下简单的搭建流程。
在Notion和NextJS之上的静态博客构建，部署在Vercel上。-JavaScript开发
05-26
Nobelium Nobelium 是一个使用 NextJS + Notion 第三方 API 实现的，部署在 Vercel 上的静态博客系统。 Nobelium Nobelium 是一个使用 NextJS + Notion 第三方 API 实现的，部署在 Vercel 上的静态博客系统。 演示...
JavaScript_使用 NextJS Notion API 实现的支持多种部署方案的静态博客无需服务器零门槛搭建网站为
05-20
总的来说，这个项目教程将引导开发者如何利用JavaScript、Next.js和Notion API搭建一个高效、灵活且易于部署的静态博客系统，实现内容创作和分享的无缝集成。无论是初学者还是有经验的开发者，都能从中学习到现代Web...
Twikoo网站评论系统配置教程
qq_52475653的博客
11-30 2066
Twikoo是一个搭建免费，部署简单，功能丰富的简洁、安全、易用的静态网站评论系统。它拥有邮件提醒，即时消息推送功能，可以自定义背景图，博主标识，而且内嵌式管理面板很便捷。下面我将以Vercel进行云部署教程👉Vercel 部署的环境需配合 1.4.0 以上版本的 twikoo.js 使用。
Notion + CloudFlare + 域名搭建网站
sherlockmj的博客
09-13 1642
已进入cloudflare，如果你没有使用cloudflare他会让你在你购买域名的机构做修改。按照cloudflare官方指引来就可以。或者直接在下方输入你的域名和notionurl再点击“COPY THE CODE”，配置文件会自动生成。前方添加你的域名或子域名（这里以ajiang.online为例）目标填写为notion.so。添加你的域名之后选择刚才复制的worker。在worker右边选择“添加路由”保存后就可以正常查看了。
nextjs-notion-starter-kit:使用Next.js和Vercel在数分钟内部署您自己的支持Notion的网站
03-07
Next.js概念入门套件 使用Next.js和Notion构建网站的完美入门工具包。 介绍 这个仓库是我用来驱动我的个人博客/投资组合网站。 它使用Notion作为CMS，从Notion获取内容，然后使用和呈现所有内容。 然后将该站点部署到 。 特征 安装程序只需几分钟（） :flexed_biceps: 通过对Notion内容的强大支持 Next.js / TS / React /概念 出色的页面速度 性感的LQIP图像预览 嵌入式GitHub注释 自动打开图形图像 自动漂亮的网址 自动目录 完全支持黑暗模式 就像在Noion中一样，通过CMD + P快速搜索 响应桌面/平板电脑/手机 针对Next.js和Vercel进行了优化 设置 所有配置都在定义。 分叉/克隆此仓库 更改的一些值 npm install npm run dev人员进行本地测试 npm run deploy部署到vercel :flexed_biceps:
探索未来知识管理：NotionNext，一个强大的Notion增强工具
gitblog_00006的博客
03-21 615
探索未来知识管理：NotionNext，一个强大的Notion增强工具 去发现同类优质开源项目:https://gitcode.com/ 是一款旨在提升Notion效率和功能的开源项目，由开发者Tangly1024创建并维护。如果你是Notion的忠实用户，或者正寻找一种更高效的知识管理和协作工具，那么NotionNext绝对值得你一试。 项目简介 NotionNext是一个基于Notion AP...
保姆级使用NotionNext搭建个人网站教程，只需要花费十几元购买域名，无需任何技术背景。
weixin_53721065的博客
07-19 379
保姆级使用NotionNext搭建个人网站教程，只需要花费十几元购买域名，无需任何技术背景。
低成本、低代码，三十分钟教会你使用Notion作为CMS搭建自己的Web网站
qq_45430571的博客
05-29 3551
这篇博客提供了一个快速搭建个人网站的指南，使用了Notion作为内容管理工具，并结合了nextjs-notion-starter-kit项目来将Notion页面转换成个人网站。整个过程分为准备环境、创建Notion页面、开放页面外部访问、克隆项目、填入NotionPageId、在本地测试和部署到服务器等步骤。同时也介绍了如何配置自定义域名以及后续更新的一些建议。
NotionNext 笔记博客部署 图文教程①
m0_63622279的博客
09-27 1335
NotionNext的愿景是帮助非技术人员的小白，最低成本、最快速地搭建自己的网站，帮助您将自己的产品与故事高效地传达给世界。左上角选择三个小圆点，然后点击设置（默认是英文 settings ,我这个是已经修改完的）然后找到语言，将语言切换为中文，重启浏览器，这会就可以正常的给国区手机发短信了。红色标注的即为页面ID,在站点之后，参数之前的那段UUID。提一嘴，谷歌账号注册，需要魔法，然后使用谷歌浏览器去注册。步骤：从GitHub仓库Fork作者的项目即可。点击分享，然后点击发布。
notion搭建博客方法一：notion简单操作说明
aosky的专栏
05-06 4573
简介 notion搭建博客的方法有很多种，今天介绍最基础的、原汁原味的方法。 步骤 注册一个notion账号，使用邮箱就可以很快注册，免费账号除了附件大小、共享用户数等有部分限制其他基本都不影响使用。 新建一个Page，输入 / 然后table - Inline，或者打开notion博客模板复制模板即可。 修改table里面的properties根据自己的写作习惯进行修改。 对于有常用写作规范的也可以设置templates。 博文的展现形式可以列表、表格等，有图片的也可以设置为画廊
自动填充html_TypeScript 项目实践——自动化发布博客文章
weixin_30099989的博客
01-02 286
我最近尝试养成写作习惯，写的文章比较多。我常用 Medium, dev.to 和 Hashnode 发布博客，同时也想在我的个人站点发一份。我的个人站点很简单，只采用了基本的 HTML、CSS，以及少量 JavaScript。但是我考虑改进发布过程。从何入手呢？我在 Notion 上做了这个博客写作路线图：这是一种简单的看板，我喜欢用它把所有想法呈现出来(或者说把想法数字化)。我...
面试加分神器，比wordpress还牛逼的AI Blog框架来了
qq_34484082的博客
07-07 623
比wordpress还牛逼的博客框架出现了
Notion搭建个人博客教程, 以及为什么选用notion
williamhjr的博客
03-25 2535
对比了常见的四种搭建博客的方法, 以及自己为什么最终选择NotionNext搭建博客的心路历程, 以及对博客搭建的一些思考“如果你是一个Notion的爱好者或者正在使用Notion写博文, 那么NotionNext绝对是一个不二的选择!”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MatrixWave

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值