手把手打造你的專屬部落格番外篇 — Hugo 網站上雲伺服器 Netlify vs CloudFlare

前言 之前在 《手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages》 講解如何把 Hugo 網站上雲,但是除了 CloudFlare 外,Netlify 也是另一個不錯的雲伺服器的選擇。 1. Netlify vs CloudFlare 這邊做了簡單的比較,都是每個月 Feature Netlify Cloudflare Number of function invocations 125,000 per month per site 100,000 per day for all your sites Builds 300 build minutes per month 500 builds per month Concurrent builds 1 1 Number of websites 500 unlimited Bandwidth amount 100GB for all sites unlimited CLI available available 雖說看起來 Netlify 什麼都有限制,但基本不會踩到上限。 假設你的網站首頁大小為 1MB,每個訪客訪問一次會消耗 1MB WidthBand,那麼 100GB WidthBand 大約可以支撐 100,000 次訪問。一個月 100 GM 能被你用完,就真的是寫作大神或是攝影大師,放不完的影片圖片,當有訪客來你這裡看圖影的時候,你比較有機會踩到上線。 ...

December 30, 2024 · 2 min · 雅青

手把手打造你的專屬部落格之三 — 讓網站有自定義的網域名稱

前言 在 《手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages》 中,我們已經把網站上架到 Cloudflare Pages 了,接下來我們要來把網站網域名稱改成你專屬的名字。 1. 買網域 兩個選擇: CloudFlare 直接買,這應該最快最方便 Account Home > Domains > + Add a domain 我們選底下 Register Domain 可以看到 domain names 列表 選定以後點 Confirm 就會進入付錢階段,後面我就省略,相信你可以靠自己!(其實是因為我沒有在 Cloudflare 買 XD 我選擇在 GoDaddy 買,因為我貪小便宜,阿不是,就是比價之後覺得直接在 GoDaddy 買比較便宜,然後就自找麻煩了,真的麻煩,如果你也想要便宜一點請三思。 決定好想便宜一點就… 先到 GoDaddy 選一個你喜歡的,然後買下去!這是我原本想用的名字,但好貴,買不下去。 於是後來是買了 skyaching.com 提到這兒就來講講部落格中各種名稱的意義吧! Sky + Ya + Ching 天空 + 雅 + 青 星星在這裡也是青青在這裡的諧音 CyanSky 是青色的天空 在你看完的同時我也買好惹,一共台幣 7215 元 10 年 XD ...

December 30, 2024 · 1 min · 雅青

手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages

前言 現在你的網站還只能跑在你的電腦上,其他人是看不到的,那我們現在就來把他送上雲端吧! 1. 建立 GitHub Repository 用 GitHub 放你的網站程式碼,所以我們需要在 GitHub 建立 repo cyanSky 完成 複製 repo origin https://github.com/chi811008/cyanSky.git 回到你本機的網站資料夾:打開終端機,進入你的網站資料夾 cd cyanSky # cd <你的網站路徑> 準備把網站推上 GitHub 前,先添加 .gitignore 檔案,它可以讓你設定一些不想推上去 repo 的檔案 echo "/public" >> .gitignore 把 GitHub 遠端的位置 https://github.com/chi811008/cyanSky.git 加入你地端的資料夾 git remote add origin https://github.com/chi811008/cyanSky.git # 把 origin 後面換成你的 origin 唷! # 建立主分支 main branch git branch -M main # commit and push code to master branch git add . git commit -m "Initial commit" git branch --set-upstream-to=origin/main main g rebase origin/main git push -u origin main 這邊可能會叫你驗證,確認帳號對,登入就好囉! ...

December 29, 2024 · 1 min · 雅青