047 一种更新NotionNext版本的方法
本文最后更新于 267 天前,其中的信息可能已经有所发展或是发生改变。

NotionNext是tangly1024开发的一款免费开源的网站生成工具,能够将Notion笔记时时渲染成静态博客网站。使用这种搭建网站方式不需要服务器、域名,只要笔记就能够搭建独立的个人博客网站。本网站便是以这种方式建立的,包含Notion + NotionNext + Vercel三个部分。更详细的内容见tangly1024的文章,https://tangly1024.com/article/notion-next

虽然项目已经很成熟了,但是作者仍然会对使用过程中出现的bug、新特性等等进行修补并且更新版本。notionnext有多重部署方式,作者的网站对github fork部署方式提供了两种更新方法。

  1. 删除github仓库,重新部署

  2. 使用git合并代码。

详细内容见

但是呢,这两种方法对我等小白来说都有所缺点:重新部署的话,费劲;使用git合并代码对于大多数用户来说,还需要学习一下git。鉴于此,本人提出了一种简单的折中方法,仅仅使用浏览器,通过四步能够快速更新NotionNext版本****。

第一步,github仓库 新建分支

这一步的目的是在github当中,建立一个新的分支。而这个分支的源代码还是来自于tangly1024的main分支

047 一种更新NotionNext版本的方法

047 一种更新NotionNext版本的方法

第二步,github仓库,修改新建分支中的配置文件

047 一种更新NotionNext版本的方法

选择新建立的分支,按照第一次配置blog.config.js方法修改配置文件(以及其他的修改文件,如主题文件)。当然也可以直接把之前的配置文件复制后粘贴上去。如果不知道修改了啥,看你上一个分支的commit,那里面会写你修改了什么东西。

github部分的内容就完成了,建立了一个新分支,然后修改了配置文件。

第三步,vercel项目,更换分支名

这部分更加简单,更改一下网站的分支名称

047 一种更新NotionNext版本的方法

进入项目当中,选择设置——git,更改分支名称。

第四步,vercel,重新部署并且推送

进入到项目中,看看正在使用的分支和已经更改的分支。所以接下来的任务就是把更改的分支变成正在使用的分支。

4.1 进入到Project(非操作)”)4.1 进入到Project(非操作)

047 一种更新NotionNext版本的方法

这一步是认识现在的分支情况,判断正在使用的分支和更改的分支各自是哪个。

4.2 进入Deployment,观察内容(非操作)”)4.2 进入Deployment,观察内容(非操作)

进入其中之后,要先观察一下这里面的内容

047 一种更新NotionNext版本的方法

在这其中有三个非常重要的内容

  1. 分支类型
  • Preview,预览分支,只是预览,但是不能够在主页现实
  • Production,生产分支,具体在首页展示的样子

  1. 关键词,Current,现在正在使用的生产分支。
  2. 分支名称,每一个部署都有一个分支名称。

4.3 进入Deployment,选择Promoto to Production”)4.3 进入Deployment,选择Promoto to Production

所以接下来的工作便是把预览分支变成生产性分支,并且让后方出现关键词Current

047 一种更新NotionNext版本的方法

即在此页面,选择Promote to Production,将新建立的分支名称变成Production分支。

第五步,vercel,观察结果,判断是否完成”)第五步,vercel,观察结果,判断是否完成

5.1 在Deployment处观察状态”)5.1 在Deployment处观察状态

047 一种更新NotionNext版本的方法

在Deployment当中,发现分支“20230312”重新构建,并且状态变成了“Production(Current)”,说明操作完成

5.2 在Project当中观察状态”)5.2 在Project当中观察状态

047 一种更新NotionNext版本的方法

进入Project当中后,查看“正在使用的分支”和“设置的分支”,两者一致。

后面点击网址,最终确认是否完成更新。

好了,教程结束。很短的时间内就能够完成上述全部操作。如果有问题的话,请发送邮件到 ddw2019@foxmail.com

感谢UU Land博客的作者,其2023.03.28使用这种方法后提供了反馈(为什么前面三步设置完成后,网站状态还是没有更改完成?),让我补全了第四和第五个步骤。

作者:Dongdong
链接:http://ddw2019.com/047
声明: 本博客所有文章除特别声明外,均采用CC BY-NC-SA 4.0协议,转载请注明文章地址。

如果观众姥爷们觉得冬冬的博客还不错,可以订阅赏杯奶茶让我继续撰写下去呦 (ฅ´ω`ฅ)

评论

  1. 天青色
    7 月前
    2024-6-04 10:55:39

    大佬,我在5.1步骤时没有出现新建的分支,怎么办

    • Dongdong
      博主
      天青色
      7 月前
      2024-6-04 11:02:47

      网站内容可以更新了不?

  2. 天青色
    7 月前
    2024-6-04 11:26:42

    更新了,还有第二个步骤是把新建分支中的blog.config.js里面的代码改为原始代码吗?还是改成我自己修改后的代码?可如果是第二种情况,新建分支中的blog.config.js里的代码就是我自己修改后的代码,不用修改啊。

    • Dongdong
      博主
      天青色
      7 月前
      2024-6-04 11:35:30

      进行这个操作的目的是为了把Notionnext升级到新的版本

      由于拉取的是新代码,新代码中是tangly1024的设置。这里要你的个性化设置写进来(如主题,NotionID等,文章排序方式等)给改了呀。

      这就是为什么第二步要进行修改(因为之前blog.config.js作者修改过一些内容,所以我直接复制粘贴的出了点问题)

      不过这里面有些内容(如NotionID可以用环境变量配置 https://docs.tangly1024.com/article/vercel-deploy-notion-next

  3. 天青色
    7 月前
    2024-6-04 12:04:27

    感谢您能回复我,已经更新成功了,原来是我创建分支的时候拉取的是我自己的设置,再次感谢您!

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇