开发者学堂课程【场景实践 - 新手玩转云计算 - 搭建自己专属的静态网站与云笔记：安装 VuePress 】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/458/detail/5641
安装 VuePress 内容介绍
内容介绍
一、设置安全组
二、安装 Node.js
三、安装 VuePress
一、 设置安全组
1、进入本实例安全组
可以看到已有的安全组规则，但是现在需要能远程通过SSH去登陆到这台ECS，所以需要去开放22端口。VuePress 默认是采用8080端口来访问的，所以也需要添加8080端口。这里有两种方式，首先，第一个这里有添加安全组规则和快速创建规则这两种都可以，都尝试一下。点击快速创建规则，这里有需要的SSH22端口，授权对象填为0.0.0.0/0，允许所有的人都来访问，权限比较大。在真正的使用当中，需要把这个权限缩小到最小的范围，来提高安全性，并点击确定，可以看到22端口已经设置完了。
接下来要设置8080端口，可以试一下添加安全组规则，授权对象也是0.0.0.0/0,点击确定。这两个端口就设置完毕了。
2、配置文件中的设置安全组
（1) 进入本实例安全组
（2) 点击配置规则
3、 右上角快速创建规则
4、根据框内内容输入，并点击确定：
SSH(22)
授权对象为：0.0.0.0/0
快速创建规则 添加安全组规则
5、此外，点击“添加安全组规则”，添加8080端口，授权对象为:0.0.0.0/0，并确认。
二、 安装 Node.js
教程以 Node.js 13.9.0 64位为例。(VuePress.支持使用 Yakn 和 npm.来安装，Node.js 版本需要>=8才可以。这里我们使用 npm。)
1、远程登录到 ECS 服务器，本实验 ECS 服务器为 Linux 操作系统，因此远程登录ECS
实例的详细步骤，请参考云中沙箱帮助文档远程连接 Linux 系统。链接地址为∶
https://edu.aliyun.com/lab/help?spm=5176.11105641.0.0.KD1Pry&menuld=2-0&docName=doc-remote-connect
2、登录到 ECS 之后，执行如下命令，下载 Node.js 13.9.064位安装包
wget https:l/npm.taobao.org/mirrors/nodelv13.9.0/node-v13.9.0-linux-x64.tar.xz
3、创建 Node.js 安装目录
sudo mkdir.-plusr/local/lib/nodejs.
4、将二进制文件解压到要安装目录
sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz-lusr/locallib/
nodejs.
5、使用查看 node.js 版本号命令验证是否解压成功
进入目录: cd lusrlocal/lib/nodejs/node-v13.9.0-linux-x64/bin
执行: ./node -v
结果如下:
[[root@iz2ze6qhf67biatdw5sho6Z bin]# ./node -vv13.9.e
6、修改环境变量，使得能在任意目录下执行node命令
vim ~/.bash..profile
找到PATH=$PATH:$HOME/bin，在 PATH=$PATH: $HOME/bin后面添加路径:
/usx/local/1ib/nodejis/node-v13.9.0-1inux-x64/bin，结果为∶
PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v13.9.0-1inux-x64/bin
保存修改，然后重载一下: source ~/.bash.profile
7、到其他目录下验证
三、 安装 VuePress
为了加快下载速度，同样采用了淘宝镜像，通过输入 npm install -g vuepress的命令，就能安装。
1、VuePress 的安装目录结构
try..bl.ogs.
一docs //以后要在这里面写文章，直接在此文件夹下新建文件夹，然后建md文档就行，链接会自动生成
—README.md // 这个将会是我们以后的首页
—vuepress //这个里面会存放一些配置和组件
—public //静态文件存放地
—config.js //配置文件，以后的所有配置基本都在这里写
—package.json定义这个项目所需要的各种模块，以及相关的配置信息。
Vuepress安装成功会有 added 1150 packages from 544 contributors in 50.059s
界面清理
[ root@iz2ze4ty14huuygfahb73wZ ~]# mkdir try_ blogs
[ root@iz2ze4ty14huuygfahb73wZ ~]# ls//创建try_ blogs的目录
node-v13.9.0-1inux-x64.tar.xz .try_ blogs
[root@iZ2ze4ty14huuygfahb73wZ ~]# cd try_ blogs//进入到这个目录里去
[ root@iZ2ze4ty14huuygfahb73wZ try_ blogs]# npm init -y并进行项目初始化，
Wrote to /root/try_ blogs/package. json:
{
"name": "try_ blogs",
"version": "1.0.0",
'description": " ",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [ ] ,
"author": " “，
"license": "ISC"
[ root@iz2ze4ty14huuygfahb73wZ try_ blogs]#
package.j son
[ root@iz2ze4ty14huuygfahb73wZ try_ blogs]# vi package.json// 查看内容
{
' name": "try_ blogs" ,
"version": "1.0.0",
"description":””,
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [ ],
"author":””,
"license": "ISC"
}
原始的 package.json 文件内容，相关模块，基本配置
