另辟蹊径,利用宝塔快速搭建一个VuePress博客

另辟蹊径,利用宝塔快速搭建一个VuePress博客

安装宝塔

连接VPS后输入命令

1
2
3
4
Ubuntu/Deepin:
wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.sh
Centos:
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

安装过程中会提示是否安装到默认目录 /www ,这里俺建议选择y,后面方便统一使用。

登录宝塔Web端

第一次登录时宝塔会询问是否安装LNMP或者LAMP,如果你只想使用Hexo,只需要安装Nginx即可。

安装完成后,点击左侧网站,选择添加站点并输入你准备好的域名,然后提交。

提交后进入网站目录,删除掉默认生成的四个文件

点击左侧软件管理,在第二页里面有PM2管理器,安装后即自动配置好Vue所需要的Node.js环境。
注意:在Centos上测试时发现PM2管理器安装好后需要重启VPS才能配置好path路径。

安装VuePress

1
npm install -g vuepress

全局安装完成后,再输入

1
cd /www/wwwroot/miaonie.ga

其中,/www/wwwroot是第一步中提到的宝塔默认安装路径,/miaonie.ga则是第二步输入的域名,这里应该替换成你准备好的域名。

1
2
wget https://raw.githubusercontent.com/mhsl/vuepress/master/VuePressInstall.sh 
bash VuePressInstall.sh

构建静态网站
输入vuepress build docs


稍等片刻,即可看到success的字样,此时Vuepress已经构建成功。

回到宝塔Web端


点击左侧网站-对应站点的设置-网站目录-网站目录里选择/docs/.vuepress/dist-点击保存,最后访问 http://miaonie.ga 即可看到运行结果。
enter image description here