之前由於學攝影的關係，為了提高自己的審美，順便鍛鍊下自己的英文能力，翻譯了不少國外藝術類的 文章。最近一直想搭一個個人部落格來存放這些內容，又懶得折騰建站，遂一直擱置。
直到偶然發現了 docsify 和 Serverless Framework，建站一下子變得特別容易 —— 用 docsify 建立部落格系統，然後用 Serverless Framework 部署服務，三分鐘就搞定了！
簡單介紹一下：
docsify：一個神奇的文件網站生成工具，不同於 GitBook、Hexo 的地方是它不會生成將
。md
轉成
。html
檔案，所有轉換工作都是在執行時進行。而且如果只是需要快速搭建一個小型的文件網站，或者不想因為生成的一堆
。html
檔案「汙染」 commit 記錄，只需要建立一個
index。html
就可以開始寫文件；
Serverless Framework：在 GitHub 上有三萬顆星，業界非常受歡迎的無伺服器應用框架，開發者無需關心底層資源即可部署完整可用的 Serverless 應用架構。
接下來我們分三步進行：
安裝與初始化 → 配置 yml 檔案 → 部署
Docsify + Serverless Framework
https：//www。zhihu。com/video/1195376267703234560
▎安裝與初始化
首先確保系統包含以下環境：
Node。js （Node。js 版本需不低於 8。6，建議使用 10。0 及以上版本）
Git
1. 安裝 Serverless Framework
$ npm install -g serverless
2. 安裝 docsify
$ npm i docsify-cli -g
3. 初始化專案
$ docsify init docsify
初始化成功後，可以看到 。/docsify 目錄下建立的幾個檔案
index。html
入口檔案
README。md
會做為主頁內容渲染
直接編輯
docsify/README。md
就能更新網站內容，當然也可以寫多個頁面，這是後話。
4. 本地預覽
執行以下命令，並透過瀏覽器訪問 http：//localhost：3000 即可方便地預覽效果，而且提供 LiveReload 功能，可以實時預覽。
$ docsify serve docsify
▎配置 yml 檔案
在專案目錄下，建立
serverless。yml
檔案：
$ touch serverless。yml
將以下內容寫入上述的 yml 檔案裡：
# serverless。yml
mydocsify：
component： “@serverless/tencent-website”
inputs：
code：
src： 。/docsify # Upload static files generated by docsify
index： index。html
error： index。html
region： ap-guangzhou
bucketName： my-bucket
配置完成後，檔案目錄如下：
。
├── docsify
| ├── index。html
| └── README。md
└── serverless。yml
▎部署
透過
sls
命令進行部署，這裡還可以新增
——debug
引數來檢視部署過程中的資訊，
$ sls ——debug
如果你的賬號未 登陸 或 註冊 騰訊雲，可以直接透過微信掃描命令列中的二維碼，從而進行授權登陸和註冊。這也是我覺得特別方便的一個地方！
部署過程中，terminal 顯示資訊示意：
部署過程
訪問命令列輸出的 url，即可檢視使用 Serverless Framework 部署的 docsify 文件網站啦~
最終效果
▎小結
本文使用了非常流行的無伺服器框架 Serverless Framework 來搭建 docsify 部落格系統，更多產品資訊可以移步 官網 學習，官方文件能解決 90% 以上的問題。
雖然這只是一個非常簡單的示例，但是不難看出，Serverless Framework 在快速部署方面的強大能力。比如集成了微信掃描二維碼，就直接讓我們避開了繁瑣的雲服務的賬號註冊、配置的環節。
而你需要做的，只是根據 docsify 自身的能力，進行網站的定製而已。透過這兩個工具的結合使用，即使程式設計小白也能快速搭建起自己的個人部落格！✌️
參考：
- Serverless Framework - 產品官網
- Serverless Framework - GitHub
歡迎訪問：
Serverless 中文技術社群
分類收藏：
產品 | 設計
| 技術 |
HackLife | Photography
推薦閱讀：
