status
date
slug
summary
type
tags
category
AI 摘要
icon
password
网址
💢
最早用QQ空间,大学时用“校内网”,后来改名为“人人网”,人人网破产后,我的内容都没了。然后新浪博客和微博,再然后是微信公众号,还用过EverNote(印象笔记),后来也不好用。
👉🏼
因此为了自己数据安全,拥有一个自己的博客站点是必要的。但是从零到一搭建网站太麻烦了。现在使用工具,1小時就能完成獨立博客的網站搭建,並使用自己的域名訪問。文章都在notion中記錄和保存,可以自動更新。
 
本文用到的工具:Google、Github、Notion、Versel、Cloudflare
 
詳細教程原作者的連接很詳細
以下是我的快速記錄:

📝 軟件準備

1、首先要有Google賬號及郵箱

註冊之後,作為後續其他軟件的快捷登錄賬號。還需要添加可付款的信用卡,用來購買及續費自己的域名
 

2、註冊GitHub帳號

用Google賬號註冊GitHub,託管網站代碼。https://github.com/
Fork(借鑒\拷貝)notion Next這個項目
 

3、註冊Notion筆記:是一個多端的智能筆記軟件

複製Notion模版
  1. 点击下方链接,打开Notion模板 Notion Blog一个NotionNext搭建的博客https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5
  1. 在右上角点击Duplicate复制模板,将这个博客数据模板复制到自己的笔记空间

获取页面ID

  1. 在Notion笔记中:在页面右上角的菜单栏中,依次点击SharePublishedShare To Web,开启页面分享,获取共享链接
  • 如下图所示,点击右上角 Share ,在弹出窗口中点击 Publish Share to web (点击展开截图)
    • notion image
  1. 复制页面ID
    1. 页面ID在您的共享链接中、域名中间的一串32位字母与数字
      • 如下图所示:
        • notion image
 

4、註冊Vercel

1.免費的自動建站,可以導入github的項目,https://vercel.com/cloudwinds-projects-88a59db9/notion_blog
2,把Notion筆記模版的頁面ID,添加到Vercel的環境變量中
3,自動發佈這個項目,會生成一個vercel域名的網站。
  1. 在代码仓库列表中选择导入NotionNext
    1. notion image
      2.点击导入您的NotionNext项目
      💡
      注意:这里步骤放慢些,不要急着点击页面上的Deploy按钮,先看下方教程。
       

配置页面ID并部署

  1. 点击Environment Variables(环境变量),并添加一个属性名称为NOTION_PAGE_ID值为步骤一获取的页面ID
    1. 例如,我的页面ID是:02ab3b8678004aa69e9e415905ef32a5,则配置如下:
      属性名称 Name
      属性值 Valve
      NOTION_PAGE_ID
      02ab3b8678004aa69e9e415905ef32a5
      notion image
      左侧填写 NOTION_PAGE_ID , 右侧填写 页面ID的值
      填写后要点击右边的Add按钮确认添加
  1. 点击Deploy按钮,静候两分钟等待部署。
    1. notion image
 

5、註冊Cloudflare帳號

Cloudflare提供免費的DNS服務和CDN加速。https://www.cloudflare.com
為了有一個自己的域名,在Cloudflare註冊一個自己喜歡的,比如我的kang.ink域名,每年收費約$20
把這個域名添加到Vercel的“Domains”那裡,並維護Vercel提示要求的如下DNS信息
notion image
 
至此,你就可以訪問自定義的博客地址了:kang.ink

📝 修改網站的主題和配置

1、github項目中,找到
blog.config.js
cloudwindcc

2、根據教程的指引,修改博客主題,添加音樂、智能AI等插件

 

📝 開始寫文章吧

1、在Notion筆記中,進入博客模版,開始寫文章。希望發佈的就把status改成“published”,否則默認為“draft”

 

📝 數據備份

由於博客的數據源都存在Notion中,因此有必要定期數據備份到本地:
1、自動備份,需要程序
2、Notion官方軟件:
 

📎 参考文章

 
💡
這是我新發佈的網站 kang.ink,含義為“康的墨水”,也就是博客和文章的意思。
免费电子图书馆,用Telegram和z-Lib搭建书籍机器人白痴指数:马斯克的7个降成本故事 Elon Musk
Loading...
雲風
雲風
kang.ink
最新发布
无需服务器,Cloudflare搭建翻墙节点
2025-9-4
美股 BNB 财库公司 WINT 因违规遭纳斯达克退市,股价再跌 77% 市值仅剩 300 万美元
2025-9-4
五个开源的移动支付项目对比Hyperswitch、Sphereon Mobile Wallet等
2025-8-26
为什么聪明人总能选对路?揭秘选择算法100讲的秘密武器
2025-8-23
免费开源的ERP和企业记账软件Odoo
2025-8-10
李笑来:如何退出一个坏习惯
2025-7-20
公告
雲染秋空暮色蒼,風梳細柳韻悠長。
心識難尋思君淚,能記前塵望故鄉。
 
微信公共号
notion image
 
个人博客搭建咨询
notion image