阿里云ECS搭建VuePress静态网站

阿里云ECS搭建VuePress静态网站

1.创建一个阿里云ECS实例

大家都会,没钱整个学生版的也不错。贴个链接自己看吧

2.安装Vuepress

添加安全组

把Vuepress的默认端口添加进安全组。
阿里云ECS搭建VuePress静态网站_第1张图片

下载安装Node.js

ssh 远程登录ESC服务器,
输入 wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz 下载 Node.js
阿里云ECS搭建VuePress静态网站_第2张图片
下载成功后,输入 sudo mkdir -p /usr/local/lib/nodejs 创建目录,然后输入 sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs ,将⼆进制⽂件解压到要安装⽬录。然后输入 cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin 进入目录, ./node -v 查看版本。
在这里插入图片描述

一瞅成功了。修改下环境变量,使得能在任意⽬录下执⾏node命令。
vi /etc/environment
在路径后面添加:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin,保存退出。
更新一哈,source /etc/environment。
然后输入:
node -v
nmp version
npx -v
得到:阿里云ECS搭建VuePress静态网站_第3张图片

至此,Node.js 安装成功。

正式安装 VuePress

npm config set registry https://registry.npm.taobao.org
npm install -g vuepress
使用淘宝镜像下载VuePress,然后创建目录,并进入到目录中:
mkdir try_blogs
cd try_blogs
输入:npm init -y 在目录中初始化项目,生成一个package.json⽂件。

配置VuePress

vim打开package.json,将内容修改为
阿里云ECS搭建VuePress静态网站_第4张图片

创建目录:mkdir docs
进入docs再创建目录:
cd docs
mkdir .vuepress
创建README.md文件:
echo ‘#666666666’ >README.md
创建config.js配置文件:
cd .vuepress
echo >config.js
这些创建结束后,try_blogs目录结构:
阿里云ECS搭建VuePress静态网站_第5张图片
最后回到try_blogs⽬录,执⾏命令:
vuepress dev docs
用浏览器输入网址:http://公网IP:8080 预览
阿里云ECS搭建VuePress静态网站_第6张图片

你可能感兴趣的:(阿里云ECS搭建VuePress静态网站)