# 第五週：網站上架一條龍全攻略分享 ## 開課提醒 1. 錄影 3. 6/1 線上同學會 ## 獎品 1. 1374537174707474543 2. 1374899563433033748 3. 1375263164945534996 4. 1375986726560075816 5. 1375624338996334713 6. 1376349114719146035 7. 1376711502375162058 8. [團隊任務](https://hackmd.io/UIdAsBhnR6GlYyvoap1_aQ) 9. 每日打卡? ## 網站架構全攻略挑戰清單 1. 買網址 2. cloudflare DNS 代管 3. GitHub Pages 部署 4. DNS 指向到 [GitHub Pages 服務](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site) 5. 問問同學，上面要不要重新做一次，然後指向第二台主機？ 6. 中場休息，講解6/1 課程說明會 7. 網站空間講解，空間與流量差異([主機](https://www.cloudmax.com.tw/product/shared-web-hosting-windows)) 8. 將網站提交到 Google Search Console，SEO 講解 9. 將網站加入 GA 流量分析工具 10. SEO 教學(title 標題順序、標題標籤) 11. 綠界 12. mailchimp ``` ## GitHub Pages IP 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 ``` ## 常見 QA Q：步驟三、四可以對調嗎？ A：可以 ## 同學可以提前註冊的工具 * [Godaddy 註冊網址](https://tw.godaddy.com/domains/domain-name-search) * [cloudflare 申請 HTTPS 服務](https://www.cloudflare.com/) ## 固定年費 - 購買網址 * 可以用 [whois](https://www.whois365.com/tw/) 服務觀看網址是否被註冊 ### 國別 * .tw * .idv ## 常見頂級網域(學生推薦) * .io * .tech * .art ### 公司 * .com * .com.tw ### 其他 * .org/財團法人 * .net/網路事業機構，中華電信、seednet * .edu/教育機構 * .gov/政府機構 ## 網址 DNS 指向 * [AWS DNS 指向流程](https://aws.amazon.com/tw/route53/what-is-dns/) * [從輸入網址列到渲染畫面，過程經歷了什麼事？](從輸入網址列到渲染畫面，過程經歷了什麼事？) * [以 Godaddy 當範例，如何綁定 GitHub Pages](https://askie.today/customize-hexo-blog-url-on-github-pages/)、[GitHub 對應 IP](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain) * [**幫 Github Pages 自訂網址再透過 CloudFlare 加上 https**](https://blog.yang-hong-xin.com/github-pages-custom-domain-on-https-use-cloudflare/) * [DNS 查詢工具](https://coding.tools/tw/nslookup) * [http、https 差異](https://medium.com/%E4%B8%80%E5%80%8B%E4%BA%BA%E7%9A%84%E6%96%87%E8%97%9D%E5%BE%A9%E8%88%88/pm%E7%AD%86%E8%A8%98-https-a%E7%B4%80%E9%8C%84%E8%88%87cname-91f6f2a1ee2f) ![](https://i.imgur.com/dnYwBpT.png) ## 中場休息 * 每日打卡領取獎品 * 9 個月 React 前端工程師培訓營 * [酷朋優惠](https://hexschool.tw/tnKXR)再延長一天至 6/4(三) * 可選擇聽完以下兩場說明會再來決定： * [內部學長姐說明會](https://mailchi.mp/hexschool/2022-vue-17521568)：6/1(日) 21:00 * [外部 YT 說明會](https://hexschool.tw/PtRuQ)：6/4(三) 20:00 <!-- https://forms.gle/ApfZa3Emc43ywqp88 --> ## 主機租用與網址方案 1. 淺談[亞太虛擬主機租用](https://emanager.aptg.com.tw/konakart/CustomProdIntro.action?page=Dynamic&data=vhostCost&ContentId=334)來講解流量與空間概念 ## 網站上線要做的事情 1. [使用 Google Search Console 提交你的網站，並觀看流量數據](https://search.google.com/search-console/about) 2. [安裝 Google Analytics 追蹤流量](https://analytics.google.com/)、[示範帳號](https://support.google.com/analytics/answer/6367342?hl=zh-Hant#zippy=%2C%E6%9C%AC%E6%96%87%E5%85%A7%E5%AE%B9) ## mailchimp ([官網](https://mailchimp.com/)) 1. 三大重點：活動、受眾、標籤、自動化 2. 導入表單流程、表單設計 ## 綠界 1. [綠界實況主收款設定](https://support.ecpay.com.tw/9386/) ## SEO 該做好的事情 1. title 規則一定要寫正確，以[生日蛋糕](https://www.google.com/search?q=%E7%94%9F%E6%97%A5%E8%9B%8B%E7%B3%95&rlz=1C5CHFA_enTW790TW790&oq=%E7%94%9F%E6%97%A5%E8%9B%8B%E7%B3%95&aqs=chrome.0.69i59j0i512l6j69i61.2437j0j4&sourceid=chrome&ie=UTF-8)為例子 2. 數量要達 10 頁以上，Google 才會開始讓你的連結在搜尋引擎上曝光 ## 團戰任務開放！ 1. 2400 份任務，延長到年底，2025/12/31 1. 3000 份任務，延長到 2026/6/30 ![](https://i.imgur.com/sDnCbx8.png)