阿里雲ECS搭建VuePress

vuepress需要在node.js環境下執行，所以先安裝node.js

wget

2.建立node.js目錄

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

3.把node.js解壓到該目錄

sudo tar -xjvf node-v13.9.0-linux-x64.tar.xz  -c /usr/local/lib/nodejs

4.刪除node.js壓縮包

rm node-v13.9.0-linux-x64.tar.xz

5.檢視是否安裝成功

cd /usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

./node -v

6.我們不可能每次都在該目錄下面執行node.js，我們可以通過配置環境變數，這樣可以在任何目錄下面執行。

vim ~/.bash_proﬁle

path=$path:$home/bin:/usr/local/lib/nodejs/node-v13.9.0-linux-x64/bin

過載：

source ~/.bash_proﬁle

7.在其他位置測試

1.node -v 2.npm version 3.npx -v

npm conﬁg set registry

npm install -g vuepress

2.建立資料夾並進入

mkdir try_blogs cd try_blogs

3.初始化檔案

npm init -y

目錄結構：

1.設定package.json的指令碼配置 (用於啟動）

vim package.json

修改scripts中的內容如下：

"scripts"

:,

2.在當前⽬錄中建立⼀個⽂檔⽬錄

mkdir docs

3.進入docs建立.vuepress⽬錄（存放靜態資源的）

cd docs mkdir .vuepress

4.新建⼀個md⽂件（首頁）

echo '# hello vuepress - ﬁrst blog!' >readme.md

5.建立conﬁg.js配置⽂件

1.cd .vuepress 
2.echo >conﬁg.js

6.建立public⽬錄

mkdir public

7.完成後的⼯作⽬錄如下：

8.回到try_blogs⽬錄，執⾏命令

vuepress dev docs

注：vuepress中有兩個命令: vuepress dev docs 命令運⾏本地服務，通過訪問(http://localhost:8080)即可預覽⽹站 vuepress build docs 命令⽤來⽣成靜態⽂件，預設情況下，放置在 docs/.vuepress/dist⽬錄中，當然你也可以在docs/.vuepress/conﬁg.js中的dest欄位來修改預設存放⽬錄。在這⾥將兩個命令封裝成指令碼的⽅式，直接使⽤npm run docs:dev和npm run docs:build即可。9. http://ecs公⽹ip:8080訪問

可能修改會出現問題：然後重新執行vuepress dev docs命令，可能會出現找不到，去把環境變數source ~/.bash_proﬁle過載一下

1.cd try_blogs/docs目錄下面

修改readme.md內容即可

--- home :true heroimage : /hero.png actiontext : 快速上手 → actionlink : /zh/guide/ features:- title : 簡潔至上 details : 以 markdown 為中心的專案結構，以最少的配置幫助你專注於寫作。 -title : vue驅動 details : 享受 vue + webpack 的開發體驗，在 markdown 中使用 vue 元件，同時可以使用 vue 來開發自定義主題。 -title : 高效能 details : vuepress 為每個頁面預渲染生成靜態的 html，同時在頁面被載入的時候，將作為 spa 執行。 footer

---

阿里雲ECS搭建VuePress

阿里雲ecs搭建wordpress

阿里雲ECS搭建svn服務

阿里雲ECS伺服器搭建

阿里雲ECS搭建VuePress

阿里雲ecs搭建wordpress

阿里雲ECS搭建svn服務

阿里雲ECS伺服器搭建

相關推薦