ECS.Day1笔记

静态网站与云笔记搭建

开通云服务器

• ​ 根据付费方式、地域选择相应实例
• ​ 选择镜像centos7.3 x64
• ​ 设置登录名，登录密码

安装VuePress

设置安全组，开通端口

​ 在安全组开通22(SSH)和8080(访问VuePress)端口

安装Node.js

1. 登录到Linux
2. 下载VuePress安装包：

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

3. 创建Node.js安装目录:

sudomkdir -p /usr/local/lib/nodejs

​ 4.将二进制文件解压到要安装目录:

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

​ 5.使用查看node.js版本号命令验证是否解压成功进入目录：

cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin  执⾏命令：./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.到其他目录下验证

cdnode -v
npm version
npx -v

全局安装

npm config set registry https://registry.npm.taobao.org
npm install -g vuepress

创建一个文件夹作为目录

mkdir try_blogs
cd try_blogs

项目初始化

npm init -y

初始化后会生成一个package.json文件

目录结构

try_blogs

​ docs //在这里写文章，在此目录新建文件夹，在创建md文档

​ README.md //首页

​ .vuepress //配置和组件

​ public //静态文件存放地

​ config.js //配置文件，以后所有配置基本都在这里

​ package.json

配置VuePress

设置package.json的脚本配置

vim package.json

修改scripts中的内容如下：

 "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

创建confifig.js配置⽂件

cd .vuepress
echo >config.js

创建public⽬录

mkdir public

回到try_blogs⽬录，执⾏命令

vuepress dev docs

VuePress中有两个命令:
vuepress dev docs 命令运⾏本地服务，通过访问(http://localhost:8080)即可预览⽹站
vuepress build docs 命令⽤来⽣成静态⽂件 默认情况下，放置在docs/.vuepress/dist⽬录中，也可以在docs/.vuepress/config.js中的dest字段来修改默认存放⽬录。在这⾥将两个命令封装成脚本的⽅式，直接使⽤npm run docs:dev和npm run docs:build即可

阿里云高校计划链接