用最簡單的方式，帶你上線自己的網站！
大家好，我是魚皮，
相信每位學編程的同學都想要擁有一個自己的網站，比如個人博客，可以拿來記錄自己的學習程序、分享自己的文章、展示作品等，從而激勵自己持續學習和總結，
那么今天這篇文章，目標很簡單，我要用 新技術 帶 所有同學 從 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 實戰
地址：https://cloud.tencent.com/product/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 視頻教程，演示了另一個博客系統的上線，
指路：https://www.bilibili.com/video/BV11V411p7vf/
我是魚皮，歡迎閱讀 我從 0 自學進入騰訊的編程學習、實習、求職、考證、寫書經歷，不再迷茫！
我學計算機的四年，共勉！
點贊 還是要求一下的，祝大家都能心想事成、發大財、行大運，
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/291244.html
標籤：其他
上一篇：CSS畫心形的三種方法，超級簡單