阿里云高校计划Day1笔记
静态网站与云笔记搭建
开通云服务器
- 根据付费方式、地域选择相应实例
- 选择镜像centos7.3 x64
- 设置登录名,登录密码
安装VuePress
设置安全组,开通端口
在安全组开通22(SSH)和8080(访问VuePress)端口
安装Node.js
- 登录到Linux
- 下载VuePress安装包:
wgethttps://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz
- 创建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即可