跳至主要內容

How to deploy your blog in your server?

LPrincess大约 3 分钟vuepress2.0Blog

😥写一个部署网页的详细步骤,以防我又漏掉或者忘记什么步骤了😭

前提:购买了自己的域名(我是在阿里云)

  • 服务器配制:

    • 首先用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后面会报错,查了资料open in new window知道 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
上次编辑于:
贡献者: L-mj0