ECS七天训练营(第一天)

VuePress由以Vue驱动的主题系统的静态网站生成工具和优化后的默认主题组成。在容易上手的同时，VuePress还兼容Markdown语法，因此VuePress很适合用于博客。（使用VuePress需要云服务器）

想要使用VuePress，需要对VuePress进行安装和配置。

1.设置安全组
这一步的目的是开放22和8080端口。22端口令ecs可以使用SSH连接，8080端口用于实现网页浏览。
配置如下：

 

 

 

2.安装Node.js
首先要做的就是连接服务器，我使用的是PuTTy。
使用淘宝镜像可以提高下载速度，所以本文内的镜像源均为淘宝镜像。
在登陆到ECS后，使用下面三行命令下载Node.js 13.9.0 64位安装包并且解压。

wget http://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz
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命令在全目录下执行，需要执行的代码如下:

.vim ~/.bash_profile

找到 PATH=PATH:PATH:PATH:HOME/bin，在PATH=PATH:PATH:PATH:HOME/bin 后⾯添加路径

:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

结果为：

 PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin 

保存修改，然后重载⼀下：

source ~/.bash_profile

(以下是验证是否其它目录也可以使用，可以自行选择是否使用：

cd
node -v
npm version
npx -v

如果在.vim ~/.bash_profile这一步打开文件是空白的

，我的解决方案是apt install nodejs直接暴力将其安装上，暂时没有想出好的方法。（同理，缺什么就直接暴力使用apt命令安装上去）

3.安装VuePress

输入以下两行命令进行全局安装：

npm config set registry https://registry.npm.taobao.org

npm install -g vuepress

输入以下两行命令，创建⼀个⽂件夹作为VuePress的⽬录：

mkdir try_blogs

cd try_blogs

随后输入以下命令进行项⽬初始化：

npm init -y

4.配置Vuepress

将初始化生成的package.json进行脚本配置：

vim package.json

修改scripts中的内容如下：

 "scripts": {
 "docs:dev": "vuepress dev docs",
 "docs:build": "vuepress build docs"
 },

 

输入以下七行命令在当前⽬录中创建⽂档目录、.vuepress⽬录、md⽂件config.js配置⽂件、创建public⽬录：

mkdir docs
cd docs
mkdir .vuepress
echo ‘# Hello VuePress - first blog!’ >README.md
cd .vuepress
echo >config.js
mkdir public

回到try_blogs⽬录，执⾏命令：

vuepress dev docs

 

步骤截止到这里，使用公网IP打开的网页应当出现：

Hello VuePress - First blog!

参考博客！