使用Notion搭建个人博客

最新推荐文章于 2025-02-28 10:34:18 发布
原创 最新推荐文章于 2025-02-28 10:34:18 发布 · 2.2k 阅读 · 22 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#notion

一、注册Notion账号

官网地址： https://notion.so

注册并登录后会进入以下界面

image-20231203111836563

复制Notion模版

登录账号之后，打开 Notion模版

点击 Duplicating 可将模板复制到自己网站了

image-20231203112441593

模版克隆到到个人账户之后，点击右上角的Share->Publish->Publish to Web，那么互联网上的用户就能使用这个链接来访问我们的个人页面了。

image-20231203112855722

二、Github拉取NotionNext项目

将

最低0.47元/天 解锁文章
低成本、低代码，三十分钟教会你使用Notion作为CMS搭建自己的Web网站
qq_45430571的博客
05-29 4738
这篇博客提供了一个快速搭建个人网站的指南，使用了Notion作为内容管理工具，并结合了nextjs-notion-starter-kit项目来将Notion页面转换成个人网站。整个过程分为准备环境、创建Notion页面、开放页面外部访问、克隆项目、填入NotionPageId、在本地测试和部署到服务器等步骤。同时也介绍了如何配置自定义域名以及后续更新的一些建议。
搭建博客网站最简单的方式：Notion + Vercel实现个人博客搭建
weixin_39514020的博客
01-17 2220
现在这个页面就是我们博客网站的主页面，我们需要将页面与我们的项目配置进行绑定，也就是将页面的PageId填入到步骤1的配置文件当中去。如果你有自己写博客的习惯，需要一个网站来展示自己的博客，同时，你又不想要进行复杂的开发工作，那么本篇文章将教给你一个最简单的博客搭建方式，仅需要一些配置修改即可以搭建好你的个人博客网站。项目部署成功后，可以在我们的Dashboard页面上查看到我们的项目，在我们绑定自己的域名之前，使用的是Vercel给我们的默认域名，我们可以进入项目，购买并且绑定我们自己的域名。
Notion搭建个人博客教程, 以及为什么选用notion
williamhjr的博客
03-25 2729
对比了常见的四种搭建博客的方法, 以及自己为什么最终选择NotionNext搭建博客的心路历程, 以及对博客搭建的一些思考“如果你是一个Notion的爱好者或者正在使用Notion写博文, 那么NotionNext绝对是一个不二的选择!”
如果没有人读博客，为什么要写呢？
最新发布
qq_24520119的博客
02-28 148
不，他们不会来，网上有几十亿篇博客，好像浩浩荡荡的飓风一样，你的博客只是风里的一片叶子，谁会注意呢。当你思考得更好时，你会做出更好的成果。此外，未来也许有一天，某个真正需要你文章的人，会找到它。你看到一个场景----一个充满光、影、人性的瞬间，就拍下了它。你写博客不是为了别人的掌声，而是因为你自己的需要。让我们坦率一点吧，你写了一篇博客，根本就没有人读。，你的文章会让你看到自己思想的演变。
notion搭建博客方法一：notion简单操作说明
aosky的专栏
05-06 4744
简介 notion搭建博客的方法有很多种，今天介绍最基础的、原汁原味的方法。 步骤 注册一个notion账号，使用邮箱就可以很快注册，免费账号除了附件大小、共享用户数等有部分限制其他基本都不影响使用。 新建一个Page，输入 / 然后table - Inline，或者打开notion博客模板复制模板即可。 修改table里面的properties根据自己的写作习惯进行修改。 对于有常用写作规范的也可以设置templates。 博文的展现形式可以列表、表格等，有图片的也可以设置为画廊
20210408_224346_1_Notion免费搭建个人网站，使用Notion又多了一个理由1
08-04
这位作者搭建的博客效果如下图：博客顶部的封面图是动态的，可用鼠标进行交互，感兴趣的可以前往他的博客参观：GitHub 项目「nextjs-notion-star
基于Next.js与Notion的个人博客搭建工具包
这种构建方式特别适合那些从事异地工作的人群——他们需要一个轻量级、易于维护且功能完整的在线展示平台，比如个人博客、作品集或技术文档站。 该工具包的核心是使用 **Next.js** 框架作为前端开发的基础。Next.js...
Notion 搭建个人博客
a5right的博客
01-12 969
之前使用过很多搭建博客的系统，比如Hexo等，但是用起来还是很麻烦，比如上传图片之类的。所以，想了一个折中方式，那就是使用链接的方式，个人博客里面只放链接，链接再转到我的笔记，这样算是一个汇总吧，也还行，而且，notion本身发布后，支持评论，非常不错。这就让我不是很爽，因为我本来就有自己的一套笔记放置规则。虽然公众号上的文章基本是与我的笔记同步的，但是公众号没法大量且多次修改，而笔记总是会随着年月而更新的，这是一个硬性需求了。而且，要是 copy 一份，后面笔记更新，我得维护两份，太麻烦。
Notion笔记搭建博客网站 - NotionNext
划下句点
05-16 4542
NotionNext是什么？ NotionNext是我在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站，从而专注于写作、而不需要操心网站的维护。 它将您的Notion笔记渲染成静态的博客页、并托管在Vercel云服务中。与Hexo静态博客相比较不同的是，您无需每次写好的文章都要推送到Github，编写与发布只在您的Notion笔记中完成。 依托于Notion强大的编辑功能，您可以随时随地撰写文章、记录你的创意与灵感，笔记会被自动
使用Notion搭建博客，并使用Cusdis评论系统
盖丽男
04-15 702
昨天在网上闲逛的时候，看到关注的一个博主说自己用notion搭建了博客，非常感兴趣，所以我自己也来实践一下，下面写一下简单的搭建流程。
Notion-CMS-Blog：以Notion为内容管理系统的博客。 从概念导入内容并发布
02-15
概念CMS博客 以Notion作为内容管理系统的博客。 从概念导入内容并发布。 安装 :warning_selector: 低于3.6的Python版本可能无法正常工作 使用venv创建虚拟环境。 对于使用apt系统： sudo apt install python3-venv python3 -m venv .env 采购虚拟环境并从requirements.txt安装依赖项 source .env/bin/activate pip3 install -r requirements.txt 您需要创建一个具有以下内容的.secrets文件： #!/bin/bash export TOKEN_V2="<YOUR>" export SPACE_ID="<WORKSPACE>" 登录Notion后，可以从cookie中以token_v2形式获取令牌。 要获取工作区ID，请登录到Notion，然
notionblog:我的个人博客使用notion.so api开发
05-22
弃用： : 更好。 该博客是使用 API构建的。
notion-blog：一个Next.js站点，该站点使用新的SSG支持以及一个Notion支持的博客
02-06
概念博客 这是一个Next.js项目示例，该项目展示了使用Notion的私有API作为后端的Next.js即将推出的SSG（静态站点生成）支持。 注意：此示例使用仅在Next.js canary分支中可用的实验性SSG挂钩！ 本示例中使用的API会随着时间而变化。 由于它使用私有API和实验性功能，因此使用风险自负，因为这些情况随时可能发生变化。 实时示例托管在Vercel上： : 入门 要查看将Notion设置为与本示例配合使用的步骤，查看位于的帖子，或按照以下步骤操作。 自行部署 使用Vercel部署您自己的Notion博客。 要么 克隆此仓库git clone https://
Notion做个人博客
weixin_46960323的博客
04-21 5387
Notion做个人博客的两种实现方式 Notion做个人博客其实也是个不错的idea，看看我是如何实践的吧～ 我的个人主页：https://wangyurui.top/ 1. 直接用Notion的page ，绑定域名。 https://wangyurui.life/ 直接利用Notion页面，主需要完成内容的填充和设计工作就OK了。 图1.wangyurui.life 绑定教程网址：https:...
探索Notion Blog：一款创新的静态博客生成器
gitblog_00096的博客
05-11 489
Notion Blog是一个基于Next.js和Notion的实验性项目，它利用Notion的私有API作为后端，实现了静态站点生成功能。这个创新的解决方案将强大的Notion笔记工具与现代Web框架Next.js相结合，为个人和团队提供了一种全新的博客创建和管理方式。目前，该项目已有一个实时运行的示例，可在此链接体验：[https://notion-blog.vercel.app/](https...
基于 Notion + CloudFlare + 域名搭建博客(详细图文教程)
_
01-10 5074
假如我们拥有一个helloworld.com这样的域名，我们期望使用 Notion 笔记来搭建自己的博客站点，那么我们可以使用 Notion + CloudFlare 来组合完成。 1.将helloworld.com的域名 DNS 解析服务器替换为 CloudFlare 的DNS解析服务 rayne.ns.cloudflare.com cosmin.ns.cloudflare.com 2. CloudFlare 配置 CNAME 记录( helloworld.com → notion.s...
使用Notion写博客
12-17 1546
本文总结最近了写博客的经验，如果你同样在写博客，或者需要一款知识管理软件，本文或许能有所帮助。
Notion——构建个人知识库
热门推荐
怎么又是萝卜的博客
04-29 1万+
使用Notion快三年了，它All in one的理念在使用以后确实深有体会，一直想找一个契机将这个软件分享给大家，这款笔记软件在网上已经有很多的教程了，所以在这里我主要想分享**框架**这方面给大家，特别对于学生党、准研究生们。通过对生活中的各项事宜进行分类、记录及整理，再加上时不时的检索复习，将该软件用起来，我觉得能够构建属于自己的知识库。
NotionNext博客快速建站教程
qq_52475653的博客
11-30 1420
通过本教程，你已经学会如何使用Vercel云部署NotionNext个人博客。现在，你可以开始使用NotionNext创建你的第一个博客文章，让您专注于创作而非技术细节，并与读者分享你的想法和知识了！后面将会介绍如何自定义博客配置，欢迎持续关注！
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值