How to deploy your blog in your server?
大约 3 分钟
😥写一个部署网页的详细步骤,以防我又漏掉或者忘记什么步骤了😭
前提:购买了自己的域名(我是在阿里云)
服务器配制:
- 首先用termuis打开服务器,address上填上公有ip,ssh端口默认22,用户名填root,密码就是服务器设置的密码,然后connect
- termuis配制完后,就可以进入到服务器里,先下一个宝塔面板
- Linux Ubuntu安装脚本:
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec
注意
安装完成后一定要注意:等它安装完一定不能直接关掉,他会给你面板账户登录信息,一定要截图,备忘录保存下来,用户名,密码等。记录完就可以进入到他给你的面板地址。
进入网站,下载 Nginx,添加站点
域名可以填二级域名也可以填三级域名。比如我这边就填三级域名:blog.lprincess.top
- 创建完站点就可以把网站仓库
git clone
一份到服务器里git clone https//github.com/xxx/xxx.git
这里命令的就是把你放在 git 仓库里的项目 clone 一份到服务器中,在这之前,要先再服务器安装 git ,apt install git-all
,可以执行git --version
查看 git 版本。 - 再下载 nodejs ,
apt install nodejs npm
,再nodejs --version
,一般查看版本是v10.19.0
但是yarn
后面会报错,查了资料知道 ubuntu20 上默认用 apt install 安装的 nodejs 版本是 v10.几官方提供了对应的脚本, 下面的setup_20.x 如果你需要什么版本就修改setup_xx.x- 解决办法:
curl -sL https://deb.nodesource.com/setup_20.x -o /tmp/nodesource_setup.sh bash /tmp/nodesource_setup.sh apt install nodejs node -v
- 安装完nodejs和npm,就可以安装yarn了,
npm install yarn -g
,建立软连接 将yarn命令软链接到全局ln -s /usr/local/nodejs/bin/yarn /usr/local/bin
- 最后
yarn docs:build
,网页就成功部署到服务器上啦 - 现在就差最后一步!打开cloudfare,登录,点开自己的域名,进入到DNS,域名解析
现在查网址ip就是在服务器上啦
- 最后更新blog如果在本地commit和pull,在服务器上也要git pull更新blog。
总结需要安装的:npm,nodejs,yarn(这里版本对应很重要,某一个版本不对应,就无法运行)
我安装可行的其对应版本分别为:
npm -v: 9.8.0
yarn -v:1.22.21
node -v:20.5.1
如果需要重新安装版本:(需要在管理员终端下运行)
npm uninstall yarn -g
npm install -g yarn@1.22.21
npm install -g npm@9.8.0
在git之前,要配ssh key
首先,先检查本地主机是否存在ssh key
cd ~/.ssh
ls
//看是否存在 id_rsa 和 id_rsa.pub文件,如果存在,说明已经有SSH Key
第二步,生成ssh key
ssh-keygen -t rsa -C "(随便填)"
第三步,获取ssh key公钥部分(id_rsa.pub)
cd ~/.ssh
cat id_rsa.pub
复制以上内容,到GitHub账户上添加公钥
SSH Keys
验证是否设置成功:
ssh -T git@github.com
最后将github的项目clone一份到服务器上
git clone git@github.com:username/project.git
进入vuepress文件里,下载yarn
yarn
本地同步到服务器
先在本地解析 markdown 格式的 pages :
yarn docs:build
再到服务器上拉取:
cd www/wwwroot/yuming.xxx/项目名
git pull origin main
yarn docs:build