zmy10032 の Blog
zmy10032
Article
8
Category
3
Tags
3
技术分享
用NotionNext搭建个人博客
Post on: 2024-9-9
Last edited: 2024-9-13
Views
建站
NotionNext
type
status
date
slug
summary
tags
category
icon
password
🥳
NotionNext是一个完全开源免费的建站脚本,
将您的Notion笔记实时渲染成博客。

建站步骤

注册账号

需要github、vercel、notion账号

fork github仓库

notion image

复制Notion模板

Notion 官方模板
notion image

部署vercel

首先将notion项目公开,并把notion链接复制到剪切板
notion image
复制这一部分:
notion image
在vercel中新建一个项目,导入github仓库中的项目
notion image
notion image
将复制的内容添加至环境变量,按下Deploy
notion image
大概2min后撒花🎉🎉🎉🎉🎉🎉

绑定域名

添加一个域名,会有两个警告(A, CNAME)
notion image
notion image
去域名解析商那儿解析域名即可
注意: CNAME的Value最后的点要去掉!
notion image
然后就可以通过域名访问博客了😆

修改网站风格

github仓库

notion image
修改blog.config.js内的代码,commit后vercel会自动更新网站,大概需要两分钟

Notion笔记

修改本地notion后,网站也会自动更新,也需要2min左右

避雷

网站上的位图在手机上可能不清晰,建议上传矢量图

📎 参考文章

  • Notion帮助手册
 
💡
有关Notion安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
  • Author:zmy10032
  • URL:zmy10032.top/article/how-to-build-notionnext-blog
  • Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
草稿计算机组成原理
Loading...
zmy10032
zmy10032
摆蓝
Article
8
Category
3
Tags
3
Latest posts
草稿
草稿
2025-3-12
计算机组成原理
计算机组成原理
2024-10-19
fif口语改成绩(直接改请求)
fif口语改成绩(直接改请求)
2024-10-13
深度优先搜索
深度优先搜索
2024-10-8
《离散数学2》学习笔记
《离散数学2》学习笔记
2024-9-25
数据结构
数据结构
2024-9-17
Announcement
欢迎来到这里!
2025 zmy10032.

zmy10032 の Blog | 摆蓝

Powered by NotionNext 4.7.0.