手把手打造你的專屬部落格番外篇 — 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 · 雅青

手把手打造你的專屬部落格之一 — Hugo 建立本地網站

前言 在《為什麼要有自己的部落格?》中交代了建部落格的原因,想必你各位點進來就是做好建立部落格的覺悟了! 那就讓我們開始吧~ 為什麼選 Hugo 既然官網 都說他是全世界最快的框架,捨他其誰? The world’s fastest framework for building websites 完全免費的 open-source Go 專案。 身為一個 Gopher 當然就要支持一下呀,說不定之後用一用覺得哪裡可以優化,還有機會可以貢獻一下。 用 Hugo 在本地建立網站 1. 安裝 Hugo 身為 macOS 使用者,這邊就用 homebrew 安裝 打開終端機 Terminal command + space 終端機輸入(以下皆為終端機輸入) brew install hugo 其他安裝方式可以參考這裡 2. 安裝 Git 一樣打開終端機用 homebrew 安裝 brew install git 其他安裝方式可以參考這裡 3. 建立網頁 建立網頁 hugo new site <你的網站名稱> 這邊以 cyanSky 為例,你會看到 cyanSky 資料夾,架構如下 ...

December 29, 2024 · 4 min · 雅青