5 分鐘，從 0 到 1 上線個人網站！
用最簡單的方式，帶你上線自己的網站！
大家好，我是魚皮。
相信每位學編程的同學都想要擁有一個自己的網站，比如個人博客，可以拿來記錄自己的學習過程、分享自己的文章、展示作品等，從而激勵自己持續學習和總結。
那麼今天這篇文章，目標很簡單，我要用 新技術 帶 所有同學 從 0 到 1 快速上線一個自己的網站！
給我 5 分鐘，我給你全世界。
上線網站極簡教程
讓我們先來了解下傳統的上線網站流程。
傳統方式
假如我們要上線個人博客網站，供其他同學訪問，那麼需要經歷如下步驟：
- 準備一份個人博客網站的源代碼
- 購買一台有公網 IP 的服務器
- 把網站文件放到服務器上，並安裝 web 服務器軟件提供網頁訪問能力
- 購買一個域名
- 配置 DNS 解析，把域名指向服務器的 IP 地址
- 如果要提高網站訪問速度，自行購買 CDN
流程圖如下：
聽起來就覺得麻煩，而且這一套流程下來最少也要 1 個小時。這也是為啥很多同學只是有上線個人網站的想法，卻從未實現。
但是，昨天我卻只用 5 分鐘，就上線了自己的網站，怎麼做到的呢？
下面引出今天的主角 Webify 。
Webify
Webify 是騰訊雲提供的 一站式 Web 應用託管服務，幫助大家極速開發、部署、上線網站項目。
什麼是一站式呢？
就是一條龍服務，只要你有一套網頁代碼，無論是靜態、動態網站還是其他類型的 web 應用，都能使用 Webify 傻瓜式部署。由它提供服務器、默認域名、自定義域名、HTTPS、CDN 加速，提升 Web 應用的性能和安全性。
換言之，如果使用 Webify 上線個人博客，你只需要：
- 準備一份個人博客網站的源代碼
- 進入 Webify 控制台，選擇源碼和配置
- 一鍵發佈
流程大大精簡了！
此外，Webify 還提供基於 Git 工作流的 DevOps 流程，每次修改代碼都能自動重新構建部署，不用再登錄服務器自己操作了！
聽起來挺爽，下面我們一起試着用 Webify 上線個人博客。
Webify 實戰
首先進入 Web 應用託管平台，新建一個應用。
一個應用對應一個網站項目，這裡提供兩種新建應用的方式：Git 導入和從模板創建。
Git 導入創建應用
Git 導入適用於已有網站源代碼的方式，只要你的代碼存在於 Git 託管平台，就能直接在 Webify 導入。
比如我們想要上線個人博客，先要有一套博客源代碼。可以自己寫代碼；也可以直接使用一些現成的站點生成器，比如 Hugo、Hexo 等（後面詳細介紹），自動生成源代碼；當然還可以下載、克隆別人的項目代碼。搞到代碼後，把它上傳到 GitHub 或 Gitee 等代碼託管平台就可以被 Webify 導入了。
導入之後需要根據應用的技術棧和類型，填寫構建命令等配置。這裡可以直接選擇預設配置，比如你的項目用到了 Vue.js，可以直接選擇對應的預設，不用填寫就能自動配置：
從模板創建應用
如果我們啥代碼都沒有，也搞不來代碼，咋辦？
也沒有關係，Webify 內置了一些項目模板，直接選擇需要的應用創建即可。比如我們要做個人博客，可以選擇 Docusaurus 2 這款主流的站點生成器：
選中模板後，系統會自動把代碼模板複製到新的 Git 倉庫，和應用關聯。
Webify 會自動給 Git 倉庫配置 Webhooks，後續每當倉庫的代碼發生變更（push）時，都會自動觸發應用的重新部署，無需再跑到服務器上改代碼了！
點擊下一步，進入應用配置，由於我們使用的是系統預設模板，什麼都不用改，用默認配置就行了。
點擊部署按鈕，稍等幾分鐘，應用就創建成功了！
應用詳情
可以在應用列表和部署記錄中查看到新建完成的應用：
點擊新建的應用，進入應用詳情頁：
可以查看到應用的詳細信息，比如系統為我們提供的默認項目域名，點擊之後就能訪問到已上線的博客網站啦！
應用詳情中還有一個所屬環境信息，那是啥呢？
其實在部署過程中，系統會自動創建一個 雲開發 環境，根據配置的命令自動構建項目，將構建產物放到 靜態網站託管 上。
可以在雲開發控制台看到已經上傳到服務器上的文件：
在靜態網站託管頁面，可以修改已上傳的文件，修改 CDN 緩存設置等：
想要了解什麼是雲開發？歡迎閱讀我之前的文章：我和雲開發 。
進入應用詳情的設置頁，可以給項目添加自定義域名、修改應用構建配置、刪除應用等：
持續發佈
下面讓我們給自己的博客網站添加一篇文章，進入到應用對應的 Git 倉庫，在 docs/tutorial-basics 路徑下新建一個 .md 後綴文件，輸入博客標題和內容。
點擊 commit 按鈕，本次代碼改動將自動 push 到主分支：
當然，更好的方式是把代碼倉庫拉取到本地，在本地修改後再 push 到遠程。可以先 push 到 dev 分支，確認代碼沒問題後再合併到 master 分支。
代碼 push 之後，事件會通過 Webhooks 傳遞給 Webify，自動觸發重新部署，等一段時間後就可以看到新的部署記錄：
再次訪問網站地址，就能夠看到新增的博客啦！
如果沒有立即看到更新，可能是由於 CDN 的緩存（默認 2 分鐘），導致沒有拉取到最新的資源，等個幾分鐘就好了。
OK，從 0 到 1 上線網站成就達成。後面大家可以參考 Docusaurus 站點生成器的官方文檔，更改代碼和配置，進一步定製自己的博客。
使用感受
其實這個東西並不算新技術了，產品形態和體驗上類似 Vercel 和 Github Pages。不過優點是 Webify 在國內，提供了高速 CDN；還能夠和其他雲產品打通、形成體系。
使用 Webify 上線網站還是很爽的，整個流程非常簡單、易上手，着實省去了很多自己上線網站的瑣碎流程。無論是對想快速上線自己網站的同學、還是 web 開發愛好者，都是不錯的選擇。
還有重要的一點要提醒大家，世上沒有免費的午餐，Webify 依託於雲開發，也是要收費的（提供 1 個月的免費體驗），但相對於自己購買服務器（即使是學生機），性價比也是更高的。
最後，我還在小破站發佈了 webify 視頻教程，演示了另一個博客系統的上線。
指路：//www.bilibili.com/video/BV11V411p7vf/
我是魚皮，歡迎閱讀 我從 0 自學進入騰訊的編程學習、實習、求職、考證、寫書經歷，不再迷茫！
點贊 還是要求一下的，祝大家都能心想事成、發大財、行大運。
