ECS七天训练营1----搭建静态网站VuePress

1.下载node.js

wget https://npm.taobao.org/mirrors/node/v14.7.0/node-v14.7.0-linux-x64.tar.xz

2.创建安装目录后解压,查看是否安装从成功

创建Node.js安装⽬录

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

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

sudo tar -xJvf node-v14.7.0-linux-x64.tar.xz  -C /usr/local/lib/nodejs 

使⽤查看node.js版本号命令验证是否解压成功
进⼊⽬录:cd /usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin
执⾏行行:./node -v

3.修改环境变量为以下内容,并重载保存

vim ~/.bash_profile
在 PATH=$PATH:$HOME/bin 后⾯面添加路路径 :/usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin ,结果为:
PATH=$PATH:$HOME/bin:/usr/local/lib/nodejs/node-v14.7.0-linux-x64/bin
退出保存(:wq),然后加载
source ~/.bash_profile

查看是否成功

node -v

显示出版本号即可,v14.7.0

npx -v

显示6.14.7即可

4.安装vuePress

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

5.创建⼀个⽂件夹作为⽬录,初始化项目

mkdir try_blogs
cd try_blogs
npm init -y

ECS七天训练营1----搭建静态网站VuePress

6.设置package.json的脚本配置

vim package.json

修改package.json中的内容如下:

{
  "name": "try_blogs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "docs:dev": "vuepress dev docs",##这里进行修改,此为修改后代码
    "docs:build": "vuepress build docs" ##此为修改后代码
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

ECS七天训练营1----搭建静态网站VuePress
7.在当前⽬录中创建⼀个vue目录并新建md文件

mkdir docs
cd docs
mkdir .vuepress
echo '# Hello VuePress - first blog!' >README.md 

ECS七天训练营1----搭建静态网站VuePress

8.创建config.js配置文件和相关目录

cd .vuepress
echo >config.js
mkdir public

ECS七天训练营1----搭建静态网站VuePress
ECS七天训练营1----搭建静态网站VuePress
9.运行本地服务

一定要在 try_blogs 目录下运行启动命令

vuepress dev docs

ECS七天训练营1----搭建静态网站VuePress
ECS七天训练营1----搭建静态网站VuePress

浏览器中输入 http://ECS公⽹IP:8080

Tips:项目默认是8080端口,如果端口被占,可以通过.vuepress/config.js中port字段值进行修改

module.exports = {
    port: 8081
}
上一篇:CSS 小结笔记之图标字体(IconFont)


下一篇:打造专属云笔记-学习笔记