微信公众号功能：表情包查询，每日表情包推送，京东捡漏优惠群

ECS 7天实践训练营 Day 1

很高兴能和诸位大佬一起参参加EcsECS 7天实践训练营，本人非计算机专业，属于计算机爱好者。希望理解不足之处，大家可以给予帮助。

正常服务器开通购买不做过多赘述。

一．什么是VuePress

VuePress 是一个基于 Vue 的轻量级静态网站生成器，以及为编写技术文档而优化的默认主题。 它是为了满足 Vue 自己的子项目文档的需求而创建的。

VuePress 享用 Vue + webpack 开发环境，在 markdown 中使用 Vue 组件，并通过 Vue 开发自定义主题。VuePress 为每一个由它生成的页面提供预加载的 html，不仅加载速度极佳，同时对 seo 非常友好。一旦页面被加载之后，Vue 就全面接管所有的静态内容，使其变成一个完全的 SPA 应用，其他的页面也会在用户使用导航进入的时候来按需加载。

二．Node.js安装

1.下载Node.js 13.9.0 64位安装包

wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz

2.创建Node.js安装⽬录

sudo mkdir -p /usr/local/lib/nodejs

3.将⼆进制⽂件解压到要安装⽬录

sudo tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs

4.进⼊⽬录：

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

5.执⾏：

./node -v

6.修改环境变量量，使得能在任意⽬目录下执⾏行行node命令

vim ~/.bash_profile

找到 PATH=$PATH:$HOME/bin，在 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

7.到其他⽬录下验证

cd

node -v

npm version

npx -v

⾄此，nodejs安装完毕。

三. 安装 VuePress

1、为加快下载安装速度，采⽤淘宝镜像。

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

npm install -g vuepress

2、创建⼀个⽂件夹作为⽬录

mkdir try_blogs

cd try_blogs

3、项⽬初始化

npm init -y

初始化后会⽣成⼀个package.json⽂件

之后进⼊配置步骤。

• 配置VuePress

1、设置package.json的脚本配置

vim package.json

修改scripts中的内容如下：

"scripts": {

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

"docs:build": "vuepress build docs"

},

2、在当前⽬录中创建⼀个⽂档⽬录

mkdir docs

3、创建.vuepress⽬录

cd docs

mkdir .vuepress

4、新建⼀个md⽂件

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

5、 ​创建config.js配置⽂件

cd .vuepress

echo >config.js

6、创建public⽬录

mkdir public

回到try_blogs⽬录，执⾏命令

vuepress dev docs

通过浏览器打开

http://IP：8080

后续可以通过修改 README.md⽂件修改首页内容。

一.VuePress 中文网

未经允许不得转载：斗图吧 » ECS 7天实践训练营 Day 1