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

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当中后,查看“正在使用的分支”和“设置的分支”,两者一致。

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

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

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

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

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

评论

  1. Image
    天青色
    2 年前
    2024-6-04 10:55:39

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

    • Image
      Dongdong
      博主
      天青色
      2 年前
      2024-6-04 11:02:47

      网站内容可以更新了不?

  2. Image
    天青色
    2 年前
    2024-6-04 11:26:42

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

    • Image
      Dongdong
      博主
      天青色
      2 年前
      2024-6-04 11:35:30

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

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

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

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

  3. Image
    天青色
    2 年前
    2024-6-04 12:04:27

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

发送评论 编辑评论


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