基于 Notion + CloudFlare + 域名搭建博客(详细图文教程)

最新推荐文章于 2025-03-13 21:51:29 发布

泰瑞_

最新推荐文章于 2025-03-13 21:51:29 发布

阅读量4.8k

点赞数 3

分类专栏：软件研发高效与创新文章标签：搭建博客 notion

本文链接：https://blog.csdn.net/terrychinaz/article/details/112425014

版权

假如我们拥有一个 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.so "）

3. 在 Notion 创建博客首页，并且获取可访问的链接 https://www.notion.so/hello-world-6f9db3734f914e6b8b247142b3dbac14

4.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

泰瑞_

关注关注

3
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

使用cloudflare搭建个人博客网站实践

Brisbane的博客

07-17

2844

使用cloudflare搭建个人博客网站首先配置好基本的环境，建议使用LNMP工具建立基本的环境。按照上面的教程可以基本完成采用http网站的初步建立，但是对于https的支持上面说的并不好，因此需要进一步的改进，要自己配置https其实非常的麻烦，我自己配置了很多次，找了很多网站还要教程感觉都会有或多或少的问题，最后个人推荐Let encrypt的官方工具，相对是比较方便的，安全性还需要后续在测试，但是对于建立https的网站基本是没有的。基本就是按照官方的教程就可以了，我这里在LNMP中选用的n

使用Cloudflare和notion搭建自己的博客

ximikang的博客

09-16

1023

欢迎访问我的个人博客ximikang.icu 使用Cloudflare和notion搭建自己的博客使用过Nation的小伙伴一定在某个时刻冒出过这样子的想法:这个笔记应用这么好用,而且是基于Web端开发的,那为什么不可以用他来作为我自己的博客呢?这样我是不是可以用记笔记的方式来快速的实现和维护自己的博客了呢? 我搭建的个人博客，欢迎大家访问。https://notion.ximikang.icu/ 购买一个域名并将域名转移到Cloudflare 首先我们需要将域名的域名服务器设置为 Cloudfla.

3 条评论您还未登录，请先登录后发表或查看评论

使用Notion搭建个人博客

時光的博客

12-18

1582

这个模版是一个表格，表格的每一行是一篇博客，我们可以在表格上面进行编辑，type- Post：博客，Menu: 菜单， SubMenu: 子菜单， Page：菜单（归档，留言，友链等），Notice：公告status- Published: 已发布，Invisible：不可见，Draft：草稿title- 具体的博客内容，点击Open即可打开编辑slug- 链接后缀，不填就是默认的notion的随机字符串，可读性不好，建议填写模板修改后需在Vercel上重新部署方可生效。

独立开发记录：使用Trae和Cloudflare快速搭建了自己的个人博客

最新发布

qq_41807261的博客

03-13

1060

Trae的智能代码生成功能颠覆了传统开发模式，通过自然语言指令快速搭建响应式框架，将原本需要数天的手动编码压缩至几小时。Cloudflare的全球CDN与自动化流水线构建了无缝部署生态，从代码提交到全球节点分发仅需几分钟，这种“开发即上线”的流畅感，让我更专注于内容创作而非工程细节。Trae免费授权与Cloudflare免费套餐的组合，打破了“专业开发需高投入”的固有认知。创作的本质是开发者思维的外化。它不仅是代码与文字的集合，更是技术认知、创作热情与工具智慧的结晶。

Notion + CloudFlare + 域名搭建网站

sherlockmj的博客

09-13

1650

已进入cloudflare，如果你没有使用cloudflare他会让你在你购买域名的机构做修改。按照cloudflare官方指引来就可以。或者直接在下方输入你的域名和notionurl再点击“COPY THE CODE”，配置文件会自动生成。前方添加你的域名或子域名（这里以ajiang.online为例）目标填写为notion.so。添加你的域名之后选择刚才复制的worker。在worker右边选择“添加路由”保存后就可以正常查看了。

搭建自己的博客-NotionWeb

Doubletree.lin的博客

03-23

2163

技术改变生活-搭建自己的博客-NotionWeb

Notion笔记搭建博客网站 - NotionNext

划下句点

05-16

4193

NotionNext是什么？ NotionNext是我在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站，从而专注于写作、而不需要操心网站的维护。它将您的Notion笔记渲染成静态的博客页、并托管在Vercel云服务中。与Hexo静态博客相比较不同的是，您无需每次写好的文章都要推送到Github，编写与发布只在您的Notion笔记中完成。依托于Notion强大的编辑功能，您可以随时随地撰写文章、记录你的创意与灵感，笔记会被自动

使用Cloudflare为Notion公开页面自定义域名

Jimmy Huang's Blog

05-01

3476

使用Cloudflare为Notion公开页面自定义域名前言源文章地址 https://jimmyhjh.com/Cloudflare-Notion-68e4a30fc5ef475881436ed6c9cc1fe7 为了notion的自定义域名查了很多文章，方法就那一套，用的cloudflare，但是很多文章写的内容不够详细，特别是 change your nameservers 的细节很多没有讲到过，遂记录下自己配置的过程零、share你的Notion页面找到你需要分享的页面。点击右上角的Shar

基于NextJS + Notion API 实现的静态博客系统，部署在 Vercel 上的静态博客系统源代码

09-13

基于NextJS + Notion API 实现的静态博客系统，部署在 Vercel 上的静态博客系统源代码。为Notion和所有创作者设计。快速开发需要安装Nodejs环境 yarn # 安装依赖 yarn run dev # 本地开发 yarn run build # 本地...

搭建博客网站最简单的方式：Notion + Vercel实现个人博客搭建

weixin_39514020的博客

01-17

2017

现在这个页面就是我们博客网站的主页面，我们需要将页面与我们的项目配置进行绑定，也就是将页面的PageId填入到步骤1的配置文件当中去。如果你有自己写博客的习惯，需要一个网站来展示自己的博客，同时，你又不想要进行复杂的开发工作，那么本篇文章将教给你一个最简单的博客搭建方式，仅需要一些配置修改即可以搭建好你的个人博客网站。项目部署成功后，可以在我们的Dashboard页面上查看到我们的项目，在我们绑定自己的域名之前，使用的是Vercel给我们的默认域名，我们可以进入项目，购买并且绑定我们自己的域名。

notion搭建博客方法一：notion简单操作说明

aosky的专栏

05-06

4583

简介 notion搭建博客的方法有很多种，今天介绍最基础的、原汁原味的方法。步骤注册一个notion账号，使用邮箱就可以很快注册，免费账号除了附件大小、共享用户数等有部分限制其他基本都不影响使用。新建一个Page，输入 / 然后table - Inline，或者打开notion博客模板复制模板即可。修改table里面的properties根据自己的写作习惯进行修改。对于有常用写作规范的也可以设置templates。博文的展现形式可以列表、表格等，有图片的也可以设置为画廊

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，然

notion搭建博客方法二：nextjs-notion-starter-kit搭建博客教程

aosky的专栏

06-09

1819

说明 notion搭建博客的方法很多，今天介绍一个Notion+Vercel+Next.js搭建博客的方法，作者的Github。演示演示地址: Sky’s Blog 搭建方法首先注册一个GitHub账号。注册一个Notion账号，创建一个页面，选择右上角Share，选择Share to web，选择Copy link，找到此页面的PageID，就是下图中Blog后面的一串字符dd7771e27af143dbacbc90223337a142。打开此仓库 Fork一份，根据自己的情况修改

使用 Cloudflare + Hexo 搭建免费静态博客

LinWw_的博客

11-07

1077

拥有一个属于自己的博客不管是分享知识、展示个人还是发展副业都是绝佳方式。与传统的博客平台相比，静态博客不仅轻量、安全，而且可以完全掌控内容的呈现方式。

不需要服务器，免费使用Cloudflare Workers搭建个人博客手把手教程

杰森写代码

09-23

8056

大家好啊Cloudflare 被人称为“大善人”，原因是 Free 账号提供了很多非常实用的功能，比如之前几期分享的都是白嫖的 Free 账号每日免费 10 万次请求，对于大多数人来说 10 万次/日已经足够了。

Astro + Cloudflare Pages 快速搭建个人博客

黑洞极客的博客

08-15

2004

最近我搭建完了我的个人网站，很多人问是怎么做的，今天就来写一篇教程吧。全部干货，看完绝对能成功搭建自己的网站！

用「Github」和「Cloudflare」自建博客

阿不的博客

01-16

2598

到此为止，基本能满足我的需求了。最后放一张平时写文章时的图：我通常使用VSCode编写文章，实时预览Markdown格式非常方便。为了让图片在VSCode和网页上都能正常显示，我在项目的根目录下创建了一个名为imgs的软链接，指向。这是因为Hugo在编译时会自动将static目录下的文件复制到网站的根目录下，所以使用绝对路径/imgs/可以在不同预览方式下找到文件。我还创建了一个名为public的软链接，指向我的仓库。当我完成文章的编写并使用Hugo进行编译时，它会自动将输出文件复制到public。

基于NotionNext的个人网站|博客搭建与部署实例教程

C_JackForme的博客

07-09

2861

📕Notion是一个多功能的笔记软件，其功能具有极高的可玩性（可以在页面中加入代码、视频、链接...简直就是博客神器），UI设计人性化，支持用户进行自编辑与根据官方API进行二次开发，大家可以先进入Notion的官网进行了解（由于作者之前做笔记都是使用幕布，现在使用Notion实在是越级的体验🤦‍），本文介绍的NotionNext就是基于NotionAPI开发的开源项目。

cloudflare免费证书_如何使用免费服务搭建一个博客

weixin_39903477的博客

12-01

491

如果你只想搭建一个博客，那么你很可能不需要一个服务器，而且会更容易些如果你需要在个人服务器上部署，有可能会经历以下步骤:配置反向代理，你需要了解 nginx 或者 traefik 的配置配置 https，使用 lets encrypt 生成证书使用 cron 定期更新证书手动部署：需要每次部署都需要登录服务器自动部署：结合 github/gitlab 配置 CI/CD如果自动部署，有可能使用到 d...