ECS訓練營Day1—基於阿里雲ECS、VuePress搭建靜態網站
一、概述
VuePress是2018年由尤雨溪釋出的一個全新的基於Vue的靜態網站生成器,它是一個非常輕量級的靜態網站生成器。VuePress主要用於生成技術文件,其類似於Gitbook,我們可以用於部落格或文件說明,並且我們不僅可以直接訪問網頁,還可以將其快速的部署在GitHub上。
為什麼我們要選取VuePress平臺?很多的技術人員包括程式設計師和開發人員都會寫部落格或技術文件,以此用於梳理總結技術中出現的關鍵點等重要資訊,同時經網際網路公開發布的部落格或技術文件也能為別人帶來新的對所學技術新的理解。VuePress具有介面簡潔優雅、容易上手、相容Markdown語法等特點,因此VuePress在構建專案是非常簡單的,對於Markdown為中心的專案結構,可以做到最簡化的配置,從而幫助我們更加專注於技術文件的編寫,他可以為每個頁面生成預渲染的靜態HTML。
二、開通雲伺服器
步驟導引:
① 計費方式
包年包⽉可以理解為是預付費產品,我們得先購買⼀個⽉或者⼏個⽉⼏年ECS產品才能使⽤ECS,適合於長期穩定使⽤伺服器的場景,⽐如說做⽹站。⽽按量付費可以理解為是後付費產品,我們需要保證有 100元的餘額才可以使⽤按量付費,按量付費就是⽤⼏個⼩時就扣⼏⼩時的錢,適合於測試或者跑資料的場景。
搶佔式例項相對於按量付費例項價格有⼀定的折扣,價格隨供求波動,按實際使⽤時長進⾏收費,後付費模式。您願意⽀付每⼩時的例項最⾼價。當您的出價⾼於當前市場成交價時,您的例項就會運⾏。阿⾥雲會根據供需資源或市場成交價的變化釋放您的搶佔式例項。
② 地域
地域(Region)和可⽤區(Zone)是兩個概念:
地域就是伺服器的資料中⼼所放在的城市,例如華東1是在杭州,華東2是在上海,不同地域的ECS不可內⽹互聯。
可⽤區是同⼀地域下的不同資料中⼼,在同⼀個地域距離較近,可以通過光纖連線,內⽹可以互聯。
⼀般來說,地域的選擇,就是看您的業務中,哪個地域訪客最多、轉化率最⾼,⽽不是離管理者最近。例如我的部落格訪客主要來⾃⼴東省,那麼【華南1-深圳】⾃然是我⾸選的;例如我是阿⾥速賣通上的外貿企業,客戶主要分佈在拉美國家,我的官⽅就不可能建設在【華東1】,⽽是應該選擇【美國東部1(弗吉尼亞)】
③ 例項案例
例項就是雲伺服器的規格,包括CPU、記憶體等。可根據需要來選擇合適的規格,這⾥可以選擇【⼊門級(共享)】例項。
④ 映象
公共映象:是由阿⾥雲官⽅提供公共基礎映象,僅包括初始系統環境。請根據您的實際情況⾃助配置應⽤環境或相關軟體配置。
⾃定義映象:基於⽤戶系統快照⽣成,包括初始系統環境、應⽤環境和相關軟體配置。選擇⾃定義映象建立雲伺服器,節省您的重複配置時間。
共享映象:是其他賬號的⾃定義映象主動共享給您使⽤的映象。阿⾥雲不保證其他賬號共享給您的映象的完整性和安全性,使⽤共享映象需要⾃⾏承擔風險。
映象市場:提供經嚴格稽核的優質映象,預裝作業系統、應⽤環境和各類軟體,⽆需配置,可⼀鍵部署雲伺服器。滿⾜建站/應⽤開發/視覺化管理等個性化需求。
⑤ 儲存
儲存主要分系統盤和資料盤,系統盤就是整個作業系統所安裝的虛擬硬碟,⽽資料盤則是提供掛載到某⼀碟符或者⽬錄下。
資料盤的安全可靠性更⾼,推薦將⽹站資料存放於資料盤所掛載的⽬錄或碟符下。
⽽普通雲盤則是阿⾥雲最早提供的雲盤,在三盤副本和⾼可靠性下效能孱弱,只存在於⽆I/O優化的例項。⾼效雲盤則是在三盤副本和⾼可靠性下提供 1240~3000 IOPS的磁碟效能,在60G以下性價⽐凸顯。SSD雲盤則是買的越⼤效能越好,最⼤提供20000 IOPS 的效能,磁碟⼤於60G的情況下有購買價值,效能明顯。
⑥ 網路
⽹絡分經典⽹絡和專有⽹絡:
經典⽹絡是阿⾥雲最早期的⽹絡⽅式,同⼀地域內的所有ECS、OSS、RDS都可以互聯,然後通過安全組來實現訪問的控制。
專有⽹絡則是⽤戶⾃有⼀個虛擬路由⽹絡和交換機,只有同⼀⽹絡、交換機下的ECS、RDS等產品才能互聯,專有⽹絡還可以繫結彈性IP,就算換ECS了,IP依舊可以保持不變。
儘量以選擇專有⽹絡為先。
⑦ 公網頻寬
公⽹頻寬則分按使⽤流量和按固定頻寬計費:
按流量計費顧名思義就是⽤多少流量扣多少錢,不同地域的每G流量資費不⼀樣。
按頻寬計費就是先買斷多少M的頻寬,後⾯⽆關⽤多少流量都不計費。
⼀般來說正常建站最好有⾄少2M的頻寬,並配合OSS來放置資源會⽐較好。
⑧ 安全設定
設定金鑰,就是通過金鑰⽂件登⼊ Linux 系統,⽽⾮通過密碼,必須擁有金鑰⽂件才可以登⼊系統。
⾃定義密碼,就是通過密碼登⼊Linux系統或者Windows 系統,推薦新⼿使⽤該⽅式。
建立後設置,就是⽣成例項了再通過重置密碼的⽅式修改密碼,不推薦!
⑨ 時長及數量
購買量,就是購買多長時間,以及多少臺相同配置的ECS。
三、安裝VuePress
① 設定安全組
步驟:進入“本例項安全組”→點選“配置規則”→點選“手動新增”→根據內容框輸入指定內容(SSH和8080埠的訪問許可權),並點選確認。
② 安裝Node.js
遠端登入ECS伺服器:
下載安裝包:
[root@hoshizora_lei ~]# wget https://npm.taobao.org/mirrors/node/v13.9.0/node-v13.9.0-linux-x64.tar.xz
建立安裝目錄:
[root@hoshizora_lei ~]# mkdir -p /usr/local/lib/nodejs
將⼆進位制⽂件解壓到要安裝⽬錄
[root@hoshizora_lei ~]# tar -xJvf node-v13.9.0-linux-x64.tar.xz -C /usr/local/lib/nodejs
使⽤檢視node.js版本號命令驗證是否解壓成功
修改環境變數量,使得能在任意⽬目錄下執⾏行行node命令
儲存修改後,過載檔案
到其他目錄下進行驗證
以上,Node.js的過程安裝完畢。
③ 安裝VuePress
為加快下載安裝速度,修改為淘寶映象
[root@hoshizora_lei ~]# npm config set registry https://registry.npm.taobao.org [root@hoshizora_lei ~]# npm install -g vuepress
建立一個資料夾作為目錄
專案初始化,初始化後會⽣成⼀個package.json⽂件
[root@hoshizora_lei try_blogs]# npm init -y
以上,VuePress的安裝已全部完成,接下來進入配置過程。
四、配置VuePress
① 設定package.json的指令碼內容
② 在當前目錄中建立一個文件目錄
③ 建立.vuepress⽬錄
④ 新建⼀個md⽂件
[root@hoshizora_lei docs]# echo '# Hello VuePress - first blog!' >README.md
⑤ 建立config.js配置⽂件
⑥ 建立public⽬錄
完成後的⼯作⽬錄如下:
try_blogs
├─ docs //以後要在這⾥⾯寫⽂章,直接在此⽂件夾下新建⽂件夾,然後再建md⽂檔就⾏,連結會⾃動⽣成
│ ├─ README.md // 這個將會是我們以後的⾸頁
│ └─ .vuepress // 這個⾥⾯會存放⼀些配置和元件
│ └─ public // 靜態⽂件存放地
│ └─ config.js //配置⽂件,以後的所有配置基本都在這⾥寫
└─ package.json
⑦ 回到try_blogs⽬錄,執⾏命令
[root@hoshizora_lei try_blogs]# vuepress dev docs
五、驗證結果
在瀏覽器中執行:
http://ECS公網IP:8080
結果如下圖所示:
至此,VuePress在阿里雲ECS上的的搭建與初步配置都已經完成了,有關於VuePress的更多使用步驟和技巧可參考VurPress官網以及網上的各類相關文字或視訊教程。