[{"content":"今日分享一下點樣幫 Blog 加強資訊安全。\n為咩要加 Security Headers？ 當你嘅網站上線後，會面對各種攻擊風險：\n點擊劫持 (Clickjacking) - 攻擊者透過 iframe 嵌入你嘅網站 XSS 攻擊 - 跨站腳本攻擊 MIME 類型 sniffing - 瀏覽器錯誤解析檔案 Security Headers 可以幫你攔截呢啲攻擊。\n我加入咗邊啲 Headers？ 1 2 3 4 5 6 7 X-Frame-Options: DENY X-XSS-Protection: 1; mode=block X-Content-Type-Options: nosniff Referrer-Policy: strict-origin-when-cross-origin Content-Security-Policy: default-src \u0026#39;self\u0026#39; ... Strict-Transport-Security: max-age=31536000 Permissions-Policy: camera=(), microphone=(), geolocation=() 用 Cloudflare Pages 自動設定 喺 Hugo 專案入面新增 static/_headers 檔案：\n/* X-Frame-Options: DENY X-XSS-Protection: 1; mode=block Content-Security-Policy: default-src \u0026#39;self\u0026#39;; ... Cloudflare Pages 會自動偵測並套用呢啲 headers。\n掃描工具 你可以用 securityheaders.com 檢查你嘅網站。\n小結 加強資訊安全係一個持續嘅過程，建議定期：\n更新 Hugo 版本 更新 theme 檢查有冇新嘅安全威脅 記錄呢個設定，下次再設定新網站就知道點做。\n","permalink":"https://ttttt898.pages.dev/posts/blog-security-headers/","summary":"\u003cp\u003e今日分享一下點樣幫 Blog 加強資訊安全。\u003c/p\u003e\n\u003ch2 id=\"為咩要加-security-headers\"\u003e為咩要加 Security Headers？\u003c/h2\u003e\n\u003cp\u003e當你嘅網站上線後，會面對各種攻擊風險：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e點擊劫持 (Clickjacking)\u003c/strong\u003e - 攻擊者透過 iframe 嵌入你嘅網站\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eXSS 攻擊\u003c/strong\u003e - 跨站腳本攻擊\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eMIME 類型 sniffing\u003c/strong\u003e - 瀏覽器錯誤解析檔案\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eSecurity Headers 可以幫你攔截呢啲攻擊。\u003c/p\u003e","title":"Blog 資訊安全強化：加Security Headers"},{"content":"今日幫 blog 做咗大翻新，加咗好多新功能。\n🆕 新增功能一覽 1. 深色模式 依家默認係深色模式，睇起上來更加舒服。如果你想轉返 light mode，可以點擊右上角嘅 theme toggle。\n2. 返回頂部按鈕 長文章終於唔使用 mouse scroll 到手軟，右下角有個 button 一 click 就回到頂部。\n3. 面包屑導航 知道你自己咁位，唔再喺文章入面迷失方向。\n4. 目錄 (Table of Contents) 長文章左邊會自動生成目錄，方便跳轉到唔同章節。\n5. 相關文章推薦 喺每篇文章底部，會自動展示3篇相關文章，發掘更多內容。\n6. 閱讀進度條 頁面頂部有條 progress bar，話你知讀咗幾多。\n7. 字數統計 文章 meta 度會顯示大概字數，預計閱讀時間就更準確。\n📊 技術細節 呢啲功能係用 Hugo PaperMod 主題嘅內置功能配合少量 CSS/JS 修改實現嘅。\n1 2 3 4 [params] ShowWordCount = true breadcrumbs = true defaultTheme = \u0026#34;dark\u0026#34; 🎯 未來計劃 加入更多文章 試下唔同嘅代碼高亮主題 優化 mobile 版面 如果你有任何建議，歡迎留言！\n繼續記錄，繼續改善。\n","permalink":"https://ttttt898.pages.dev/posts/blog-enhancement-log/","summary":"\u003cp\u003e今日幫 blog 做咗大翻新，加咗好多新功能。\u003c/p\u003e\n\u003ch2 id=\"-新增功能一覽\"\u003e🆕 新增功能一覽\u003c/h2\u003e\n\u003ch3 id=\"1-深色模式\"\u003e1. 深色模式\u003c/h3\u003e\n\u003cp\u003e依家默認係深色模式，睇起上來更加舒服。如果你想轉返 light mode，可以點擊右上角嘅 theme toggle。\u003c/p\u003e","title":"Blog 優化日誌：今日做咗啲乜"},{"content":"今日幫 Blog 加入左幾個新功能：\n🆕 新增功能 1. 社交連結 喺 Header 同 Footer 加入左社交連結，包括：\nGitHub LinkedIn Email RSS Feed 2. 代碼高亮主題 使用 Monokai 主題，程式碼 block 睇起上來更加靚仔。\n3. Giscus 留言系統 終於有自己的留言區了！用 GitHub Discussions 作為後端，唔需要另外既資料庫。\n4. 個人檔案優化 更新左 About 頁面，加入頭像、功能簡介等。\n🔧 技術栈 Framework: Hugo Theme: PaperMod 托管: GitHub Pages + Cloudflare Pages 留言: Giscus (GitHub Discussions) 📝 下一步 繼續優化 UI/UX 加入更多文章 試下不同主題顏色 如果你有任何建議，歡迎喺下面留言！ 👇\n記錄呢個更新，期待下次再改進。\n","permalink":"https://ttttt898.pages.dev/posts/blog-update-2026-04-28/","summary":"\u003cp\u003e今日幫 Blog 加入左幾個新功能：\u003c/p\u003e\n\u003ch2 id=\"-新增功能\"\u003e🆕 新增功能\u003c/h2\u003e\n\u003ch3 id=\"1-社交連結\"\u003e1. 社交連結\u003c/h3\u003e\n\u003cp\u003e喺 Header 同 Footer 加入左社交連結，包括：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eGitHub\u003c/li\u003e\n\u003cli\u003eLinkedIn\u003c/li\u003e\n\u003cli\u003eEmail\u003c/li\u003e\n\u003cli\u003eRSS Feed\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"2-代碼高亮主題\"\u003e2. 代碼高亮主題\u003c/h3\u003e\n\u003cp\u003e使用 \u003cstrong\u003eMonokai\u003c/strong\u003e 主題，程式碼 block 睇起上來更加靚仔。\u003c/p\u003e\n\u003ch3 id=\"3-giscus-留言系統\"\u003e3. Giscus 留言系統\u003c/h3\u003e\n\u003cp\u003e終於有自己的留言區了！用 GitHub Discussions 作為後端，唔需要另外既資料庫。\u003c/p\u003e","title":"Blog 更新：新增多個功能"},{"content":"今日為 blog 加咗多個新功能：\n新增頁面 About 頁 - 介紹我自己 Archive 頁 - 所有文章按年份整理 功能升級 深色/淺色模式 - 自動跟隨系統設定 站內搜尋 - 快速搵文章 估計閱讀時間 - 每篇文章顯示預計閱讀分鐘 視覺優化 自訂 favicon - Gradient n 字 logo Code syntax highlighting - 程式碼區塊行號顯示 所有野都係用 Hugo + PaperMod 整嘅，部署喺 Cloudflare Pages。\n有興趣可以睇下 Archive 睇晒所有文章。\n","permalink":"https://ttttt898.pages.dev/posts/new-feature-post/","summary":"\u003cp\u003e今日為 blog 加咗多個新功能：\u003c/p\u003e\n\u003ch2 id=\"新增頁面\"\u003e新增頁面\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eAbout 頁\u003c/strong\u003e - 介紹我自己\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eArchive 頁\u003c/strong\u003e - 所有文章按年份整理\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"功能升級\"\u003e功能升級\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e深色/淺色模式\u003c/strong\u003e - 自動跟隨系統設定\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e站內搜尋\u003c/strong\u003e - 快速搵文章\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003e估計閱讀時間\u003c/strong\u003e - 每篇文章顯示預計閱讀分鐘\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"視覺優化\"\u003e視覺優化\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003e自訂 favicon\u003c/strong\u003e - Gradient \u003ccode\u003en\u003c/code\u003e 字 logo\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eCode syntax highlighting\u003c/strong\u003e - 程式碼區塊行號顯示\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e所有野都係用 Hugo + PaperMod 整嘅，部署喺 Cloudflare Pages。\u003c/p\u003e","title":"Blog 更新：新增多個功能"},{"content":"Pagination 已啟用！\n呢篇係第6篇，所以會去到第2版。\n","permalink":"https://ttttt898.pages.dev/posts/sixth-post/","summary":"\u003cp\u003ePagination 已啟用！\u003c/p\u003e\n\u003cp\u003e呢篇係第6篇，所以會去到第2版。\u003c/p\u003e","title":"第六篇Blog"},{"content":"今日嘅 blog 系統已經好完整！\nHugo + Cloudflare Pages 專業 UI 設計 分頁功能 繼續努力寫作！\n","permalink":"https://ttttt898.pages.dev/posts/fifth-post/","summary":"\u003cp\u003e今日嘅 blog 系統已經好完整！\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eHugo + Cloudflare Pages\u003c/li\u003e\n\u003cli\u003e專業 UI 設計\u003c/li\u003e\n\u003cli\u003e分頁功能\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e繼續努力寫作！\u003c/p\u003e","title":"第五篇Blog"},{"content":"Blog 已成功搬去 Cloudflare Pages！\n新地址：hellworld678.pages.dev\n","permalink":"https://ttttt898.pages.dev/posts/fourth-post/","summary":"\u003cp\u003eBlog 已成功搬去 Cloudflare Pages！\u003c/p\u003e\n\u003cp\u003e新地址：hellworld678.pages.dev\u003c/p\u003e","title":"第四篇Blog"},{"content":"自動 deploy 測試中\u0026hellip;\nHugo + GitHub Actions 幾好嘢。\n","permalink":"https://ttttt898.pages.dev/posts/third-post/","summary":"\u003cp\u003e自動 deploy 測試中\u0026hellip;\u003c/p\u003e\n\u003cp\u003eHugo + GitHub Actions 幾好嘢。\u003c/p\u003e","title":"第三篇Blog"},{"content":"呢篇係我嘅第二篇 blog post。\n仲係度測試緊 Hugo + GitHub Pages 部署流程。\n有咩再update!\n","permalink":"https://ttttt898.pages.dev/posts/second-post/","summary":"\u003cp\u003e呢篇係我嘅第二篇 blog post。\u003c/p\u003e\n\u003cp\u003e仲係度測試緊 Hugo + GitHub Pages 部署流程。\u003c/p\u003e\n\u003cp\u003e有咩再update!\u003c/p\u003e","title":"第二篇Blog"},{"content":"歡迎來到我的 Blog 呢個係我第一篇 Hugo 文章！\n你可以喺 content/posts/ 目錄入面添加更多文章。\n","permalink":"https://ttttt898.pages.dev/posts/first-post/","summary":"\u003ch1 id=\"歡迎來到我的-blog\"\u003e歡迎來到我的 Blog\u003c/h1\u003e\n\u003cp\u003e呢個係我第一篇 Hugo 文章！\u003c/p\u003e\n\u003cp\u003e你可以喺 \u003ccode\u003econtent/posts/\u003c/code\u003e 目錄入面添加更多文章。\u003c/p\u003e","title":"第一篇文章"},{"content":"關於我 你好！我係 nk，熱愛技術同創意寫作。\n呢個 blog 用 Hugo 配合 PaperMod 主題，部署喺 GitHub Pages。\n興趣範疇 💻 程式開發 🌐 網頁技術 📦 開源專案 📝 生活記錄 關於呢個 Blog 呢個 blog 主要記錄：\n技術學習心得 開發過程中遇到既問題同解決方案 生活感悟同想法 ","permalink":"https://ttttt898.pages.dev/about/","summary":"\u003ch2 id=\"關於我\"\u003e關於我\u003c/h2\u003e\n\u003cp\u003e你好！我係 nk，熱愛技術同創意寫作。\u003c/p\u003e\n\u003cp\u003e呢個 blog 用 \u003ca href=\"https://gohugo.io/\"\u003eHugo\u003c/a\u003e 配合 \u003ca href=\"https://github.com/adityatelange/hugo-PaperMod/\"\u003ePaperMod\u003c/a\u003e 主題，部署喺 GitHub Pages。\u003c/p\u003e\n\u003ch2 id=\"興趣範疇\"\u003e興趣範疇\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e💻 程式開發\u003c/li\u003e\n\u003cli\u003e🌐 網頁技術\u003c/li\u003e\n\u003cli\u003e📦 開源專案\u003c/li\u003e\n\u003cli\u003e📝 生活記錄\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"關於呢個-blog\"\u003e關於呢個 Blog\u003c/h2\u003e\n\u003cp\u003e呢個 blog 主要記錄：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e技術學習心得\u003c/li\u003e\n\u003cli\u003e開發過程中遇到既問題同解決方案\u003c/li\u003e\n\u003cli\u003e生活感悟同想法\u003c/li\u003e\n\u003c/ul\u003e","title":"About"},{"content":"","permalink":"https://ttttt898.pages.dev/archive/","summary":"","title":"Archive"}]