第一天笔记

1.更换操作系统为centos 8.2，先停止实例，再选择更换操作系统即可。

2.安装VuePress

设置安全组：

添加22和8080端口，点击快速创建规则或添加安全组规则，授权对象0.0.0.0/0（表示所有ip均可访问）

安装node.js：

先连接ecs实例，我用windows主机cmd命令行通过ssh连接，出现了一个警告，没有连接成功。

后来用putty连接，第一次连接它会自动配置好。

然后下载安装包：

wget

https://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

查看nodejs版本：

./node -v

修改环境变量，使得能在任何目录下执行node命令：

vim ~/.bash_profile

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

保存之后进行重载：

source ~/.bash_profile

安装VuePress：

换为淘宝镜像：

npm config set registry

https://registry.npm.taobao.org

npm install -g vuepre

创建一个文件夹作为目录：

mkdir try_blogs

cd try_blogs

项目初始化：

npm init -y

配置VuePress：

vim package.json

"scripts": {

"docs:dev": "vuepress dev docs",

"docs:build": "vuepress build docs"

},

创建文档目录：

mkdir docs

创建.vuepress⽬录：

cd docs

mkdir .vuepress

新建一个md文件：

echo '# Hello VuePress - first blog!' >README.md

创建config.js配置⽂件：

cd .vuepress

echo >config.js

创建public⽬录：

mkdir public

回到try_blogs⽬录：

vuepress dev docs

首页配置：

home: true

heroText: Vue技术博客初试

tagline: 项⽬结构，关注讨论，每⽇分享

actionText: 每⽇更新 →→

actionLink: /testlink/

features:

• title: 项⽬结构

  details: 以 Markdown 为中⼼的项⽬结构，以最少的配置帮助你专注于写作。

• title: 关注讨论

  details: 享受 Vue + webpack 的开发体验，在 Markdown 中使⽤ Vue 组件，同

时可以使⽤ Vue 来开发⾃定义主题。

• title: 每⽇分享

  details: VuePress 为每个⻚⾯预渲染⽣成静态的 HTML，同时在⻚⾯被加载的

时候，将作为 SPA 运⾏。

footer: LearnVueonECS Licensed | Copyright © 2020-present

直接通过：

http://

主机ip：8080访问。