第一天筆記

1.更換作業系統為centos 8.2，先停止執行個體，再選擇更換作業系統即可。

2.安裝VuePress

設定安全組：

添加22和8080端口，點選快速建立規則或添加安全組規則，授權對象0.0.0.0/0（表示所有ip均可通路）

安裝node.js：

先連接配接ecs執行個體，我用windows主機cmd指令行通過ssh連接配接，出現了一個警告，沒有連接配接成功。

後來用putty連接配接，第一次連接配接它會自動配置好。

然後下載下傳安裝包：

wget

https://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

檢視nodejs版本：

./node -v

修改環境變量，使得能在任何目錄下執行node指令：

vim ~/.bash_profile

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

儲存之後進行重載：

source ~/.bash_profile

安裝VuePress：

換為淘寶鏡像：

npm config set registry

https://registry.npm.taobao.org

npm install -g vuepre

建立一個檔案夾作為目錄：

mkdir try_blogs

cd try_blogs

項目初始化：

npm init -y

配置VuePress：

vim package.json

"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

建立config.js配置⽂件：

cd .vuepress

echo >config.js

建立public⽬錄：

mkdir public

回到try_blogs⽬錄：

vuepress dev docs

首頁配置：

home: true

heroText: Vue技術部落格初試

tagline: 項⽬結構，關注讨論，每⽇分享

actionText: 每⽇更新 →→

actionLink: /testlink/

features:

• title: 項⽬結構

  details: 以 Markdown 為中⼼的項⽬結構，以最少的配置幫助你專注于寫作。

• title: 關注讨論

  details: 享受 Vue + webpack 的開發體驗，在 Markdown 中使⽤ Vue 元件，同

時可以使⽤ Vue 來開發⾃定義主題。

• title: 每⽇分享

  details: VuePress 為每個⻚⾯預渲染⽣成靜态的 HTML，同時在⻚⾯被加載的

時候，将作為 SPA 運⾏。

footer: LearnVueonECS Licensed | Copyright © 2020-present

直接通過：

http://

主機ip：8080通路。