第一天笔记
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
安装VuePress:
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访问。