【建置環境說明】
開發環境是win11,python是3.10.7版本,編碼的工具是Visual Studio Code(簡稱vscode)
【本篇說明】
1.前往https://render.com,點選 get started

2.點選 Github帳號

3.輸入信箱及密碼,以綁定 Github帳號

4.進入 Render網頁,點擊 Dashboard

5.點選 「Add new」-> 「Web Service」
6.選擇你的倉庫
7.設定內容如下:
Name:可自訂
Branch:選 main
Environment:選擇 Python
Build Command:輸入 pip install -r requirements.txt
Start Command:輸入 gunicorn 檔名:app (這邊檔名是 Flask檔名,例如我的檔名是 server,則輸入 gunicorn server:app,gunicorn與檔名之間須空一格)
Free Plan:確認選擇免費方案
8.點選「Create Web Service」,等它部署完成(約 2~3 分鐘)

▲說明:如果部署成功,會出現"Your service is live"
9.部署成功,Render 會提供一個公開網址(如 https://0000000.onrender.com)
10.★★★補充:如何讓網站自動調整手機版螢幕大小

▲說明:這是我自己部署的測試網頁,用手機版開啟發現網頁螢幕太小
只需要在HTML檔案加入以下程式碼,即可適用手機版
<meta name="viewport" content="width=device-width, initial-scale=1.0">
▲說明:需注意是在<head>標籤下一層中加入以上<meta>程式碼

▲說明:這是加入<meta>標籤,重新部署後手機開啟網頁的畫面
另外也分享我部署的網站,可直接點選以下網址:
https://countinmind-web.onrender.com
所有文章同步更新在wordpress:https://ambitious-farloveway.wordpress.com/
【本篇小結】
跟著以上步驟,就能完成簡易網頁部署,網站也呈現公開的狀態了。
【本篇結束】
在自學路上難免遇到困難,只要堅持到底,相信就會有所成果,期勉大家一同努力。