参考文章
一、VPS搭建指北
（一）pm2普通搭建
搭建前准备
一台VPS、安装好Git、npm包管理工具（或者可以安装npm版本管理工具nvm，本文使用nvm演示）
1️⃣ 拉取NotionNext源代码
cd 进入需要存放源代码的文件，E.g. cd /var/www/html。通过Git工具克隆源代码 git clone [email protected]:Your_accont/NotionNext.git2️⃣ 打包前准备
3️⃣ 打包并运行
4️⃣ 后台运行
完成第三步骤之后我们发现Blog项目是在我们前台运行，当我们退出交互模式后，运行的项目就会中断。为此我们需要换一种思路，将其改为后台运行，刚刚好pm2库就刚刚好满足我们的需求。
以下补充pm2库的其他命令：
pm2 ls：列出所有正在运行的应用程序
pm2 show [id|name]：查看应用程序详细数据
pm2 list | grep 'Project-name' | wc -l：查看某个项目的运行数量
pm2 stop [id|name]：停止应用程序运行
pm2 delete [id|name]：停止应用程序运行
pm2 monit：打开监控应用程序面板
pm2 start：使用pm2运行项目，例如我们的博客项目就采用pm2 start yarn --name $PM2_PROJECT_NAME -- start -- -p $PORT命令运行
当然了，pm2不仅仅是可以监控前端项目，也可以监控python脚本或者Java。
（二）jenkins自动化部署
搭建前准备
服务器中已安装以下应用：Jenkins及相关插件、npm/nvm，如未安装详见 和
⚠️ 需要注意的是Jenkins和nvm搭配可能对于pm2库运行出现问题，解决办法是使用与npm命令时候进行初始化nvm，以下是「Build Steps」-「执行shell」的参考代码，
NVM_DIR 需要改成实际的路径。二、其他部署方案
更新日期为 2024-06-30
项目除了提供VPS部署方案外，还有Vercel、Netlify、4EverLand、CloudFlarePage和Zeabur五种部署方法。
⚠️ 需要注意，CloudFlarePage和Zeabur这两种部署方法本质上是将Notion笔记转换为静态html文件，所以笔记发生修改之后不会触发更新，需要重新手动部署。
各个部署方式具体步骤请参照以下官网：
评价：
三、Blog核心配置
以下是关键数据的配置：
1️⃣ 首先需要通过
page-id 配置数据源。⚠️ 但是需要注意，Blog数据库 page-id 必须在代码层面进行配置，如blog.config.js文件、.env.local文件或者是运行时的环境变量中进行设置。2️⃣ 其他设置（具体设置详见blog.config.js文件）在『配置中心』中进行通过键值对进行设置，设置完记得勾选「启用」，该页面中配置的属性生效优先级最高。
以下是博客书写和观感建议：
这点也是最重要的，为了方便我们在Notion中书写和在Notion Next博客中展示，以下是实践后的建议：
1️⃣ 每一节之后最好空一行
2️⃣ 防止过多的内容在Notion中编辑会出现卡顿的现象，可以将Notion中编写内容时最小层级的「标题」转化为「折叠标题」，在编辑时候时候展开，编辑完成可将其折叠。因为其在NotionNext博客中的初始状态是折叠状态，我们可以在NotionNext的配置项 中加入以下代码，实现打开页面时所有折叠块展开（该步骤已经在我的NotionNext代码中集成，通过配置项
GLOBAL_JSTOGGLE_EXPAND 进行控制）四、其他配置信息
- 作者:😈Zabanya
- 链接:https://blog.zabanya.space/article/b3be3366-025a-422e-89b9-0b0ad804b6d6
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处
相关文章