VPS本地服务器

前言

建站|VPS裸机安装NotionNext个人博客 | Ywba's Blog

个人博客

https://www.ywba.top/article/375dc6b6-1eaa-4a0f-bbc1-f2149b285b7a

安装步骤

一、NotionNext代码下载

1. 安装Git
💡
git是一个代码托管工具，你可以用它来下载github上的代码。
执行效果

2. 从Github仓库拉取代码

二、安装NodeJS环境

1. 使用git下载nvm源代码
❓
若您的服务器 因为网络限制 无法访问github，可使用国内的gitee下载nvm源码： git clone https://gitee.com/koalakit/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

2. 使用nvm安装Nodejs
💡
题外话： 用 nvm list-remote 命令可查看所有可安装的nodejs版本 用 nvm ls可查看所有已安装到本地的nodejs 版本

3. 安装yarn环境
NodeJS 自带了 NPM（Node Package Manager），他可以用来安装打包编译NotionNext这类基于Webpack打包的项目。不过npm不太好用，这里安装一个npm升级版yarn。

三、运行NotionNext

1. 安装NotionNext依赖的库
如果你没有安装yarn，也可以用 npm install 命令进行安装依赖。

2. 项目编译
每次修改代码，包括修改blog.config.js文件的内容后，都需要重新执行这步骤。

3. 启动项目
执行效果记录

访问项目

关于阿里云服务器安全组 点击展开

阿里云在云服务器ECS→安全组中，手动添加一个安全组，暴露端口3000，授权对象0.0.0.0/0 表示所有ip的人都可以访问这个端口。另外，推荐再添加一个80端口暴露的安全组，便于nginx访问。

• 访问效果，用服务器ip加端口号打开了网页

重要-项目后台运行

方式一：nohup运行

1. 按ctrl+c 退出上面正运行的yarn进程

2. 改用nohup运行
💡
若想要输出日志文件，可执行nohup yarn start > notionnext.log 2>&1 &；
执行结果

如何关闭进程

方式二：使用PM2管理NotionNext

jjdctg.com

https://jjdctg.com/pm2

FAQ: 网站崩溃问题

1. 创建一个脚本start_yarn.sh 在服务器NotionNext文件夹下，脚本的内容如下：

1. 为这个脚本添加可执行的权限

2. 运行启动脚本

3. 运行关闭脚本

关于本地代码配置修改

1.用环境变量修改配置

• NOTION_PAGE_ID等诸多配置支持用环境变量配置。
💡
删除环境变量可用以下命令： unset NOTION_PAGE_ID

• 支持环境变量的配置可参考blog.config.js 文件

2.修改代码

• 如果修改blog.config.js或其他代码文件，需要重新执行 yarn build 才可 生效，

• 您可以在项目根目录的.env.local文件中配置您的环境变量

• 重新编译后需要先关闭旧进程，再用 yarn start 重启服务 。

3.自定义端口

隐藏端口：Nginx反向代理

• 为了隐藏你的3000端口号，用一个nginx就可以，如果你有宝塔面板之类的运维工具可以很方便地一键配置。

• 小白安装nginx
安装成功访问服务器地址 效果：

• 反向代理配置参考
修改相关配置文件 /etc/nginx/conf.d/default.conf





💡
如果访问出错可能是SELinux设置不允许nginx的转发 ，执行 setsebool -P httpd_can_network_connect on 即可修复。
 

VPS部署NotionNext如何自动更新？

因为代码是在自己的服务器上拉取和部署，所以每次都要执行更新代码，编译代码，并重启服务的步骤，建议是创建一个update.sh脚本在服务器上。
示例代码，仅供参考：
这是最简易的自动脚本，当然也可以做成可交互的高级脚本。