VuePress由以Vue驱动的主题系统的静态网站生成工具和优化后的默认主题组成。在容易上手的同时,VuePress还兼容Markdown语法,因此VuePress很适合用于博客。(使用VuePress需要云服务器)
想要使用VuePress,需要对VuePress进行安装和配置。
1.设置安全组
这一步的目的是开放22和8080端口。22端口令ecs可以使用SSH连接,8080端口用于实现网页浏览。
配置如下:
2.安装Node.js
首先要做的就是连接服务器,我使用的是PuTTy。
使用淘宝镜像可以提高下载速度,所以本文内的镜像源均为淘宝镜像。
在登陆到ECS后,使用下面三行命令下载Node.js 13.9.0 64位安装包并且解压。
wget http://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
./node -v
接下来就是要让Node命令在全目录下执行,需要执行的代码如下:
.vim ~/.bash_profile
找到 PATH=PATH:PATH:PATH:HOME/bin,在PATH=PATH: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
(以下是验证是否其它目录也可以使用,可以自行选择是否使用:
cd
node -v
npm version
npx -v
如果在.vim ~/.bash_profile这一步打开文件是空白的
,我的解决方案是apt install nodejs直接暴力将其安装上,暂时没有想出好的方法。(同理,缺什么就直接暴力使用apt命令安装上去)
3.安装VuePress
输入以下两行命令进行全局安装:
npm config set registry https://registry.npm.taobao.org
npm install -g vuepress
输入以下两行命令,创建⼀个⽂件夹作为VuePress的⽬录:
mkdir try_blogs
cd try_blogs
随后输入以下命令进行项⽬初始化:
npm init -y
4.配置Vuepress
将初始化生成的package.json进行脚本配置:
vim package.json
修改scripts中的内容如下:
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
},
输入以下七行命令在当前⽬录中创建⽂档目录、.vuepress⽬录、md⽂件config.js配置⽂件、创建public⽬录:
mkdir docs
cd docs
mkdir .vuepress
echo ‘# Hello VuePress - first blog!’ >README.md
cd .vuepress
echo >config.js
mkdir public
回到try_blogs⽬录,执⾏命令:
vuepress dev docs
步骤截止到这里,使用公网IP打开的网页应当出现:
Hello VuePress - First blog!
参考博客!