TOPIC ・ 主題
技術教學
Tech Tutorials
手把手的實作教學。從挑選主題、撰寫文章到部署上線與 SEO 設定,一步步打造自己的個人品牌網站。
共 122 篇文章
Most loved讀者最愛
Series這個主題的系列
Archive全部文章
2025
[Hugo自架站-6]設定 Google Search Console,讓自己的網站可以被搜尋
這篇文章要教大家如何設定 Google Search Console,以及上傳網站的 Sitemap(網站地圖),讓自己的網站可以被搜尋。
[Hugo自架站-5]安裝 Google Analytics 追蹤網頁的流量與成效
如果想知道訪客的行為和網站的成效,就要安裝 Google Analytics(GA)。Google Analytics 是一個功能強大的免費工具,可以讓你了解訪客的來源、行為,以及網站上的哪些內容最受歡迎。如果你想持續優化網站的 SEO,GA 就像一個指南針,告訴你正確的執行方向!
[Hugo自架站-4]將網站部署到 GitHub Pages
設定好網站的基礎資訊,以及準備好第一篇部落格文章後。只要跟著教學操作,就可以將 Hugo 網站部署到 GitHub Pages 了!
[Hugo自架站-3]用 Markdown 撰寫文章,掌握分類、標籤文章的技巧
這篇文章會先簡述常見的 Markdown 語法,讓大家了解如何在文章設定大標題、小標題、引述、圖片...等資訊。然後示範為文章加上「分類(category)、標籤(tag)」,讓我們能輕鬆管理自己部落格的文章。最後分享筆者推薦的檔案命名規則,以及文章資料夾結構。
[Hugo自架站-2]設定部落格網站的基礎參數(自我介紹、圖片、網站 Logo、Email、社群媒體...)
這篇文章將帶你完成 Hugo 網站的基礎設定,包括安裝 VSCode 外掛、調整網站參數、自訂 Logo 與菜單 Menu 等實用技巧,帶你一步步打造更符合個人風格的網站!
[Hugo自架站-1]挑選合適的主題,在本地安裝並啟動 Hugo
如果你跟筆者一樣選擇用靜態網站來經營個人品牌,強烈建議收藏這系列用 Hugo 架站的文章。我會從挑選主題、安裝 Hugo 開始,一步步帶你客製化網頁參數,最終將網站部署到 GitHub Pages,並加上 Google Analitycs 來追蹤流量!
靜態網頁 VS 動態網頁:如何選擇最適合你的架站方案?
你正在苦惱要選擇「靜態網頁」還是「動態網頁」嗎? 許多人在準備架設個人網站或企業官網時,都會卡在這個問題。可能是因為預算,也可能是不確定是否需要更多的互動功能。 筆者在經歷一段時間的掙扎與研究後,最終整理出這份「評估指南」,希望能幫助你在架站這條路上,少走一些冤枉路。
2024
我真的需要自架站嗎?還是用部落格平台就好?從 4 個面向搞懂你的需求
平台就像是奢華的城堡,他會幫客人準備好一切,但你不知道什麼時候會被趕出去;而自架站雖然起始於荒蕪,但你擁有絕對的話語權。
GitLab CI 實戰(踩坑)筆記
GitLab CI 是 GitLab 的內建工具,每次 Push 都會觸發一次腳本執行,內容通常涵蓋測試、編譯、部署等一系列自定義內容。 這篇文章會分享設計上要注意的細節,以及實戰過程踩過的坑。
用 tree 套件生成專案樹狀的資料夾(目錄)結構
隨著專案迭代,除了程式碼越來越龐大外,資料夾結構也越來越複雜。這邊推薦一個直接產生資料夾結構的套件「tree」,透過簡單的指令就能生成樹狀的目錄結構。
MongoDB 與 MySQL 建立 Index 對 Read/Write 的效能影響
儘管網路上有許多資料顯示 MongoDB 建立 Index 後的效能比 MySQL 好,但這篇文章我想要透過程式來驗證兩者的寫入、讀取、資料大小差異。