{
  "version": 1,
  "site": {
    "name": "Piglife",
    "url": "https://piglife.dev",
    "description": "Piglife 分享 WordPress 實作筆記、AI 自動化經營紀錄、SEO/GEO 研究與實用網頁工具。",
    "language": "zh-Hant",
    "author": "小豬"
  },
  "feeds": {
    "sitemap": "https://piglife.dev/sitemap.xml",
    "rss": "https://piglife.dev/feed.xml",
    "llms": "https://piglife.dev/llms.txt",
    "llmsFull": "https://piglife.dev/llms-full.txt"
  },
  "counts": {
    "total": 313,
    "articles": 119,
    "tools": 194
  },
  "items": [
    {
      "type": "tool",
      "title": "接案報價計算器",
      "description": "輸入預估工時、時薪、固定成本、緩衝與折扣，快速整理專案建議報價與可複製摘要。",
      "url": "https://piglife.dev/tool/freelance-quote-calculator/",
      "path": "/tool/freelance-quote-calculator/",
      "datePublished": "2026-10-28",
      "dateModified": "2026-10-28",
      "section": "工具庫",
      "tags": [
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "發票付款到期日計算器",
      "description": "輸入開立日期、付款條件與週末調整規則，立即算出付款到期日並複製提醒摘要。",
      "url": "https://piglife.dev/tool/invoice-due-date-calculator/",
      "path": "/tool/invoice-due-date-calculator/",
      "datePublished": "2026-10-28",
      "dateModified": "2026-10-28",
      "section": "工具庫",
      "tags": [
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Conventional Commit 訊息產生器",
      "description": "選擇提交類型並填寫範圍、摘要、說明與 issue，自動產生可直接複製的 Conventional Commit 訊息。",
      "url": "https://piglife.dev/tool/conventional-commit-builder/",
      "path": "/tool/conventional-commit-builder/",
      "datePublished": "2026-10-27",
      "dateModified": "2026-10-27",
      "section": "工具庫",
      "tags": [
        "GitHub",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "cURL 指令產生器",
      "description": "輸入 API URL、HTTP 方法、標頭與 JSON body，在瀏覽器本機產生可複製的 cURL 指令並檢查常見格式問題。",
      "url": "https://piglife.dev/tool/curl-command-builder/",
      "path": "/tool/curl-command-builder/",
      "datePublished": "2026-10-27",
      "dateModified": "2026-10-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 轉 CSV 轉換器",
      "description": "貼上 JSON 陣列，自動整理欄位、展開巢狀物件並輸出可直接複製到 Excel、Google Sheets 的 CSV 內容。",
      "url": "https://piglife.dev/tool/json-to-csv-converter/",
      "path": "/tool/json-to-csv-converter/",
      "datePublished": "2026-10-26",
      "dateModified": "2026-10-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Unicode 正規化與隱藏字元檢查器",
      "description": "檢查文字中的 Unicode 正規化差異、零寬字元、不可換行空白與控制字元，並產生可複製的 NFC、NFD、NFKC 或 NFKD 結果。",
      "url": "https://piglife.dev/tool/unicode-normalization-inspector/",
      "path": "/tool/unicode-normalization-inspector/",
      "datePublished": "2026-10-26",
      "dateModified": "2026-10-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Content-Disposition Header 產生器",
      "description": "輸入下載檔名，產生含 ASCII fallback 與 RFC 5987 UTF-8 filename* 的 Content-Disposition header，並偵測換行控制字元。",
      "url": "https://piglife.dev/tool/content-disposition-header-builder/",
      "path": "/tool/content-disposition-header-builder/",
      "datePublished": "2026-10-25",
      "dateModified": "2026-10-25",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Unicode 文字顯示寬度計算器",
      "description": "逐行估算 Unicode 文字在終端機或等寬表格中的顯示欄寬，支援中日韓、emoji、組合符號與可調整的 Tab 寬度。",
      "url": "https://piglife.dev/tool/unicode-text-width-calculator/",
      "path": "/tool/unicode-text-width-calculator/",
      "datePublished": "2026-10-25",
      "dateModified": "2026-10-25",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "電子郵件地址清理器",
      "description": "貼上多筆電子郵件地址，依換行、逗號或分號拆分，找出格式錯誤與重複項目，輸出可直接複製的清單。",
      "url": "https://piglife.dev/tool/email-address-list-cleaner/",
      "path": "/tool/email-address-list-cleaner/",
      "datePublished": "2026-10-24",
      "dateModified": "2026-10-24",
      "section": "工具庫",
      "tags": [
        "開發流程",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": ".gitignore 規則測試器",
      "description": "貼上 .gitignore 規則與檔案路徑，立即預覽哪些檔案會被忽略、哪些例外規則會保留追蹤。",
      "url": "https://piglife.dev/tool/gitignore-pattern-tester/",
      "path": "/tool/gitignore-pattern-tester/",
      "datePublished": "2026-10-24",
      "dateModified": "2026-10-24",
      "section": "工具庫",
      "tags": [
        "GitHub",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "RSS Feed XML 檢查器",
      "description": "貼上 RSS 或 Atom XML，快速檢查頻道欄位、文章標題、連結、日期、GUID 與重複網址。",
      "url": "https://piglife.dev/tool/rss-feed-xml-checker/",
      "path": "/tool/rss-feed-xml-checker/",
      "datePublished": "2026-10-24",
      "dateModified": "2026-10-24",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "URL 參數差異比對工具",
      "description": "貼上兩組完整 URL，快速找出 query 參數的新增、移除、值變更與重複值，適合檢查廣告連結與 redirect 目標。",
      "url": "https://piglife.dev/tool/url-query-parameter-diff/",
      "path": "/tool/url-query-parameter-diff/",
      "datePublished": "2026-10-24",
      "dateModified": "2026-10-24",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP Date Header 轉換器",
      "description": "在 HTTP Date、ISO 8601、瀏覽器本地時間與 Unix timestamp 間即時轉換，協助檢查快取、Cookie 與 API 回應日期。",
      "url": "https://piglife.dev/tool/http-date-header-converter/",
      "path": "/tool/http-date-header-converter/",
      "datePublished": "2026-10-16",
      "dateModified": "2026-10-16",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "URL Slug 產生器",
      "description": "輸入標題或多行清單，自動建立小寫、連字號分隔的 URL slug，找出空白、重複與需人工翻譯的項目。",
      "url": "https://piglife.dev/tool/url-slug-generator/",
      "path": "/tool/url-slug-generator/",
      "datePublished": "2026-10-16",
      "dateModified": "2026-10-16",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS 漸層產生器",
      "description": "調整色碼、漸層方向與色標位置，即時預覽並複製可直接使用的 CSS linear-gradient 或 radial-gradient。",
      "url": "https://piglife.dev/tool/css-gradient-generator/",
      "path": "/tool/css-gradient-generator/",
      "datePublished": "2026-10-15",
      "dateModified": "2026-10-15",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "網頁特效",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "UUID 產生與驗證器",
      "description": "在瀏覽器本機批次產生 UUID v4 或時間排序友善的 UUID v7，並驗證貼上的 UUID 格式與版本。",
      "url": "https://piglife.dev/tool/uuid-generator-validator/",
      "path": "/tool/uuid-generator-validator/",
      "datePublished": "2026-10-15",
      "dateModified": "2026-10-15",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "API Timeout 預算計算器",
      "description": "輸入總逾時預算、連線耗時、伺服器處理時間、重試次數與退避策略，估算每次請求 timeout 是否合理。",
      "url": "https://piglife.dev/tool/api-timeout-budget-calculator/",
      "path": "/tool/api-timeout-budget-calculator/",
      "datePublished": "2026-10-11",
      "dateModified": "2026-10-11",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML 表單 Autocomplete 檢查器",
      "description": "貼上 HTML 表單片段，快速檢查 input、select、textarea 是否缺少 label、name、autocomplete 或手機輸入提示。",
      "url": "https://piglife.dev/tool/html-form-autocomplete-audit-tool/",
      "path": "/tool/html-form-autocomplete-audit-tool/",
      "datePublished": "2026-10-11",
      "dateModified": "2026-10-11",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 轉 ENV 變數產生器",
      "description": "貼上設定 JSON，立即展平成 .env 變數，可自訂前綴、巢狀鍵命名、引號與陣列處理方式，方便部署前整理環境變數。",
      "url": "https://piglife.dev/tool/json-to-env-converter/",
      "path": "/tool/json-to-env-converter/",
      "datePublished": "2026-10-10",
      "dateModified": "2026-10-10",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "試算表欄位字母轉換器",
      "description": "輸入 Excel 或 Google Sheets 的欄位字母、欄號、儲存格或範圍，立即換算欄位編號、A1 位置與連續欄位清單。",
      "url": "https://piglife.dev/tool/spreadsheet-column-letter-converter/",
      "path": "/tool/spreadsheet-column-letter-converter/",
      "datePublished": "2026-10-10",
      "dateModified": "2026-10-10",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "電子報寄送節流規劃器",
      "description": "輸入收件人數、每小時寄送上限、批次大小與間隔，產生電子報分批寄送時間表，並檢查是否超過安全速率。",
      "url": "https://piglife.dev/tool/email-send-rate-planner/",
      "path": "/tool/email-send-rate-planner/",
      "datePublished": "2026-10-09",
      "dateModified": "2026-10-09",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "客服 SLA 量能估算器",
      "description": "輸入每日工單量、平均處理時間、服務時段、目標利用率與現有人力，快速估算客服 SLA 需要的人數、可處理量與缺口風險。",
      "url": "https://piglife.dev/tool/support-sla-capacity-planner/",
      "path": "/tool/support-sla-capacity-planner/",
      "datePublished": "2026-10-09",
      "dateModified": "2026-10-09",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "退貨率成本試算器",
      "description": "輸入月訂單數、客單價、毛利率、退貨率與每筆退貨處理成本，快速估算退貨造成的月成本與改善退貨率後的節省空間。",
      "url": "https://piglife.dev/tool/return-rate-cost-calculator/",
      "path": "/tool/return-rate-cost-calculator/",
      "datePublished": "2026-10-08",
      "dateModified": "2026-10-08",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Shopify",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "UTM 批次檢查工具",
      "description": "貼上多個行銷追蹤網址，批次檢查 utm_source、utm_medium、utm_campaign 是否缺漏，並標出重複網址、空白與大小寫命名問題。",
      "url": "https://piglife.dev/tool/utm-batch-audit-tool/",
      "path": "/tool/utm-batch-audit-tool/",
      "datePublished": "2026-10-08",
      "dateModified": "2026-10-08",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML ARIA Label 檢查器",
      "description": "貼上 HTML 片段，快速檢查按鈕、連結、表單欄位與 iframe 是否有可存取名稱，並標記空 aria-label、泛用文案與 tabindex 風險。",
      "url": "https://piglife.dev/tool/html-aria-label-audit-tool/",
      "path": "/tool/html-aria-label-audit-tool/",
      "datePublished": "2026-10-07",
      "dateModified": "2026-10-07",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "ICS 行事曆檔產生器",
      "description": "輸入活動標題、時間、地點、說明與時區，立即產生可下載或貼到 .ics 檔的行事曆事件內容。",
      "url": "https://piglife.dev/tool/ics-event-generator/",
      "path": "/tool/ics-event-generator/",
      "datePublished": "2026-10-07",
      "dateModified": "2026-10-07",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 分批切檔規劃器",
      "description": "輸入 CSV 資料列數、平均列大小、單檔列數與檔案大小限制，自動規劃每個分檔的列範圍、估算大小與可複製切檔清單。",
      "url": "https://piglife.dev/tool/csv-batch-split-planner/",
      "path": "/tool/csv-batch-split-planner/",
      "datePublished": "2026-10-06",
      "dateModified": "2026-10-06",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Viewport 單位換算器",
      "description": "輸入 px、viewport 尺寸與 root font-size，快速換算 rem、vw、vh、vmin、vmax、百分比，並產生流體尺寸 CSS clamp 片段。",
      "url": "https://piglife.dev/tool/viewport-unit-converter/",
      "path": "/tool/viewport-unit-converter/",
      "datePublished": "2026-10-06",
      "dateModified": "2026-10-06",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "折扣毛利防賠試算器",
      "description": "輸入售價、成本、平台抽成、金流費、運費補貼與預計折扣，快速反推損益兩平折扣、目標毛利折扣上限與目前促銷是否可能虧損。",
      "url": "https://piglife.dev/tool/discount-margin-guard-calculator/",
      "path": "/tool/discount-margin-guard-calculator/",
      "datePublished": "2026-10-05",
      "dateModified": "2026-10-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具",
        "SEO"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML 響應式表格檢查器",
      "description": "貼上 HTML table，快速檢查欄數、固定寬度、nowrap、表頭 scope 與行動版橫向捲動容器，並產生可複製的響應式 CSS 建議。",
      "url": "https://piglife.dev/tool/html-responsive-table-checker/",
      "path": "/tool/html-responsive-table-checker/",
      "datePublished": "2026-10-05",
      "dateModified": "2026-10-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "螢幕 PPI 與觀看距離計算器",
      "description": "輸入螢幕解析度、尺寸與觀看距離，計算 PPI、像素間距、每度像素、約略看不出單一像素的距離與桌面距離參考。",
      "url": "https://piglife.dev/tool/screen-ppi-viewing-distance-calculator/",
      "path": "/tool/screen-ppi-viewing-distance-calculator/",
      "datePublished": "2026-10-04",
      "dateModified": "2026-10-04",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "磁磚用量計算器",
      "description": "輸入鋪貼區域、磁磚尺寸、縫寬、鋪法耗損與每箱覆蓋面積，快速估算磁磚片數、箱數、備料面積與材料預算。",
      "url": "https://piglife.dev/tool/tile-quantity-calculator/",
      "path": "/tool/tile-quantity-calculator/",
      "datePublished": "2026-10-04",
      "dateModified": "2026-10-04",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "搬家紙箱數量估算器",
      "description": "輸入房間數、入住人數、書籍長度、廚房物品與大型家具數量，估算搬家需要的紙箱、膠帶、標籤與廂型車趟數。",
      "url": "https://piglife.dev/tool/moving-box-calculator/",
      "path": "/tool/moving-box-calculator/",
      "datePublished": "2026-10-03",
      "dateModified": "2026-10-03",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "油漆用量計算器",
      "description": "輸入房間長寬高、塗刷層數、門窗扣除面積與油漆覆蓋率，快速估算需要幾公升、幾桶油漆與材料預算。",
      "url": "https://piglife.dev/tool/paint-coverage-calculator/",
      "path": "/tool/paint-coverage-calculator/",
      "datePublished": "2026-10-03",
      "dateModified": "2026-10-03",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "A/B Test 樣本數計算器",
      "description": "輸入基準轉換率、最小可偵測提升幅度、信心水準、power 與每日流量，估算 A/B Test 每組樣本數與需要天數。",
      "url": "https://piglife.dev/tool/ab-test-sample-size-calculator/",
      "path": "/tool/ab-test-sample-size-calculator/",
      "datePublished": "2026-10-02",
      "dateModified": "2026-10-02",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "API 批次大小規劃器",
      "description": "輸入總筆數、平均資料大小、payload 上限、rate limit 與並行數，快速估算 API 批次大小、request 數量與完成時間。",
      "url": "https://piglife.dev/tool/api-batch-size-planner/",
      "path": "/tool/api-batch-size-planner/",
      "datePublished": "2026-10-02",
      "dateModified": "2026-10-02",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 欄位對應檢查器",
      "description": "貼上來源與目標 CSV 標題列，自動比對欄位名稱相似度，標出待確認欄位並產生可複製的 JSON mapping。",
      "url": "https://piglife.dev/tool/csv-header-mapper/",
      "path": "/tool/csv-header-mapper/",
      "datePublished": "2026-10-01",
      "dateModified": "2026-10-01",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SLO 錯誤預算燃燒率計算器",
      "description": "輸入 SLO 目標、觀察時間窗、請求數或可用率，快速估算錯誤預算燃燒率、預估耗盡時間與告警風險。",
      "url": "https://piglife.dev/tool/slo-error-budget-burn-rate-calculator/",
      "path": "/tool/slo-error-budget-burn-rate-calculator/",
      "datePublished": "2026-10-01",
      "dateModified": "2026-10-01",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SRT 字幕時間位移工具",
      "description": "貼上 SRT 或 WebVTT 字幕，輸入正負秒數後批次調整每段字幕時間，並檢查負時間、重疊與格式問題。",
      "url": "https://piglife.dev/tool/srt-subtitle-time-shifter/",
      "path": "/tool/srt-subtitle-time-shifter/",
      "datePublished": "2026-09-30",
      "dateModified": "2026-09-30",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "影片章節時間碼產生器",
      "description": "輸入章節標題與每段長度，或貼上既有時間碼，自動產生 0:00 開頭的影片章節清單並檢查間隔與格式。",
      "url": "https://piglife.dev/tool/video-chapter-timestamp-generator/",
      "path": "/tool/video-chapter-timestamp-generator/",
      "datePublished": "2026-09-30",
      "dateModified": "2026-09-30",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "漏斗轉換與流失率計算器",
      "description": "輸入各步驟人數，自動計算單步轉換率、流失率、整體轉換率，並估算改善最大流失點可能帶來的最終人數增量。",
      "url": "https://piglife.dev/tool/conversion-funnel-dropoff-calculator/",
      "path": "/tool/conversion-funnel-dropoff-calculator/",
      "datePublished": "2026-09-29",
      "dateModified": "2026-09-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Feature Flag 漸進 Rollout 規劃器",
      "description": "輸入目標使用者數、目前比例、目標比例、階段數與觀察間隔，產生 feature flag 分批開量排程、觸達人數與 rollback 檢查門檻。",
      "url": "https://piglife.dev/tool/feature-flag-rollout-planner/",
      "path": "/tool/feature-flag-rollout-planner/",
      "datePublished": "2026-09-29",
      "dateModified": "2026-09-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "DNS 切換時間規劃器",
      "description": "輸入 DNS 記錄類型、目前 TTL、切換 TTL 與預計變更時間，自動排出提前降 TTL、正式切換、驗收與回滾觀察窗口。",
      "url": "https://piglife.dev/tool/dns-cutover-planner/",
      "path": "/tool/dns-cutover-planner/",
      "datePublished": "2026-09-28",
      "dateModified": "2026-09-28",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SSL 憑證到期提醒器",
      "description": "輸入網域、憑證到期日與提醒天數，自動計算剩餘天數、最晚續約日、部署緩衝與多段提醒清單。",
      "url": "https://piglife.dev/tool/ssl-certificate-expiry-reminder/",
      "path": "/tool/ssl-certificate-expiry-reminder/",
      "datePublished": "2026-09-28",
      "dateModified": "2026-09-28",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "列印成本估算器",
      "description": "輸入頁數、份數、彩色頁比例、雙面設定、紙張與單頁列印費，立即估算總張數、單份成本與不同列印方案差異。",
      "url": "https://piglife.dev/tool/print-cost-estimator/",
      "path": "/tool/print-cost-estimator/",
      "datePublished": "2026-09-27",
      "dateModified": "2026-09-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "排班人力需求計算器",
      "description": "輸入各時段營業時間、預估件數、平均處理分鐘與目標負載率，快速估算每個時段需要幾人、全日工作量與班次數。",
      "url": "https://piglife.dev/tool/staff-coverage-planner/",
      "path": "/tool/staff-coverage-planner/",
      "datePublished": "2026-09-27",
      "dateModified": "2026-09-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "活動名額與候補邀請規劃器",
      "description": "輸入活動名額、保留席、已確認、待回覆與候補人數，依預估取消率與回覆率計算可邀請候補數與超收風險。",
      "url": "https://piglife.dev/tool/event-capacity-waitlist-planner/",
      "path": "/tool/event-capacity-waitlist-planner/",
      "datePublished": "2026-09-26",
      "dateModified": "2026-09-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "補貨點與安全庫存計算器",
      "description": "輸入每日用量、交期、現有庫存、安全天數與包裝倍數，快速估算補貨點、安全庫存、可撐天數與建議補貨量。",
      "url": "https://piglife.dev/tool/reorder-point-safety-stock-calculator/",
      "path": "/tool/reorder-point-safety-stock-calculator/",
      "datePublished": "2026-09-26",
      "dateModified": "2026-09-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Set-Cookie 安全稽核工具",
      "description": "貼上 Set-Cookie header，快速檢查 Secure、HttpOnly、SameSite、__Host- prefix、Cookie 大小與常見安全設定缺漏。",
      "url": "https://piglife.dev/tool/cookie-security-audit-tool/",
      "path": "/tool/cookie-security-audit-tool/",
      "datePublished": "2026-09-25",
      "dateModified": "2026-09-25",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 重複鍵檢查器",
      "description": "貼上 CSV 或 TSV，指定單一欄位或複合 key，自動找出重複群組、空白 key 與對應列號，適合匯入前資料清理。",
      "url": "https://piglife.dev/tool/csv-duplicate-key-checker/",
      "path": "/tool/csv-duplicate-key-checker/",
      "datePublished": "2026-09-25",
      "dateModified": "2026-09-25",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "日期區間重疊檢查器",
      "description": "貼上多筆開始與結束日期，自動找出重疊區間、排程空窗與合併後覆蓋天數，適合活動排期、專案時程與租借期間檢查。",
      "url": "https://piglife.dev/tool/date-range-overlap-checker/",
      "path": "/tool/date-range-overlap-checker/",
      "datePublished": "2026-09-24",
      "dateModified": "2026-09-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON Merge Patch 預覽器",
      "description": "貼上原始 JSON 與 Merge Patch JSON，立即預覽 PATCH 後結果，標出新增、更新、刪除欄位，避免 API 更新時誤刪資料。",
      "url": "https://piglife.dev/tool/json-merge-patch-previewer/",
      "path": "/tool/json-merge-patch-previewer/",
      "datePublished": "2026-09-24",
      "dateModified": "2026-09-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "OpenAPI Path 參數檢查器",
      "description": "輸入 OpenAPI path template、實際 URL 與 path parameters 宣告，檢查固定路徑、參數名稱、缺漏宣告與實際擷取值是否一致。",
      "url": "https://piglife.dev/tool/openapi-path-parameter-checker/",
      "path": "/tool/openapi-path-parameter-checker/",
      "datePublished": "2026-09-24",
      "dateModified": "2026-09-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "風險矩陣評分器",
      "description": "輸入專案風險、發生機率、影響程度與可偵測性，自動計算風險等級、優先順序與可複製摘要。",
      "url": "https://piglife.dev/tool/risk-matrix-scorer/",
      "path": "/tool/risk-matrix-scorer/",
      "datePublished": "2026-09-24",
      "dateModified": "2026-09-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML 圖片 Alt 稽核工具",
      "description": "貼上 HTML 片段，快速檢查 img 標籤是否缺少 alt、使用籠統替代文字、重複 alt 或缺少 width/height，並輸出可複製 CSV。",
      "url": "https://piglife.dev/tool/html-image-alt-audit-tool/",
      "path": "/tool/html-image-alt-audit-tool/",
      "datePublished": "2026-09-06",
      "dateModified": "2026-09-06",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SPF DNS 查詢數檢查器",
      "description": "貼上 SPF TXT 記錄，快速估算 include、a、mx、ptr、exists 與 redirect 消耗的 DNS 查詢數，找出接近或超過 10 次限制的風險。",
      "url": "https://piglife.dev/tool/spf-dns-lookup-counter/",
      "path": "/tool/spf-dns-lookup-counter/",
      "datePublished": "2026-09-06",
      "dateModified": "2026-09-06",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "API Idempotency Key 規劃器",
      "description": "輸入 API 操作、租戶範圍、資源 ID、request ID 與重試時間，產生 Idempotency-Key 範本、TTL 建議、header 與實作檢查清單。",
      "url": "https://piglife.dev/tool/api-idempotency-key-planner/",
      "path": "/tool/api-idempotency-key-planner/",
      "datePublished": "2026-09-05",
      "dateModified": "2026-09-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "資料同步",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS Container Query 產生器",
      "description": "設定 container name、selector、斷點、欄數與 gap，立即產生 container-type、@container query、fallback 提醒與可複製 CSS。",
      "url": "https://piglife.dev/tool/css-container-query-generator/",
      "path": "/tool/css-container-query-generator/",
      "datePublished": "2026-09-05",
      "dateModified": "2026-09-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "AI Token Budget 分配計算器",
      "description": "輸入模型 context limit、保留輸出、提示文字與文件數量，估算固定提示成本、可用內容額度、每份文件 token 預算與超量風險。",
      "url": "https://piglife.dev/tool/ai-token-budget-split-calculator/",
      "path": "/tool/ai-token-budget-split-calculator/",
      "datePublished": "2026-09-03",
      "dateModified": "2026-09-03",
      "section": "工具庫",
      "tags": [
        "AI",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "OAuth Scope 差異檢查器",
      "description": "貼上目前與新版本 OAuth scopes，自動整理新增、移除、維持不變與缺少的必要 scope，並標示常見高風險權限關鍵字。",
      "url": "https://piglife.dev/tool/oauth-scope-diff-checker/",
      "path": "/tool/oauth-scope-diff-checker/",
      "datePublished": "2026-09-03",
      "dateModified": "2026-09-03",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON Key 命名格式轉換器",
      "description": "貼上 JSON 物件或陣列，將所有 key 遞迴轉成 camelCase、snake_case、kebab-case、PascalCase 或 CONSTANT_CASE，並檢查命名衝突。",
      "url": "https://piglife.dev/tool/json-key-case-converter/",
      "path": "/tool/json-key-case-converter/",
      "datePublished": "2026-09-02",
      "dateModified": "2026-09-02",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown 連結檢查器",
      "description": "貼上 Markdown 內容，快速盤點 inline link、圖片與 reference link，找出空文字、危險協定、HTTP 連結、缺少定義與重複 URL。",
      "url": "https://piglife.dev/tool/markdown-link-audit-tool/",
      "path": "/tool/markdown-link-audit-tool/",
      "datePublished": "2026-09-02",
      "dateModified": "2026-09-02",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML Meta 標籤檢查器",
      "description": "貼上 HTML head 或完整頁面，快速檢查 title、meta description、canonical、viewport、Open Graph、RSS alternate 與 JSON-LD 是否完整。",
      "url": "https://piglife.dev/tool/html-meta-tags-audit-tool/",
      "path": "/tool/html-meta-tags-audit-tool/",
      "datePublished": "2026-09-01",
      "dateModified": "2026-09-01",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP Cache Header 分析器",
      "description": "貼上 HTTP response headers，依 HTML、靜態資源、公開 API 或私密資料情境分析 Cache-Control、ETag、Vary、Age 與 CDN 快取策略。",
      "url": "https://piglife.dev/tool/http-cache-header-analyzer/",
      "path": "/tool/http-cache-header-analyzer/",
      "datePublished": "2026-09-01",
      "dateModified": "2026-09-01",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP Security Headers 檢查器",
      "description": "貼上 HTTP 回應 headers，快速檢查 HSTS、CSP、nosniff、Referrer-Policy、Permissions-Policy 與跨來源隔離標頭是否齊全。",
      "url": "https://piglife.dev/tool/http-security-headers-checker/",
      "path": "/tool/http-security-headers-checker/",
      "datePublished": "2026-08-31",
      "dateModified": "2026-08-31",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Sitemap XML 檢查器",
      "description": "貼上 sitemap.xml 或 sitemap index，快速檢查 URL 筆數、重複 loc、host 分布、lastmod 格式、http URL 與單檔上限提醒。",
      "url": "https://piglife.dev/tool/sitemap-xml-audit-tool/",
      "path": "/tool/sitemap-xml-audit-tool/",
      "datePublished": "2026-08-31",
      "dateModified": "2026-08-31",
      "section": "工具庫",
      "tags": [
        "SEO",
        "Astro",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML Heading Outline 檢查器",
      "description": "貼上 HTML 片段，自動列出 H1-H6 標題輪廓，檢查缺少 H1、跳層、空白標題、重複 id 與重複標題文字。",
      "url": "https://piglife.dev/tool/html-heading-outline-checker/",
      "path": "/tool/html-heading-outline-checker/",
      "datePublished": "2026-08-30",
      "dateModified": "2026-08-30",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 字串 Escape / Unescape 工具",
      "description": "貼上多行文字或 escaped JSON string，在瀏覽器本機完成 JSON 字串跳脫與還原，檢查引號、換行、反斜線與 Unicode 內容。",
      "url": "https://piglife.dev/tool/json-string-escape-unescape/",
      "path": "/tool/json-string-escape-unescape/",
      "datePublished": "2026-08-30",
      "dateModified": "2026-08-30",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Base64URL 編碼解碼器",
      "description": "貼上文字或 Base64URL token，在瀏覽器本機完成 encode/decode，檢查 padding、URL 非安全字元與 UTF-8 解碼錯誤。",
      "url": "https://piglife.dev/tool/base64url-encoder-decoder/",
      "path": "/tool/base64url-encoder-decoder/",
      "datePublished": "2026-08-29",
      "dateModified": "2026-08-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SQL IN 條件格式化工具",
      "description": "貼上 ID、SKU、email 或流水號清單，自動去重、分行、跳脫單引號，產生可貼到 SQL client 的 WHERE IN 片段。",
      "url": "https://piglife.dev/tool/sql-in-clause-formatter/",
      "path": "/tool/sql-in-clause-formatter/",
      "datePublished": "2026-08-29",
      "dateModified": "2026-08-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "DMARC Record 產生器",
      "description": "輸入網域、DMARC policy、rua/ruf 報表信箱、alignment 與 pct，產生可貼到 DNS 的 _dmarc TXT 記錄並檢查常見風險。",
      "url": "https://piglife.dev/tool/dmarc-record-builder/",
      "path": "/tool/dmarc-record-builder/",
      "datePublished": "2026-08-28",
      "dateModified": "2026-08-28",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SRI Integrity Hash 產生器",
      "description": "貼上 JavaScript 或 CSS 檔案內容，在瀏覽器端用 Web Crypto 產生 Subresource Integrity hash，並輸出 script/link 標籤範例。",
      "url": "https://piglife.dev/tool/sri-hash-integrity-generator/",
      "path": "/tool/sri-hash-integrity-generator/",
      "datePublished": "2026-08-28",
      "dateModified": "2026-08-28",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 公式注入檢查器",
      "description": "貼上 CSV、TSV 或分號分隔資料，檢查以 =、+、-、@ 等字元開頭的欄位，並產生加上防護前綴的 CSV 內容。",
      "url": "https://piglife.dev/tool/csv-formula-injection-checker/",
      "path": "/tool/csv-formula-injection-checker/",
      "datePublished": "2026-08-27",
      "dateModified": "2026-08-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Webhook HMAC 簽章檢查器",
      "description": "輸入 webhook shared secret、payload 原文與收到的 signature header，在瀏覽器端產生 HMAC SHA-256 簽章並比對 hex、base64 或常見前綴格式。",
      "url": "https://piglife.dev/tool/webhook-hmac-signature-checker/",
      "path": "/tool/webhook-hmac-signature-checker/",
      "datePublished": "2026-08-27",
      "dateModified": "2026-08-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Accept-Language Header 產生器",
      "description": "輸入語言代碼與權重，快速產生 Accept-Language header，並檢查重複語系、q 值範圍與瀏覽器語言偏好常見設定問題。",
      "url": "https://piglife.dev/tool/accept-language-header-builder/",
      "path": "/tool/accept-language-header-builder/",
      "datePublished": "2026-08-26",
      "dateModified": "2026-08-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Open Redirect 參數檢查器",
      "description": "貼上含有 return、next、redirect_uri 等參數的網址，快速檢查是否導向未允許網域、危險協定或可疑編碼，整理成可複製的測試摘要。",
      "url": "https://piglife.dev/tool/open-redirect-parameter-checker/",
      "path": "/tool/open-redirect-parameter-checker/",
      "datePublished": "2026-08-26",
      "dateModified": "2026-08-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CLS 版面位移預算計算器",
      "description": "輸入 viewport、元素位置、尺寸與位移距離，估算每個版面位移事件的 CLS 分數、總分風險與優先修正項目。",
      "url": "https://piglife.dev/tool/cls-layout-shift-budget-calculator/",
      "path": "/tool/cls-layout-shift-budget-calculator/",
      "datePublished": "2026-08-25",
      "dateModified": "2026-08-25",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS Media Query Range 產生器",
      "description": "輸入響應式斷點，產生 min-width、max-width、only range media query、CSS 變數與斷點檢查提醒。",
      "url": "https://piglife.dev/tool/css-media-query-range-generator/",
      "path": "/tool/css-media-query-range-generator/",
      "datePublished": "2026-08-25",
      "dateModified": "2026-08-25",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "網頁特效",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "API 分頁抓取時間規劃器",
      "description": "輸入資料筆數、每頁筆數、API rate limit、延遲與重試比例，估算分頁抓取請求數、節流間隔、批次大小與同步完成時間。",
      "url": "https://piglife.dev/tool/api-pagination-planner/",
      "path": "/tool/api-pagination-planner/",
      "datePublished": "2026-08-24",
      "dateModified": "2026-08-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS z-index 層疊順序檢查器",
      "description": "輸入元素的 position、z-index、opacity、transform、isolation 與 contain 條件，快速判斷 stacking context 來源與可能覆蓋順序。",
      "url": "https://piglife.dev/tool/css-z-index-stacking-checker/",
      "path": "/tool/css-z-index-stacking-checker/",
      "datePublished": "2026-08-24",
      "dateModified": "2026-08-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "reverse-skill 是什麼？讓 AI Agent 先確認授權再選資安工具",
      "description": "分析 zhaoxuya520/reverse-skill 如何用 routing.json、scope gate、tool index、Evidence chain 與多套 Skill，把逆向工程和授權資安任務交給合適工具，並整理安裝、測試及供應鏈風險。",
      "url": "https://piglife.dev/technical-notes/reverse-skill-ai-security-task-router/",
      "path": "/technical-notes/reverse-skill-ai-security-task-router/",
      "datePublished": "2026-08-23",
      "dateModified": "2026-08-23",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "Agent Skills",
        "Claude Code",
        "Codex",
        "GitHub",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Responsive Image Srcset 產生器",
      "description": "輸入圖片原始尺寸、輸出寬度、檔名樣板與 sizes 模式，快速產生 responsive image 的 srcset、HTML 與 aspect-ratio CSS。",
      "url": "https://piglife.dev/tool/responsive-image-srcset-generator/",
      "path": "/tool/responsive-image-srcset-generator/",
      "datePublished": "2026-08-23",
      "dateModified": "2026-08-23",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Webhook Payload Size 估算器",
      "description": "貼上 webhook payload 與 header，輸入 endpoint、事件量與重試次數，估算單次大小、限制占比與每日資料傳輸量。",
      "url": "https://piglife.dev/tool/webhook-payload-size-estimator/",
      "path": "/tool/webhook-payload-size-estimator/",
      "datePublished": "2026-08-23",
      "dateModified": "2026-08-23",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS 觸控目標尺寸檢查器",
      "description": "輸入按鈕文字、字級、padding、固定寬高與相鄰間距，快速估算手機觸控目標是否太小，並產生可複製的 CSS 建議。",
      "url": "https://piglife.dev/tool/css-touch-target-checker/",
      "path": "/tool/css-touch-target-checker/",
      "datePublished": "2026-08-22",
      "dateModified": "2026-08-22",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "localStorage 容量估算器",
      "description": "貼上準備存入 localStorage 的 JSON 或文字，設定 key 前綴、item 數與假設配額，估算 UTF-16 用量、剩餘容量與超額風險。",
      "url": "https://piglife.dev/tool/local-storage-capacity-estimator/",
      "path": "/tool/local-storage-capacity-estimator/",
      "datePublished": "2026-08-22",
      "dateModified": "2026-08-22",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 陣列去重合併工具",
      "description": "貼上 JSON array，指定 id、email 或巢狀欄位路徑，自動找出重複資料，可保留第一筆、最後一筆或淺層合併後輸出。",
      "url": "https://piglife.dev/tool/json-array-deduplicator/",
      "path": "/tool/json-array-deduplicator/",
      "datePublished": "2026-08-21",
      "dateModified": "2026-08-21",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "食譜份量換算器",
      "description": "輸入原始份數、目標份數與食材清單，支援小數、分數與混合分數，快速換算每項食材的建議用量。",
      "url": "https://piglife.dev/tool/recipe-serving-scaler/",
      "path": "/tool/recipe-serving-scaler/",
      "datePublished": "2026-08-21",
      "dateModified": "2026-08-21",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CORS Header 產生器",
      "description": "依照允許來源、HTTP 方法、自訂 header、credentials 與 preflight 快取秒數，產生 CORS 回應標頭並提醒常見設定風險。",
      "url": "https://piglife.dev/tool/cors-header-generator/",
      "path": "/tool/cors-header-generator/",
      "datePublished": "2026-08-20",
      "dateModified": "2026-08-20",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "IPv4 CIDR 子網路計算器",
      "description": "輸入 IPv4 位址與 CIDR 前綴，快速換算 subnet mask、wildcard mask、network、broadcast、可用主機數與 IP 範圍。",
      "url": "https://piglife.dev/tool/ipv4-cidr-subnet-calculator/",
      "path": "/tool/ipv4-cidr-subnet-calculator/",
      "datePublished": "2026-08-20",
      "dateModified": "2026-08-20",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "OpenCodeReview 是什麼？把 AI Code Review 做成可檢查的工程管線",
      "description": "研究 alibaba/open-code-review 如何把 Git diff、檔案覆蓋、規則解析、並行 Agent、留言定位與反思組成 AI Code Review 管線，並整理安裝、限制與安全風險。",
      "url": "https://piglife.dev/technical-notes/open-code-review-ai-code-review-cli/",
      "path": "/technical-notes/open-code-review-ai-code-review-cli/",
      "datePublished": "2026-08-19",
      "dateModified": "2026-08-19",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "Claude Code",
        "Codex",
        "GitHub",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "speech-to-speech 是什麼？用開源模型組出可插話的即時語音 Agent",
      "description": "研究 Hugging Face speech-to-speech 如何用 VAD、STT、LLM、TTS、queues 與 Realtime protocol 組成可插話的語音 Agent，並整理安裝、限制、成熟度與安全風險。",
      "url": "https://piglife.dev/technical-notes/speech-to-speech-realtime-voice-agent/",
      "path": "/technical-notes/speech-to-speech-realtime-voice-agent/",
      "datePublished": "2026-08-19",
      "dateModified": "2026-08-19",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "GitHub",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Basic Auth Header 產生器",
      "description": "輸入 username、password 或 API token，在瀏覽器本地產生 Authorization: Basic header、Base64 token、curl 與 fetch 範例。",
      "url": "https://piglife.dev/tool/basic-auth-header-generator/",
      "path": "/tool/basic-auth-header-generator/",
      "datePublished": "2026-08-19",
      "dateModified": "2026-08-19",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON Schema 範例資料產生器",
      "description": "貼上 JSON Schema，自動依 type、properties、required、enum、default、format 與本地 $ref 產生可複製的 JSON 範例資料。",
      "url": "https://piglife.dev/tool/json-schema-sample-generator/",
      "path": "/tool/json-schema-sample-generator/",
      "datePublished": "2026-08-19",
      "dateModified": "2026-08-19",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 轉 SQL INSERT 產生器",
      "description": "貼上 CSV 或 TSV，設定資料表名稱與欄位列，產生 MySQL、PostgreSQL 或通用 SQL INSERT 語句，並檢查欄位名稱與列數問題。",
      "url": "https://piglife.dev/tool/csv-to-sql-insert-generator/",
      "path": "/tool/csv-to-sql-insert-generator/",
      "datePublished": "2026-08-18",
      "dateModified": "2026-08-18",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 轉 TypeScript Interface 產生器",
      "description": "貼上 JSON 物件或陣列，自動推論欄位型別、可選欄位與巢狀 interface，快速產生可複製的 TypeScript 型別草稿。",
      "url": "https://piglife.dev/tool/json-to-typescript-interface-generator/",
      "path": "/tool/json-to-typescript-interface-generator/",
      "datePublished": "2026-08-18",
      "dateModified": "2026-08-18",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV Key 欄位合併工具",
      "description": "貼上兩份 CSV 或 TSV，選擇共同 key 欄位後快速做 left join 或 inner join，預覽配對列、未配對列與可複製 TSV 結果。",
      "url": "https://piglife.dev/tool/csv-join-by-key-tool/",
      "path": "/tool/csv-join-by-key-tool/",
      "datePublished": "2026-08-17",
      "dateModified": "2026-08-17",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Meta Robots 標籤產生器",
      "description": "選擇 index/noindex、follow/nofollow、noarchive、nosnippet 與預覽限制，產生 robots meta tag 或 X-Robots-Tag header，並檢查常見衝突。",
      "url": "https://piglife.dev/tool/meta-robots-tag-generator/",
      "path": "/tool/meta-robots-tag-generator/",
      "datePublished": "2026-08-17",
      "dateModified": "2026-08-17",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "API 限流容量試算器",
      "description": "輸入 API rate limit、保留緩衝、單任務呼叫數、重試比例與並行任務，快速估算可用速率、建議並行與每日處理容量。",
      "url": "https://piglife.dev/tool/api-rate-limit-calculator/",
      "path": "/tool/api-rate-limit-calculator/",
      "datePublished": "2026-08-16",
      "dateModified": "2026-08-16",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 資料遮罩與匿名化工具",
      "description": "貼上 CSV 或 TSV 資料，逐欄設定 Email、電話、姓名、ID、日期與金額遮罩規則，快速產生可分享的匿名化資料。",
      "url": "https://piglife.dev/tool/csv-data-masker/",
      "path": "/tool/csv-data-masker/",
      "datePublished": "2026-08-16",
      "dateModified": "2026-08-16",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Chmod 權限計算器",
      "description": "勾選 owner、group、others 的讀取、寫入、執行權限，快速換算 chmod 數字、symbolic 寫法、ls -l 權限字串與可複製指令。",
      "url": "https://piglife.dev/tool/chmod-permission-calculator/",
      "path": "/tool/chmod-permission-calculator/",
      "datePublished": "2026-08-15",
      "dateModified": "2026-08-15",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Email 主旨預覽檢查器",
      "description": "輸入電子報或行銷信主旨與前導文字，快速檢查桌機、手機收件匣預覽、字數、UTF-8 bytes 與常見改善提示。",
      "url": "https://piglife.dev/tool/email-subject-preview-checker/",
      "path": "/tool/email-subject-preview-checker/",
      "datePublished": "2026-08-15",
      "dateModified": "2026-08-15",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown Frontmatter 檢查器",
      "description": "貼上 Markdown 或 Astro 文章內容，快速檢查 frontmatter 分隔線、必要欄位、重複 key、日期格式、slug、permalink 與 SEO title/meta description 長度。",
      "url": "https://piglife.dev/tool/markdown-frontmatter-checker/",
      "path": "/tool/markdown-frontmatter-checker/",
      "datePublished": "2026-08-14",
      "dateModified": "2026-08-14",
      "section": "工具庫",
      "tags": [
        "Astro",
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "URL 清單正規化工具",
      "description": "貼上網址清單，自動補齊協定、套用基準網域、轉小寫 host、移除 UTM 與點擊追蹤參數、排序 query、補尾端斜線並找出重複與無效 URL。",
      "url": "https://piglife.dev/tool/url-list-normalizer/",
      "path": "/tool/url-list-normalizer/",
      "datePublished": "2026-08-14",
      "dateModified": "2026-08-14",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP Header Size 檢查器",
      "description": "貼上 request 與 response headers，估算總 bytes、Cookie 與 Set-Cookie 佔用，找出接近 8KB 預算或格式異常的 header。",
      "url": "https://piglife.dev/tool/http-header-size-checker/",
      "path": "/tool/http-header-size-checker/",
      "datePublished": "2026-08-13",
      "dateModified": "2026-08-13",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Redirect Map 檢查器",
      "description": "貼上來源、目標與狀態碼，自動檢查 redirect map 的重複來源、自我轉址、轉址迴圈、chain、外部目標與尾端斜線。",
      "url": "https://piglife.dev/tool/redirect-map-checker/",
      "path": "/tool/redirect-map-checker/",
      "datePublished": "2026-08-13",
      "dateModified": "2026-08-13",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "DNS TTL 快取時間換算器",
      "description": "輸入目前與預計調整的 DNS TTL，換算秒、分鐘、小時，並估算變更前降 TTL 與變更後觀察的保守時間線。",
      "url": "https://piglife.dev/tool/dns-ttl-cache-calculator/",
      "path": "/tool/dns-ttl-cache-calculator/",
      "datePublished": "2026-08-12",
      "dateModified": "2026-08-12",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "社群貼文字數檢查器",
      "description": "貼上社群貼文草稿，立即檢查字數、網址折算、hashtag、mention 與各平台長度限制，避免發布前才發現內容超字。",
      "url": "https://piglife.dev/tool/social-post-length-checker/",
      "path": "/tool/social-post-length-checker/",
      "datePublished": "2026-08-12",
      "dateModified": "2026-08-12",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON Path Finder",
      "description": "貼上 JSON 後自動展開 object、array 與 value，搜尋 key 或內容並複製可用的 JSON path。",
      "url": "https://piglife.dev/tool/json-path-finder/",
      "path": "/tool/json-path-finder/",
      "datePublished": "2026-08-11",
      "dateModified": "2026-08-11",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Set-Cookie Header 產生器",
      "description": "快速產生 Set-Cookie header，檢查 SameSite、Secure、HttpOnly、Partitioned 與 __Host- / __Secure- 前綴規則。",
      "url": "https://piglife.dev/tool/set-cookie-header-builder/",
      "path": "/tool/set-cookie-header-builder/",
      "datePublished": "2026-08-11",
      "dateModified": "2026-08-11",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSP Header 產生器",
      "description": "用常見網站情境快速產生 Content-Security-Policy header，檢查 unsafe-inline、萬用字元與缺少 fallback 的風險提醒。",
      "url": "https://piglife.dev/tool/csp-header-builder/",
      "path": "/tool/csp-header-builder/",
      "datePublished": "2026-08-10",
      "dateModified": "2026-08-10",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 分隔符號偵測器",
      "description": "貼上 CSV、TSV 或分號分隔資料，自動比較分隔符號、檢查欄數一致性，並預覽前幾列解析結果。",
      "url": "https://piglife.dev/tool/csv-delimiter-detector/",
      "path": "/tool/csv-delimiter-detector/",
      "datePublished": "2026-08-10",
      "dateModified": "2026-08-10",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS Specificity 權重計算器",
      "description": "貼上 CSS selector，自動計算 ID、class、attribute、pseudo-class 與元素權重，快速比較樣式覆蓋順序。",
      "url": "https://piglife.dev/tool/css-specificity-calculator/",
      "path": "/tool/css-specificity-calculator/",
      "datePublished": "2026-08-09",
      "dateModified": "2026-08-09",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JWT Payload 解碼檢查器",
      "description": "貼上 JWT token，在瀏覽器端解碼 header 與 payload，整理 exp、iat、nbf 等常見 claim 與到期狀態。",
      "url": "https://piglife.dev/tool/jwt-payload-decoder/",
      "path": "/tool/jwt-payload-decoder/",
      "datePublished": "2026-08-09",
      "dateModified": "2026-08-09",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP 重試退避時間計算器",
      "description": "輸入初始等待、倍率、最大等待、重試次數與 jitter 比例，快速產生 HTTP API 重試退避時間表、最短最長等待與最壞情境耗時。",
      "url": "https://piglife.dev/tool/http-retry-backoff-calculator/",
      "path": "/tool/http-retry-backoff-calculator/",
      "datePublished": "2026-08-08",
      "dateModified": "2026-08-08",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SLA 可用率停機時間計算器",
      "description": "輸入 SLA 可用率、統計期間與事故停機分鐘數，快速換算允許停機時間、剩餘錯誤預算與實際可用率。",
      "url": "https://piglife.dev/tool/sla-uptime-downtime-calculator/",
      "path": "/tool/sla-uptime-downtime-calculator/",
      "datePublished": "2026-08-08",
      "dateModified": "2026-08-08",
      "section": "工具庫",
      "tags": [
        "Serverless",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "團購免運門檻分攤計算器",
      "description": "輸入團購成員金額、免運門檻與未達門檻運費，計算還差多少免運、是否值得湊單，以及每位成員應分攤的付款金額。",
      "url": "https://piglife.dev/tool/free-shipping-threshold-split-calculator/",
      "path": "/tool/free-shipping-threshold-split-calculator/",
      "datePublished": "2026-08-07",
      "dateModified": "2026-08-07",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "停車費上限比較計算器",
      "description": "輸入停車時間、每月次數、首段費率、續時計費與每日上限，快速比較不同停車方案的單次費用與月支出。",
      "url": "https://piglife.dev/tool/parking-fee-cap-comparison-calculator/",
      "path": "/tool/parking-fee-cap-comparison-calculator/",
      "datePublished": "2026-08-07",
      "dateModified": "2026-08-07",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "ego lite 是什麼？讓 AI Agent 共用登入狀態又不搶你的分頁",
      "description": "分析 citrolabs/ego-lite 如何用 Task Spaces、ego-browser Skill、Node.js helper 與 CDP 讓外部 AI Agent 操作登入後網站，並整理開源邊界、安裝、安全與評測限制。",
      "url": "https://piglife.dev/technical-notes/ego-lite-ai-agent-browser-task-spaces/",
      "path": "/technical-notes/ego-lite-ai-agent-browser-task-spaces/",
      "datePublished": "2026-08-06",
      "dateModified": "2026-08-06",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "Agent Skills",
        "Claude Code",
        "Codex",
        "GitHub",
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Cache-Control 標頭產生器",
      "description": "選擇靜態資源、HTML、API 或私密資料情境，快速產生 Cache-Control header，並檢查 max-age、s-maxage、stale-while-revalidate 等常見設定問題。",
      "url": "https://piglife.dev/tool/cache-control-header-builder/",
      "path": "/tool/cache-control-header-builder/",
      "datePublished": "2026-08-06",
      "dateModified": "2026-08-06",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown 目錄產生器",
      "description": "貼上 Markdown 文章，自動擷取 H2 到 H4 標題，產生可複製的目錄連結與 HTML nav，支援 GitHub 風格錨點與重複標題編號。",
      "url": "https://piglife.dev/tool/markdown-toc-generator/",
      "path": "/tool/markdown-toc-generator/",
      "datePublished": "2026-08-06",
      "dateModified": "2026-08-06",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "檔案傳輸時間計算器",
      "description": "輸入檔案大小、檔案數、網路或磁碟速度與損耗比例，快速換算下載、上傳、備份或搬移檔案的預估時間。",
      "url": "https://piglife.dev/tool/file-transfer-time-calculator/",
      "path": "/tool/file-transfer-time-calculator/",
      "datePublished": "2026-08-05",
      "dateModified": "2026-08-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "工時加總計算器",
      "description": "輸入每段上班開始、結束與休息分鐘數，自動加總淨工時、跨日班段、加班與不足時數，可複製班表摘要。",
      "url": "https://piglife.dev/tool/work-hours-timesheet-calculator/",
      "path": "/tool/work-hours-timesheet-calculator/",
      "datePublished": "2026-08-05",
      "dateModified": "2026-08-05",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": ".env 變數差異檢查器",
      "description": "貼上兩份 .env、.env.example 或部署平台環境變數清單，快速找出缺少、重複、格式錯誤與值是否不同的 key，不顯示敏感值。",
      "url": "https://piglife.dev/tool/env-var-diff-checker/",
      "path": "/tool/env-var-diff-checker/",
      "datePublished": "2026-08-04",
      "dateModified": "2026-08-04",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Hreflang 標籤產生器",
      "description": "輸入多語系頁面的語系代碼與網址，快速產生 hreflang alternate link、x-default 標籤與 sitemap XML 片段，並檢查常見設定問題。",
      "url": "https://piglife.dev/tool/hreflang-tag-generator/",
      "path": "/tool/hreflang-tag-generator/",
      "datePublished": "2026-08-04",
      "dateModified": "2026-08-04",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "ai-agent-book 是什麼？從原理、實驗到證據理解 AI Agent",
      "description": "研究 bojieli/ai-agent-book 如何用 10 章教材、95 個實驗與證據台帳拆解 AI Agent，並整理安裝、執行流程、成熟度與安全限制。",
      "url": "https://piglife.dev/technical-notes/ai-agent-book-agent-engineering-guide/",
      "path": "/technical-notes/ai-agent-book-agent-engineering-guide/",
      "datePublished": "2026-08-03",
      "dateModified": "2026-08-03",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "GitHub",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "book-to-skill 是什麼？把技術書編譯成可按需讀取的 Agent Skill",
      "description": "研究 virgiliojr94/book-to-skill 如何把 PDF 與多種文件轉成可按需載入的 Agent Skill，整理資料流、安裝、限制、著作權與 prompt injection 風險。",
      "url": "https://piglife.dev/technical-notes/book-to-skill-agent-skill-generator/",
      "path": "/technical-notes/book-to-skill-agent-skill-generator/",
      "datePublished": "2026-08-03",
      "dateModified": "2026-08-19",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "Agent Skills",
        "Claude Code",
        "GitHub",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "會議議程時間分配器",
      "description": "輸入會議開始時間、總長度與各議程分鐘數，自動排出每段開始結束時間，並可等比塞入指定時長。",
      "url": "https://piglife.dev/tool/meeting-agenda-time-planner/",
      "path": "/tool/meeting-agenda-time-planner/",
      "datePublished": "2026-08-03",
      "dateModified": "2026-08-03",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "包裹材積重量計算器",
      "description": "輸入包裹長寬高、實際重量、件數與材積除數，快速比較實重、材積重與物流計費重量。",
      "url": "https://piglife.dev/tool/parcel-dimensional-weight-calculator/",
      "path": "/tool/parcel-dimensional-weight-calculator/",
      "datePublished": "2026-08-03",
      "dateModified": "2026-08-03",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS Grid 欄位產生器",
      "description": "設定最小欄寬、欄距、固定欄數與 class 名稱，快速產生 CSS Grid template 程式碼與響應式預覽，適合卡片列表與後台版面切版。",
      "url": "https://piglife.dev/tool/css-grid-template-generator/",
      "path": "/tool/css-grid-template-generator/",
      "datePublished": "2026-08-02",
      "dateModified": "2026-08-02",
      "section": "工具庫",
      "tags": [
        "React",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML 表格轉 Markdown 工具",
      "description": "貼上 HTML table 原始碼，快速轉成 Markdown 表格，並保留表頭、對齊方向與儲存格文字，適合整理文件、GitHub README 與技術筆記。",
      "url": "https://piglife.dev/tool/html-table-to-markdown-converter/",
      "path": "/tool/html-table-to-markdown-converter/",
      "datePublished": "2026-08-02",
      "dateModified": "2026-08-02",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTTP 狀態碼查詢器",
      "description": "輸入 HTTP 狀態碼或關鍵字，快速查詢狀態碼分類、常見情境、是否可重試與 SEO 檢查提示，適合除錯 API、網站與轉址問題。",
      "url": "https://piglife.dev/tool/http-status-code-helper/",
      "path": "/tool/http-status-code-helper/",
      "datePublished": "2026-08-01",
      "dateModified": "2026-08-01",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown 待辦進度計算器",
      "description": "貼上 Markdown checklist，自動統計已完成、未完成、進行中與封鎖項目，產生可複製的進度摘要與剩餘待辦清單。",
      "url": "https://piglife.dev/tool/markdown-checklist-progress-calculator/",
      "path": "/tool/markdown-checklist-progress-calculator/",
      "datePublished": "2026-08-01",
      "dateModified": "2026-08-01",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "把 PDF 需求交給 AI 估點：附件解析、RAG 與人工核准",
      "description": "從內部估點系統的實際資料流，拆解可搜尋 PDF 文字抽取、歷史案例檢索、結構化 AI 建議、人工核准與點數預扣，並說清楚 OCR 與向量 RAG 尚未完成的邊界。",
      "url": "https://piglife.dev/technical-notes/ai-pdf-requirement-points-estimation/",
      "path": "/technical-notes/ai-pdf-requirement-points-estimation/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-07-31",
      "section": "技術筆記",
      "tags": [
        "AI",
        "React",
        "Prisma",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "AI 可以提出建議，但不能直接核准：Approval Ledger 與權限分離",
      "description": "從內部估點系統拆解 AI 建議、PM 核准、點數預扣、超額授權、完工結算與 Historical Case 的責任，並說明目前只有單一管理員登入、尚非完整多使用者 RBAC。",
      "url": "https://piglife.dev/technical-notes/ai-suggestion-human-approval-ledger/",
      "path": "/technical-notes/ai-suggestion-human-approval-ledger/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-07-31",
      "section": "技術筆記",
      "tags": [
        "AI",
        "Prisma",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "同一套 AI 分析流程如何支援 Codex CLI 與 OpenAI API？",
      "description": "以內部估點系統為例，拆解共用 AI provider contract 如何連接 Codex CLI non-interactive mode、OpenAI Responses API、strict structured output、timeout、失敗紀錄與資料治理。",
      "url": "https://piglife.dev/technical-notes/codex-cli-openai-provider-adapter/",
      "path": "/technical-notes/codex-cli-openai-provider-adapter/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-08-03",
      "section": "技術筆記",
      "tags": [
        "AI",
        "AI Agent",
        "Codex",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "如何把完成案件變成下一次估價可用的 RAG 知識庫？",
      "description": "從完工結算建立 HistoricalCase 與 KnowledgeChunk，拆解實際點數、工時、PM 調整、工程備註、品質標籤如何回到下一次估點，並說清楚目前仍是關鍵字檢索而非向量 RAG。",
      "url": "https://piglife.dev/technical-notes/historical-cases-rag-estimation-learning-loop/",
      "path": "/technical-notes/historical-cases-rag-estimation-learning-loop/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-08-03",
      "section": "技術筆記",
      "tags": [
        "AI",
        "Prisma",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS 間距尺度產生器",
      "description": "輸入基準間距、層級數與輸出單位，快速產生 CSS spacing scale、design tokens 與可複製的變數片段。",
      "url": "https://piglife.dev/tool/css-spacing-scale-generator/",
      "path": "/tool/css-spacing-scale-generator/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-07-31",
      "section": "工具庫",
      "tags": [
        "React",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 分組彙總工具",
      "description": "貼上 CSV 或 TSV 資料，選擇分組欄位與數字欄位，立即產生加總、平均、最大值、最小值或筆數統計表。",
      "url": "https://piglife.dev/tool/csv-pivot-summary/",
      "path": "/tool/csv-pivot-summary/",
      "datePublished": "2026-07-31",
      "dateModified": "2026-07-31",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "沒有獨立後端的 Customer Account Extension 能做到什麼？",
      "description": "從 extension-only Shopify App 拆解平台代管 UI bundle、target context、Customer Account API、Storefront API、Admin App Home 與 external backend 的責任，避免把無伺服器誤寫成無資料邊界。",
      "url": "https://piglife.dev/technical-notes/shopify-customer-account-extension-without-backend/",
      "path": "/technical-notes/shopify-customer-account-extension-without-backend/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-30",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Extension",
        "Shopify App",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify Customer Account UI Extension 如何掛載訂單列表、狀態與個人資料頁？",
      "description": "以同一個 Service Center 掛載三個 Customer Account block targets，拆解 Order Index、Order Status、Profile 的 context、merchant placement、protected customer data 與尚未完成的服務流程。",
      "url": "https://piglife.dev/technical-notes/shopify-customer-account-ui-extension-targets/",
      "path": "/technical-notes/shopify-customer-account-ui-extension-targets/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-30",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Extension",
        "Shopify App",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "客製 Dawn Theme 時，如何降低未來升級成本？",
      "description": "從一份沒有 Git 歷史的 Dawn 15.3.0 客製 Theme 重建 upstream 差異，說明如何分開官方基線、手寫功能與 Theme Editor 狀態，讓未來更新不再靠整包覆蓋或人工猜測。",
      "url": "https://piglife.dev/technical-notes/shopify-dawn-theme-upgrade-safe-customization/",
      "path": "/technical-notes/shopify-dawn-theme-upgrade-safe-customization/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-30",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Theme",
        "Liquid",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "從舊會員中心搬到 Shopify New Customer Accounts，功能如何分階段遷移？",
      "description": "以舊訂單查詢與服務中心案例，拆解 Shopify legacy customer accounts 遷移的 inventory、資料保存、Customer Account UI Extension、pilot、cutover 與 retirement，並明確區分已實作管理員查詢與尚未完成的顧客端流程。",
      "url": "https://piglife.dev/technical-notes/shopify-new-customer-accounts-legacy-migration/",
      "path": "/technical-notes/shopify-new-customer-accounts-legacy-migration/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-31",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Extension",
        "Shopify App",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "批次檔名整理工具",
      "description": "貼上多個檔名，批次移除特殊字元、統一大小寫、加入前後綴與流水號，立即產生可複製的新檔名清單。",
      "url": "https://piglife.dev/tool/batch-filename-cleaner/",
      "path": "/tool/batch-filename-cleaner/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-30",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "商品毛利率計算器",
      "description": "輸入進貨成本、包材運費、廣告成本、平台抽成與售價，快速試算毛利、毛利率、損益兩平價與達標售價。",
      "url": "https://piglife.dev/tool/profit-margin-calculator/",
      "path": "/tool/profit-margin-calculator/",
      "datePublished": "2026-07-30",
      "dateModified": "2026-07-30",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify Theme 內容該用 Blog、Product、Collection 還是 Metafield？",
      "description": "從新聞、政策內容、支持商品與首頁精選卡片出發，建立 Shopify Blog、Product、Collection、Metafield 與手動 block 的選擇準則，並區分轉版計畫與目前已落地能力。",
      "url": "https://piglife.dev/technical-notes/shopify-theme-content-resource-modeling/",
      "path": "/technical-notes/shopify-theme-content-resource-modeling/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Theme",
        "Liquid",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify Theme 轉版如何驗收？從 Theme Check 到三種響應式尺寸",
      "description": "建立 Shopify Theme 轉版的分層驗收流程：source inventory、Theme Check、JSON templates、390／820／1440 視覺比對、Theme Editor reorder 與 resource edge cases，並公開本次只完成靜態檢查的邊界。",
      "url": "https://piglife.dev/technical-notes/shopify-theme-conversion-validation/",
      "path": "/technical-notes/shopify-theme-conversion-validation/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Theme",
        "Liquid",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "如何把一頁式設計拆成 Shopify 可編輯的 Sections 與 Blocks？",
      "description": "用首頁 Hero、卡片、分類紀錄與動態清單的實際拆分，說明 Shopify section settings、blocks、JSON template order 與 Theme Editor 責任，並記錄尚未完成 live editor 驗收的限制。",
      "url": "https://piglife.dev/technical-notes/shopify-theme-sections-blocks-editor/",
      "path": "/technical-notes/shopify-theme-sections-blocks-editor/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Theme",
        "Liquid",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "從靜態 HTML 切版到 Shopify Online Store 2.0 Theme",
      "description": "從多頁靜態設計稿、共用素材與響應式規格出發，說明如何把畫面拆成 Shopify layout、assets、sections、blocks 與 JSON templates，同時保留目前只完成首頁轉換的證據邊界。",
      "url": "https://piglife.dev/technical-notes/static-html-to-shopify-online-store-2-theme/",
      "path": "/technical-notes/static-html-to-shopify-online-store-2-theme/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify Theme",
        "Liquid",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON Lines 檢查器",
      "description": "貼上 JSONL 或 NDJSON，每行即時檢查 JSON 格式、標示錯誤行、統計欄位出現次數，並可轉成可複製的 JSON 陣列。",
      "url": "https://piglife.dev/tool/json-lines-validator/",
      "path": "/tool/json-lines-validator/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Open Graph 預覽產生器",
      "description": "輸入標題、描述、網址與圖片，預覽社群分享卡片，檢查標題摘要長度，並產生可複製的 Open Graph 與 Twitter Card meta tags。",
      "url": "https://piglife.dev/tool/open-graph-preview-generator/",
      "path": "/tool/open-graph-preview-generator/",
      "datePublished": "2026-07-29",
      "dateModified": "2026-07-29",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "把 Shopify App 上架條件做成 Readiness CLI",
      "description": "從散落在環境變數、App config、Prisma artifact、listing 與 runbook 的上架條件出發，說明如何建立可重複執行的 readiness rules、CLI report 與 CI exit code，同時保留 Shopify 正式審查的邊界。",
      "url": "https://piglife.dev/technical-notes/shopify-app-store-readiness-cli/",
      "path": "/technical-notes/shopify-app-store-readiness-cli/",
      "datePublished": "2026-07-28",
      "dateModified": "2026-07-28",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "GitHub",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify GDPR Webhook 不只是回傳 200：Data Request、Redact 與交付紀錄",
      "description": "從只驗證 Webhook 並回傳 200 的第一版出發，拆解 Shopify mandatory compliance webhooks 如何加入請求持久化、本地資料匯出、人工交付紀錄、顧客與商店資料刪除，以及仍需補強的冪等與稽核邊界。",
      "url": "https://piglife.dev/technical-notes/shopify-gdpr-webhooks-data-request-redact/",
      "path": "/technical-notes/shopify-gdpr-webhooks-data-request-redact/",
      "datePublished": "2026-07-28",
      "dateModified": "2026-07-28",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "商家後台不該出現開發者檢查項目：如何分離操作流程與內部診斷？",
      "description": "記錄一個 Shopify App 如何把 MVP phase、環境與上架檢查移出商家首頁，改成只顯示連線、Mapping、自動同步、失敗事項與明確 CTA，並將 release diagnostics 留給 CLI、CI 與內部 runbook。",
      "url": "https://piglife.dev/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/",
      "path": "/technical-notes/shopify-merchant-ui-developer-diagnostics-separation/",
      "datePublished": "2026-07-28",
      "dateModified": "2026-07-28",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "React",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 欄位統計器",
      "description": "貼上 CSV、TSV 或分號分隔資料，快速統計每個欄位的空值、填寫率、唯一值、重複值與數字範圍，適合資料匯入前檢查。",
      "url": "https://piglife.dev/tool/csv-column-profiler/",
      "path": "/tool/csv-column-profiler/",
      "datePublished": "2026-07-28",
      "dateModified": "2026-07-28",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "隨機分組產生器",
      "description": "貼上成員名單，依組數或每組人數快速產生隨機分組，支援 seed 重現結果、移除重複姓名與一鍵複製分組名單。",
      "url": "https://piglife.dev/tool/random-group-generator/",
      "path": "/tool/random-group-generator/",
      "datePublished": "2026-07-28",
      "dateModified": "2026-07-28",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "開發用 SQLite、正式用 PostgreSQL：Prisma 雙 Schema 如何避免部署才爆炸？",
      "description": "記錄 Shopify App 本機使用 SQLite、正式環境改用 PostgreSQL 時，如何分離 schema 與 migration history，並用 model parity test、migration lock 與 CI 阻止錯誤 artifact 上線。",
      "url": "https://piglife.dev/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/",
      "path": "/technical-notes/prisma-sqlite-postgresql-dual-schema-deployment/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Prisma",
        "PostgreSQL",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Ragic 欄位改了怎麼辦？用 Schema Diff 修復既有 Mapping",
      "description": "記錄 Ragic API 文件重新匯入後，如何比對既有 Mapping 的 Field ID、可寫入狀態與型別，先停用有風險的同步，再讓商家逐欄修復或還原版本。",
      "url": "https://piglife.dev/technical-notes/ragic-schema-change-mapping-diff-repair/",
      "path": "/technical-notes/ragic-schema-change-mapping-diff-repair/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify 歷史訂單 Backfill，如何避免重複同步與漏資料？",
      "description": "從手動輸入 Shopify resource ID 的 Backfill MVP 出發，拆解 active Mapping gate、未完成工作去重、重新讀取來源、Ragic upsert，以及完整歷史掃描仍缺少的 pagination checkpoint。",
      "url": "https://piglife.dev/technical-notes/shopify-ragic-historical-data-backfill/",
      "path": "/technical-notes/shopify-ragic-historical-data-backfill/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify Webhook 為什麼不能收到後直接完成 Ragic 同步？",
      "description": "從一套 Shopify 與 Ragic 串接 App 的實作，說明 Webhook 為何只負責驗證與工作落地，再由可重試的 job processor 完成外部寫入與重複事件處理。",
      "url": "https://piglife.dev/technical-notes/shopify-webhook-job-queue-retry-dedup/",
      "path": "/technical-notes/shopify-webhook-job-queue-retry-dedup/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "Serverless",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "重複行清理工具",
      "description": "貼上多行文字、網址、關鍵字或 SKU 清單，快速移除重複行、空白行並整理輸出，支援忽略大小寫與保留首次或最後項目。",
      "url": "https://piglife.dev/tool/duplicate-line-cleaner/",
      "path": "/tool/duplicate-line-cleaner/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "圖片比例尺寸計算器",
      "description": "輸入圖片比例、寬度或高度，立即換算另一邊尺寸，並產出 CSS aspect-ratio，適合社群圖片、網站封面與縮圖製作。",
      "url": "https://piglife.dev/tool/image-aspect-ratio-calculator/",
      "path": "/tool/image-aspect-ratio-calculator/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "台灣統一編號檢查器",
      "description": "貼上台灣公司統一編號，快速檢查 8 碼格式、校驗碼與重複資料，並輸出可複製的標準清單。",
      "url": "https://piglife.dev/tool/taiwan-tax-id-checker/",
      "path": "/tool/taiwan-tax-id-checker/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "URL 編碼解碼工具",
      "description": "貼上網址、query 參數或一般文字，快速進行 URL encode / decode，支援 component、表單參數與完整網址模式。",
      "url": "https://piglife.dev/tool/url-encoder-decoder/",
      "path": "/tool/url-encoder-decoder/",
      "datePublished": "2026-07-27",
      "dateModified": "2026-07-27",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "如何把 Ragic API 文件轉成 Shopify 欄位 Mapping 編輯器？",
      "description": "以一個專案自訂的 Ragic API 文件格式為例，說明如何解析表單、Field ID、可寫入狀態與子表格資訊，再生成可驗證的 Shopify 欄位 Mapping 編輯器。",
      "url": "https://piglife.dev/technical-notes/ragic-api-document-shopify-mapping-editor/",
      "path": "/technical-notes/ragic-api-document-shopify-mapping-editor/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "寫入 Ragic 前先 Dry Run：資料同步工具如何讓商家安全確認？",
      "description": "從可任意貼 JSON 的早期預覽，演進成由 Server 重新讀取 Shopify 訂單或會員、套用 Mapping、顯示 warnings，並要求第二次明確操作才寫入 Ragic。",
      "url": "https://piglife.dev/technical-notes/shopify-ragic-dry-run-payload-preview/",
      "path": "/technical-notes/shopify-ragic-dry-run-payload-preview/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify × Ragic 欄位 Mapping，為什麼從 AI 自動配對改回人工確認？",
      "description": "回顧欄位名稱打分與 AI 草稿的實作，說明為什麼最終商家流程改成逐欄人工確認，以及如何在 server 端驗證 Field ID、資料型別與 unique key。",
      "url": "https://piglife.dev/technical-notes/shopify-ragic-manual-field-mapping-decision/",
      "path": "/technical-notes/shopify-ragic-manual-field-mapping-decision/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "AI",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify 與 Ragic 串接實戰：從訂單 Webhook 到資料 Upsert",
      "description": "從一套訂單與會員同步 App 的實際演進，說明 Shopify Webhook 如何先落地成 job，再經欄位 mapping、payload transform 與 unique key 完成 Ragic create 或 update。",
      "url": "https://piglife.dev/technical-notes/shopify-ragic-order-customer-sync-architecture/",
      "path": "/technical-notes/shopify-ragic-order-customer-sync-architecture/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Ragic",
        "資料同步",
        "Serverless",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "折扣計算器",
      "description": "輸入原價、折扣百分比、數量、優惠券、運費與稅率，快速換算折後總額、實付單價、省下金額與有效折扣。",
      "url": "https://piglife.dev/tool/discount-calculator/",
      "path": "/tool/discount-calculator/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "密碼產生器",
      "description": "設定長度、大小寫、數字、符號與易混淆字元，快速產生可複製的隨機密碼，並估算密碼強度與熵值。",
      "url": "https://piglife.dev/tool/password-generator/",
      "path": "/tool/password-generator/",
      "datePublished": "2026-07-26",
      "dateModified": "2026-07-26",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify App 收費不能只做付款頁：如何限制未訂閱帳號？",
      "description": "記錄 Shopify App Pricing 接上方案頁後，如何使用 Partner API、短期快取、有限 stale access 與 server-side route guard，阻止未訂閱商店直接呼叫受保護的 loader 或 action。",
      "url": "https://piglife.dev/technical-notes/shopify-app-billing-route-access-control/",
      "path": "/technical-notes/shopify-app-billing-route-access-control/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify App 其實有四個部署面：Web、App Version、Database 與 Store Config",
      "description": "用一次 Shopify App 主機遷移說明四個彼此獨立的部署面，避免把 Web 上線、Shopify App Version、資料庫 migration 與商店設定誤認為同一次發布。",
      "url": "https://piglife.dev/technical-notes/shopify-app-four-deployment-surfaces/",
      "path": "/technical-notes/shopify-app-four-deployment-surfaces/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Extension",
        "Shopify Functions",
        "Vercel",
        "Prisma",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "把 Shopify App 搬到 Vercel 與 Neon，不只是更換 Hosting",
      "description": "記錄一個 React Router Shopify App 從長駐 Web Server 搬到 Vercel、資料庫移到 Neon 時，如何拆開 runtime adapter、連線池、migration 與正式流量切換。",
      "url": "https://piglife.dev/technical-notes/shopify-app-vercel-neon-migration/",
      "path": "/technical-notes/shopify-app-vercel-neon-migration/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Vercel",
        "PostgreSQL",
        "Prisma",
        "Serverless",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Serverless 環境如何處理 Shopify 大量商品更新？",
      "description": "從一個同步式批量特價 action 出發，說明依商品分組、snapshot checkpoint、部分成功與 Function timeout，並規劃可重試的 durable job 架構。",
      "url": "https://piglife.dev/technical-notes/shopify-bulk-operations-serverless-jobs/",
      "path": "/technical-notes/shopify-bulk-operations-serverless-jobs/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Serverless",
        "Vercel",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify 折扣如何同時支援商品頁、購物車、Checkout 與 POS？",
      "description": "記錄 Shopify 折扣 App 如何分開處理 Theme 價格預覽、Customer Segment 查詢與 Discount Function 交易計算，避免把商品頁顯示誤當成 Cart、Checkout 或 POS 的成交結果。",
      "url": "https://piglife.dev/technical-notes/shopify-discount-storefront-checkout-pos-consistency/",
      "path": "/technical-notes/shopify-discount-storefront-checkout-pos-consistency/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Theme",
        "Shopify Extension",
        "Shopify Functions",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify POS 折扣條件怎麼判斷？從 retailLocation 找出執行場景",
      "description": "記錄 Shopify Discount Function 如何透過 cart.retailLocation 區分 Online Store 與 POS，並說明它能證明零售交易，卻不能證明門市使用哪一種 POS 方案。",
      "url": "https://piglife.dev/technical-notes/shopify-pos-discount-retail-location-eligibility/",
      "path": "/technical-notes/shopify-pos-discount-retail-location-eligibility/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Functions",
        "Shopify Extension",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "一個 Promotion 對應一個 Shopify Automatic App Discount，有什麼好處？",
      "description": "記錄 Shopify 折扣 App 從多個促銷共用一個 Automatic App Discount，改成每個 Promotion 擁有獨立 discount node 的原因，以及同步、停用、刪除與舊資料清理的取捨。",
      "url": "https://piglife.dev/technical-notes/shopify-promotion-per-automatic-app-discount/",
      "path": "/technical-notes/shopify-promotion-per-automatic-app-discount/",
      "datePublished": "2026-07-25",
      "dateModified": "2026-07-25",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Functions",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "開發 Shopify 折扣 App 時，如何解決 Discount Function 設定超過大小限制？",
      "description": "記錄 Shopify 折扣 App 把促銷規則寫入 Function owner metafield 後，後台儲存成功但結帳沒有折扣的排查過程，以及如何用精簡 schema、byte 檢查與 input query variables 控制限制。",
      "url": "https://piglife.dev/technical-notes/shopify-discount-function-config-size-limit/",
      "path": "/technical-notes/shopify-discount-function-config-size-limit/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-24",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Functions",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "開發 Shopify 排程促銷時，為什麼時間會差 8 小時？",
      "description": "記錄 Shopify 促銷排程在編輯與儲存時出現 8 小時落差的原因，拆解 datetime-local、操作者瀏覽器時區、商店 IANA timezone 與資料庫 UTC 的轉換責任。",
      "url": "https://piglife.dev/technical-notes/shopify-promotion-schedule-store-timezone/",
      "path": "/technical-notes/shopify-promotion-schedule-store-timezone/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-24",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify 批量特價不能只改 Variant Price：用 Snapshot 與 Restore 安全回復",
      "description": "記錄 Shopify 批量特價直接修改 Variant price 與 compare-at price 時，如何用快照、租約、狀態機、逐組進度與還原衝突偵測，避免覆蓋商家後續改價。",
      "url": "https://piglife.dev/technical-notes/shopify-sale-price-campaign-safe-restore/",
      "path": "/technical-notes/shopify-sale-price-campaign-safe-restore/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-31",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Prisma",
        "PostgreSQL",
        "資料同步",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Shopify 商品系列排程折扣，為什麼不能提前展開商品清單？",
      "description": "記錄 Shopify Collection 排程促銷先遇到未來規則被過濾，之後又因儲存時展開商品造成規則過期與設定膨脹，最後改由 Discount Function runtime 判斷 membership。",
      "url": "https://piglife.dev/technical-notes/shopify-scheduled-collection-discount-rules/",
      "path": "/technical-notes/shopify-scheduled-collection-discount-rules/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-31",
      "section": "技術筆記",
      "tags": [
        "Shopify",
        "Shopify App",
        "Shopify Functions",
        "JavaScript",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "工作天數計算器",
      "description": "輸入開始與結束日期，排除週末與自訂休假日，立即計算工作天數，也可從指定日期往後推算 N 個工作天。",
      "url": "https://piglife.dev/tool/business-day-calculator/",
      "path": "/tool/business-day-calculator/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "單價比較計算器",
      "description": "輸入不同商品的價格、容量、件數、折扣與運費，快速換算每 100 公克、每 100 毫升或每件單價，找出真正划算的選項。",
      "url": "https://piglife.dev/tool/unit-price-comparison-calculator/",
      "path": "/tool/unit-price-comparison-calculator/",
      "datePublished": "2026-07-24",
      "dateModified": "2026-07-24",
      "section": "工具庫",
      "tags": [
        "JavaScript",
        "SEO",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Loop Engineering 是什麼？把 AI Coding Agent 變成可治理的開發迴圈",
      "description": "研究 cobusgreyling/loop-engineering 如何用排程、Skills、狀態、Git worktree、Verifier、成本預算與安全閘門，建立能持續執行又知道何時停下的 AI coding agent 開發迴圈。",
      "url": "https://piglife.dev/technical-notes/loop-engineering-ai-coding-agent-automation/",
      "path": "/technical-notes/loop-engineering-ai-coding-agent-automation/",
      "datePublished": "2026-07-23",
      "dateModified": "2026-07-23",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "Agent Skills",
        "Claude Code",
        "Codex",
        "GitHub",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV to JSON 轉換器｜CSV/TSV 快速轉 JSON 陣列 · CSV to JSON Converter Tool",
      "description": "貼上 CSV、TSV 或分號分隔資料，自動偵測欄位並轉成可複製的 JSON 陣列。",
      "url": "https://piglife.dev/tool/csv-to-json-converter/",
      "path": "/tool/csv-to-json-converter/",
      "datePublished": "2026-07-23",
      "dateModified": "2026-07-23",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "民國西元日期轉換器｜台灣日期批次換算與星期查詢 · Taiwan Minguo Date Converter Tool",
      "description": "批次轉換民國與西元日期，輸出 ISO 日期、民國格式與星期。",
      "url": "https://piglife.dev/tool/taiwan-minguo-date-converter/",
      "path": "/tool/taiwan-minguo-date-converter/",
      "datePublished": "2026-07-23",
      "dateModified": "2026-07-23",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard AI Agent API 開發實錄：用 expected_revision 避免內容互相覆蓋",
      "description": "記錄 KnockersTaskBlocks 如何讓 AI Agent 經由 Kanboard JSON-RPC 讀寫 Task Document，並用 expected_revision、共用授權、Server validation 與 replace／append API 避免靜默覆蓋。",
      "url": "https://piglife.dev/technical-notes/kanboard-ai-agent-jsonrpc-revision/",
      "path": "/technical-notes/kanboard-ai-agent-jsonrpc-revision/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "AI Agent",
        "Codex",
        "外掛開發"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 內容區塊越做越多後：Block Runtime 重構實錄",
      "description": "記錄 KnockersTaskBlocks 在區塊類型增加後遇到的維護問題，以及如何用 TaskContentRuntime、Block Catalog、Renderer Registry 和契約測試收斂驗證、投影與呈現流程。",
      "url": "https://piglife.dev/technical-notes/kanboard-block-runtime-refactoring/",
      "path": "/technical-notes/kanboard-block-runtime-refactoring/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "React",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 互動式 HTML 外掛開發實錄：從 srcdoc 失敗到獨立 Runner",
      "description": "記錄 KnockersTaskBlocks 加入互動式 HTML 時遇到的實際問題，包含 sanitizer 與需求衝突、srcdoc 繼承 CSP，以及如何用獨立 runner、sandbox iframe 和 postMessage 隔離 JavaScript。",
      "url": "https://piglife.dev/technical-notes/kanboard-interactive-html-sandbox-runner/",
      "path": "/technical-notes/kanboard-interactive-html-sandbox-runner/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "React",
        "JavaScript",
        "外掛開發"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 外掛發布實錄：Artifact 驗證、Migration 與回滾演練",
      "description": "記錄 KnockersTaskBlocks 從測試版進入正式環境前的發布流程，包含不可變 Artifact、Release Manifest、Checksum、Bundle Budget、多資料庫 Migration、原子替換與實際回滾演練。",
      "url": "https://piglife.dev/technical-notes/kanboard-plugin-release-rollback-rehearsal/",
      "path": "/technical-notes/kanboard-plugin-release-rollback-rehearsal/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "JavaScript",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 公開任務資源權限實錄：附件與內部連結如何避免洩漏",
      "description": "記錄 KnockersTaskBlocks 公開任務頁如何保護圖片、附件、內部連結與外部連結，並以 Public Task Scope、原生資源 ownership、no-store 與一致的 not-found 行為避免跨任務洩漏。",
      "url": "https://piglife.dev/technical-notes/kanboard-public-task-resource-scope/",
      "path": "/technical-notes/kanboard-public-task-resource-scope/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 跨職能流程圖外掛開發實錄：React Flow 資料模型與三欄工作台",
      "description": "記錄 KnockersTaskBlocks 如何加入跨職能流程圖，包含 React Flow 畫面狀態與 Domain JSON 的分離、跨泳道拖曳、節點關聯、自動排列、三欄原型與效能限制。",
      "url": "https://piglife.dev/technical-notes/kanboard-swimlane-diagram-react-flow/",
      "path": "/technical-notes/kanboard-swimlane-diagram-react-flow/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "React",
        "JavaScript",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 單一任務公開分享開發實錄：Capability URL、輪替與撤銷",
      "description": "記錄 KnockersTaskBlocks 如何在不公開整個專案的情況下分享單一任務，包含高熵 Token、雜湊儲存、一次性網址、期限、輪替、撤銷與統一 Public Task Scope。",
      "url": "https://piglife.dev/technical-notes/kanboard-task-capability-url-sharing/",
      "path": "/technical-notes/kanboard-task-capability-url-sharing/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Kanboard 任務內容區塊外掛開發實錄：從 Markdown 描述到結構化文件",
      "description": "記錄 KnockersTaskBlocks 的開發起點，說明為什麼不修改 Kanboard 核心，以及如何用結構化 Task Document、Markdown 相容內容與專案 opt-in 保留原生搜尋、Email、API 與回滾能力。",
      "url": "https://piglife.dev/technical-notes/kanboard-task-content-blocks-plugin-development/",
      "path": "/technical-notes/kanboard-task-content-blocks-plugin-development/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "技術筆記",
      "tags": [
        "Kanboard",
        "PHP",
        "React",
        "外掛開發",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "中文閱讀時間計算器",
      "description": "貼上中文文章或中英混合內容，快速統計字數、段落、句子與預估閱讀時間，適合部落格、電子報與提案文案。",
      "url": "https://piglife.dev/tool/chinese-reading-time-calculator/",
      "path": "/tool/chinese-reading-time-calculator/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "色彩對比檢查器",
      "description": "輸入前景色與背景色，立即計算對比值並判斷一般文字、大字與介面元素是否符合 WCAG AA/AAA。",
      "url": "https://piglife.dev/tool/color-contrast-checker/",
      "path": "/tool/color-contrast-checker/",
      "datePublished": "2026-07-22",
      "dateModified": "2026-07-22",
      "section": "工具庫",
      "tags": [
        "SEO",
        "JavaScript",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Codex 內建 Skills 有哪些？5 個 System Skills 的用途與使用方式",
      "description": "整理 Codex 目前公開的 5 個內建 system skills，介紹 imagegen、openai-docs、plugin-creator、skill-creator、skill-installer，以及啟動方式、安裝範圍與安全注意事項。",
      "url": "https://piglife.dev/technical-notes/codex-built-in-system-skills-guide/",
      "path": "/technical-notes/codex-built-in-system-skills-guide/",
      "datePublished": "2026-07-21",
      "dateModified": "2026-07-21",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "Agent Skills",
        "Codex",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "mattpocock/skills 是什麼？把 AI Coding Agent 變成工程工作流",
      "description": "研究 Matt Pocock 的 skills 專案，整理 Agent Skills 的安裝方式、開發流程、TDD、研究與程式碼審查設計，以及導入限制和安全注意事項。",
      "url": "https://piglife.dev/technical-notes/mattpocock-skills-ai-coding-agent-workflow/",
      "path": "/technical-notes/mattpocock-skills-ai-coding-agent-workflow/",
      "datePublished": "2026-07-21",
      "dateModified": "2026-07-21",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "Agent Skills",
        "Claude Code",
        "Codex",
        "開發流程"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Orca 是什麼？用 Git Worktree 同時管理多個 AI Coding Agent",
      "description": "研究 stablyai/orca 如何用 Git worktree 管理 Claude Code、Codex 等 AI coding agent，整理桌面、手機、SSH、headless server 架構，以及權限與導入限制。",
      "url": "https://piglife.dev/technical-notes/orca-parallel-ai-coding-agent-worktrees/",
      "path": "/technical-notes/orca-parallel-ai-coding-agent-worktrees/",
      "datePublished": "2026-07-21",
      "dateModified": "2026-07-21",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "Claude Code",
        "Codex",
        "GitHub",
        "開發流程",
        "工具"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Scroll World 是什麼？不用 WebGL 也能做出捲動式 3D 世界",
      "description": "研究 scroll-world 如何結合 AI 生成影片、FFmpeg 與 JavaScript scroll scrub，做出連續飛行的 3D 世界網站，以及成本、效能和導入限制。",
      "url": "https://piglife.dev/technical-notes/scroll-world-ai-3d-scroll-website/",
      "path": "/technical-notes/scroll-world-ai-3d-scroll-website/",
      "datePublished": "2026-07-21",
      "dateModified": "2026-07-21",
      "section": "技術筆記",
      "tags": [
        "AI Agent",
        "GitHub",
        "JavaScript",
        "網頁特效"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON to Table 轉換器｜把 API 回應快速整理成 CSV 與表格 · JSON to Table Converter Tool",
      "description": "貼上 JSON 陣列、物件或 API 回應，快速轉成可複製的 CSV / TSV，並預覽整理後的表格欄位。",
      "url": "https://piglife.dev/tool/json-to-table-converter/",
      "path": "/tool/json-to-table-converter/",
      "datePublished": "2026-07-20",
      "dateModified": "2026-07-20",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "睡眠債計算器｜一週睡眠缺口快速估算，安排補眠節奏 · Sleep Debt Calculator Tool",
      "description": "估算一週睡眠債、平均睡眠與補眠晚數。",
      "url": "https://piglife.dev/tool/sleep-debt-calculator/",
      "path": "/tool/sleep-debt-calculator/",
      "datePublished": "2026-07-19",
      "dateModified": "2026-07-19",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Cron 表達式解讀器｜排程規則快速翻譯，預覽下一次執行時間 · Cron Expression Interpreter Tool",
      "description": "快速解讀 cron 排程規則，預覽接下來的執行時間。",
      "url": "https://piglife.dev/tool/cron-expression-interpreter/",
      "path": "/tool/cron-expression-interpreter/",
      "datePublished": "2026-07-18",
      "dateModified": "2026-07-18",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "HTML Entities 轉換器｜HTML 特殊符號快速編碼解碼 · HTML Entities Converter Tool",
      "description": "HTML entities 編碼解碼工具，快速處理 HTML 特殊符號與可讀文字。",
      "url": "https://piglife.dev/tool/html-entities-converter/",
      "path": "/tool/html-entities-converter/",
      "datePublished": "2026-07-17",
      "dateModified": "2026-07-17",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSV 欄位清理工具｜快速整理表頭命名，匯入資料更乾淨 · CSV Field Cleaner Tool",
      "description": "清理 CSV/TSV 表頭、處理空白與重複欄位，快速產出一致命名。",
      "url": "https://piglife.dev/tool/csv-field-cleaner/",
      "path": "/tool/csv-field-cleaner/",
      "datePublished": "2026-07-16",
      "dateModified": "2026-07-16",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "台灣發票號碼格式檢查器｜批次檢查格式並整理可複製清單 · Taiwan Invoice Number Checker Tool",
      "description": "批次檢查台灣發票號碼格式，整理標準格式與可複製清單。",
      "url": "https://piglife.dev/tool/taiwan-invoice-number-checker/",
      "path": "/tool/taiwan-invoice-number-checker/",
      "datePublished": "2026-07-15",
      "dateModified": "2026-07-15",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown 表格產生器｜CSV/TSV 快速轉成文件表格 · Markdown Table Generator Tool",
      "description": "將 CSV 或 TSV 資料快速轉成 Markdown 表格，適合文件與部落格排版。",
      "url": "https://piglife.dev/tool/markdown-table-generator/",
      "path": "/tool/markdown-table-generator/",
      "datePublished": "2026-07-14",
      "dateModified": "2026-07-14",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "robots.txt 規則檢查器｜快速判斷搜尋引擎可否檢索指定網址 · Robots TXT Rule Checker Tool",
      "description": "快速檢查 robots.txt 對指定網址與 user-agent 的檢索允許狀態。",
      "url": "https://piglife.dev/tool/robots-txt-rule-checker/",
      "path": "/tool/robots-txt-rule-checker/",
      "datePublished": "2026-07-13",
      "dateModified": "2026-07-13",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "WordPress shortcode 清理工具｜移除短代碼並保留文章文字 · WordPress Shortcode Cleaner Tool",
      "description": "清理 WordPress shortcode，整理成可再編輯的純文字草稿。",
      "url": "https://piglife.dev/tool/wordpress-shortcode-cleaner/",
      "path": "/tool/wordpress-shortcode-cleaner/",
      "datePublished": "2026-07-12",
      "dateModified": "2026-07-12",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS box-shadow 產生器｜卡片按鈕陰影即時預覽，快速輸出 CSS · CSS Box Shadow Generator Tool",
      "description": "即時預覽並複製 CSS box-shadow，適合卡片、按鈕與浮層設計。",
      "url": "https://piglife.dev/tool/css-box-shadow-generator/",
      "path": "/tool/css-box-shadow-generator/",
      "datePublished": "2026-07-10",
      "dateModified": "2026-07-10",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Unix Timestamp 轉換器｜秒與毫秒快速換算本地與 UTC 時間 · Unix Timestamp Converter Tool",
      "description": "Unix timestamp 秒數與毫秒數快速轉換工具，可查看本地時間、UTC 與 ISO 格式。",
      "url": "https://piglife.dev/tool/unix-timestamp-converter/",
      "path": "/tool/unix-timestamp-converter/",
      "datePublished": "2026-07-09",
      "dateModified": "2026-07-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "台灣手機號碼格式整理器｜批次清理 09 與 +886 格式，一鍵複製匯出 · Taiwan Mobile Number Formatter Tool",
      "description": "批次整理台灣手機號碼，支援 09、+886、重複檢查與 CSV 匯出。",
      "url": "https://piglife.dev/tool/taiwan-mobile-number-formatter/",
      "path": "/tool/taiwan-mobile-number-formatter/",
      "datePublished": "2026-07-08",
      "dateModified": "2026-07-08",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "FAQ Schema JSON-LD 產生器｜常見問答結構化資料快速輸出 · FAQ Schema JSON-LD Generator Tool",
      "description": "整理常見問題與答案，快速產生可貼到網頁的 FAQPage JSON-LD 結構化資料，適合工具頁、服務頁與教學文章使用。 · Create FAQPage JSON-LD structured data from common questi...",
      "url": "https://piglife.dev/tool/faq-schema-generator/",
      "path": "/tool/faq-schema-generator/",
      "datePublished": "2026-07-07",
      "dateModified": "2026-07-07",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "LINE OA 訊息字數檢查器｜推播文案長度與可讀性快速檢查 · LINE OA Message Checker Tool",
      "description": "檢查 LINE OA 推播訊息字數、換行、連結與可讀性。",
      "url": "https://piglife.dev/tool/line-oa-message-checker/",
      "path": "/tool/line-oa-message-checker/",
      "datePublished": "2026-07-06",
      "dateModified": "2026-07-06",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "CSS clamp 字級產生器｜流式字體快速換算，產生響應式 font-size · CSS Clamp Font Size Generator Tool",
      "description": "快速產生 CSS clamp() 響應式字級設定。",
      "url": "https://piglife.dev/tool/css-clamp-font-size-generator/",
      "path": "/tool/css-clamp-font-size-generator/",
      "datePublished": "2026-07-05",
      "dateModified": "2026-07-05",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "URL 參數整理與排序工具｜快速整理追蹤連結，檢查重複參數 · URL Parameter Sorter Tool",
      "description": "整理與排序 URL 參數，快速檢查追蹤連結。",
      "url": "https://piglife.dev/tool/url-parameter-sorter/",
      "path": "/tool/url-parameter-sorter/",
      "datePublished": "2026-07-04",
      "dateModified": "2026-07-04",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SEO 標題長度檢查器｜快速檢查搜尋結果截斷風險 · SEO Title Checker Tool",
      "description": "快速檢查 SEO 標題字數、顯示寬度與截斷風險。",
      "url": "https://piglife.dev/tool/seo-title-checker/",
      "path": "/tool/seo-title-checker/",
      "datePublished": "2026-07-03",
      "dateModified": "2026-07-03",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Meta Description 長度檢查器｜快速檢查 SEO 摘要字數與截斷風險 · Meta Description Checker Tool",
      "description": "貼上網頁摘要，即時檢查 Meta Description 字數、截斷風險與改善建議，適合 SEO 文章、工具頁與活動頁發布前使用。",
      "url": "https://piglife.dev/tool/meta-description-checker/",
      "path": "/tool/meta-description-checker/",
      "datePublished": "2026-07-02",
      "dateModified": "2026-07-02",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "UTM 連結產生器｜快速建立行銷追蹤網址 · UTM Link Builder Tool",
      "description": "輸入目標網址與 UTM 參數，即時產生可用於電子報、廣告、社群貼文與活動頁的追蹤連結。",
      "url": "https://piglife.dev/tool/utm-link-builder/",
      "path": "/tool/utm-link-builder/",
      "datePublished": "2026-07-01",
      "dateModified": "2026-07-01",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "條碼批次產生器 Pro｜流水號自動生成與圖片批次下載 · Barcode Batch Generator Pro Tool",
      "description": "快速批次產生多種格式條碼，支援自動生成流水號序列、文字檔匯入與圖片批次下載，提供標籤列印功能，適合倉庫管理、產品標籤與物流標註使用 · Generate barcodes in bulk with auto-serial numbers, ...",
      "url": "https://piglife.dev/tool/barcode-batch-generator/",
      "path": "/tool/barcode-batch-generator/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "無效會議燒錢計算機｜即時計算會議成本，拒絕冗長會議 · Meeting Cost Ticker Tool",
      "description": "你的會議值多少錢？輸入與會人數與薪資，像計程車跳表一樣即時顯示會議燃燒的成本。提升開會效率，老闆與主管必備的警世工具 · Calculate the real monetary cost of your meetings in real-t...",
      "url": "https://piglife.dev/tool/meeting-cost-ticker/",
      "path": "/tool/meeting-cost-ticker/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "加班換算時薪真相器｜揭開月薪加總後的真實時薪，看看加班如何稀釋你的薪資 · Overtime Real Hourly Wage Tool",
      "description": "將月薪與加班時數換算為真實時薪，並提供不加班與加班減半的情境比較。快速了解加班對時薪的稀釋程度，掌握薪資真相與工時負擔 · Calculate your real hourly wage including overtime. Compar...",
      "url": "https://piglife.dev/tool/overtime-real-hourly-wage/",
      "path": "/tool/overtime-real-hourly-wage/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "通勤時間換算人生器｜把每天通勤時間換算成燃燒的人生天數 · Taiwan Commute Life Converter Tool",
      "description": "：快速換算每日通勤時間對人生的長期影響，包含每年耗費的 8 小時工作日與總時數。支援改善情境比較，算出搬家或遠端工作能省下多少人生 · Convert daily commute time into life impact metrics ...",
      "url": "https://piglife.dev/tool/commute-life-converter/",
      "path": "/tool/commute-life-converter/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "外食一週花費估算器｜快速掌握伙食開銷，輕鬆規劃每月外食預算 · Eating Out Weekly Cost Estimator Tool",
      "description": "透過簡單的餐次習慣與單價選擇，快速估算一週與每月的外食花費。支援外送費、聚餐與咖啡開銷計算，幫你找出錢都花在哪裡 · Estimate your weekly and monthly eating-out expenses with cat...",
      "url": "https://piglife.dev/tool/eating-out-weekly-cost-estimator/",
      "path": "/tool/eating-out-weekly-cost-estimator/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "資料夾結構視覺化器｜快速解析 tree 文字為互動樹狀圖，支援搜尋與統計 · Folder Structure Visualizer Tool",
      "description": "將 tree 指令、README 或縮排文字轉換為視覺化樹狀結構，支援展開收合、關鍵字搜尋與統計功能，讓目錄結構一目了然 · Visualize text-based directory structures into interactiv...",
      "url": "https://piglife.dev/tool/folder-structure-visualizer/",
      "path": "/tool/folder-structure-visualizer/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "拖延拆解器｜把大任務拆成 5 分鐘小步驟，立即擊敗拖延症 · Task Breaker Tool",
      "description": "快速將大型任務拆解為 5-15 分鐘可完成的微小步驟，降低啟動阻力並追蹤進度，適合深受拖延困擾的你 · Break large tasks into 5-15 minute micro-steps to reduce friction an...",
      "url": "https://piglife.dev/tool/task-breaker/",
      "path": "/tool/task-breaker/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "分帳計算器 Pro｜多人旅遊聚餐輕鬆結算，自動計算轉帳建議 · Split Bill Calculator Pro Tool",
      "description": "提供多人分帳完整流程，支援平均、比例、指定金額等多種分攤模式，一鍵產生最少筆數轉帳建議與群組分享訊息，讓結帳不再尷尬複雜 · Simplify group expenses with smart debt settlement and op...",
      "url": "https://piglife.dev/tool/split-bill-calculator-pro/",
      "path": "/tool/split-bill-calculator-pro/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "旅行行李清單產生器｜依情境自動生成出國出遊必備清單 · Travel Packing List Generator Tool",
      "description": "依據天數、季節、行程類型（海邊/登山/露營/商務）與旅伴自動產生行李清單，支援打包進度管理、自訂項目與一鍵分享，讓準備行李更輕鬆 · Create smart packing lists for any trip scenario.",
      "url": "https://piglife.dev/tool/travel-packing-list-generator/",
      "path": "/tool/travel-packing-list-generator/",
      "datePublished": "2026-01-09",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "買菜採購清單｜快速列出每日食材清單 · Grocery Shopping List Tool",
      "description": "建立每日或每週買菜採購清單，快速整理蔬菜、肉類與生活食材，適合家庭與個人使用，讓採買更有效率 · Create and manage grocery shopping lists for daily or weekly use.",
      "url": "https://piglife.dev/tool/grocery-shopping-list/",
      "path": "/tool/grocery-shopping-list/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "訂閱費用年度總額計算器｜一次算清每年花多少 · Subscription Cost Calculator",
      "description": "彙整各項訂閱服務費用，自動計算年度總支出，幫助你掌握隱性花費並有效控管預算 · Calculate your total yearly subscription costs and manage recurring expenses eas...",
      "url": "https://piglife.dev/tool/annual-subscription-cost-calculator/",
      "path": "/tool/annual-subscription-cost-calculator/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "時區轉換器（全球）｜快速換算世界時間 · World Time Zone Converter",
      "description": "支援全球主要城市與時區，一鍵轉換不同國家時間，適合跨國會議、遠端工作與國際行程規劃使用 · Convert time across global time zones easily and accurately.",
      "url": "https://piglife.dev/tool/world-time-zone-converter/",
      "path": "/tool/world-time-zone-converter/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Hash Generator（MD5 / SHA1 / SHA256）｜快速產生雜湊值 · Online Hash Generator",
      "description": "輸入文字即可一鍵產生 MD5、SHA1、SHA256 雜湊值，適合用於校驗檔案、比對字串與開發測試，支援即時轉換 · Generate MD5/SHA1/SHA256 hashes instantly for verification an...",
      "url": "https://piglife.dev/tool/hash-generator-md5-sha1-sha256/",
      "path": "/tool/hash-generator-md5-sha1-sha256/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Log 行為關鍵字高亮器｜快速標記錯誤與關鍵事件 · Log Keyword Highlighter",
      "description": "貼上 Log 內容並設定關鍵字，即可自動高亮錯誤、警告與重要行為事件，提升除錯效率，支援多關鍵字與規則匹配 · Highlight keywords in logs to spot errors, warnings, and importa...",
      "url": "https://piglife.dev/tool/log-keyword-highlighter/",
      "path": "/tool/log-keyword-highlighter/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 欄位差異比較器｜比對欄位新增/缺少/變更 · JSON Schema Diff Checker",
      "description": "貼上兩份 JSON 即可快速比較欄位差異，找出新增、缺少與型別/值變更，適合 API 串接、資料清洗與除錯使用 · Compare two JSON objects to detect added, missing, and changed...",
      "url": "https://piglife.dev/tool/json-field-diff-checker/",
      "path": "/tool/json-field-diff-checker/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "攤位／小店損益平衡點試算器｜快速計算回本門檻 · Break-Even Point Calculator (Small Business)",
      "description": "輸入租金、人事、進貨與其他固定成本，即可試算攤位或小店的損益平衡點，快速了解每日與每月需達成的營業額 · Calculate the break-even point for stalls and small shops.",
      "url": "https://piglife.dev/tool/stall-small-business-break-even-calculator/",
      "path": "/tool/stall-small-business-break-even-calculator/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "勞保／勞退個人負擔試算器｜快速計算每月自付金額 · Labor Insurance & Pension Calculator (Taiwan)",
      "description": "依投保薪資快速試算勞保與勞退個人負擔比例，清楚了解每月實際扣款金額，適合上班族與自由工作者使用 · Calculate your personal labor insurance and pension contributions in T...",
      "url": "https://piglife.dev/tool/taiwan-labor-insurance-pension-calculator/",
      "path": "/tool/taiwan-labor-insurance-pension-calculator/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "台灣租屋成本試算器｜快速計算每月租屋花費 · Taiwan Rental Cost Calculator",
      "description": "整合房租、水電、管理費與其他開銷，一鍵試算台灣每月租屋總成本，幫助租屋族快速評估實際負擔 · Calculate total rental living costs in Taiwan including rent and utilitie...",
      "url": "https://piglife.dev/tool/taiwan-rental-cost-calculator/",
      "path": "/tool/taiwan-rental-cost-calculator/",
      "datePublished": "2026-01-08",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "台灣電費試算器｜快速計算住家電費 · Taiwan Electricity Bill Calculator",
      "description": "輸入用電度數即可試算台灣住家電費，支援最新電價級距與夏月／非夏月計算，快速掌握每期電費與節電空間 · Estimate your Taiwan electricity bill online with the latest rate tie...",
      "url": "https://piglife.dev/tool/taiwan-electricity-bill-calculator/",
      "path": "/tool/taiwan-electricity-bill-calculator/",
      "datePublished": "2026-01-07",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 Firebase Firestore 匯出抽獎資料為 CSV 檔案的實作說明",
      "description": "本文說明如何結合 Firebase Firestore 與前端 JavaScript 實作抽獎資料的 CSV 匯出功能，包含分頁抓取資料、格式轉換與下載...",
      "url": "https://piglife.dev/technical-notes/firebase-firestore-csv-export/",
      "path": "/technical-notes/firebase-firestore-csv-export/",
      "datePublished": "2026-01-03",
      "dateModified": "2026-01-03",
      "section": "技術筆記",
      "tags": [
        "CSV匯出",
        "Firebase",
        "Firestore",
        "JavaScript",
        "PHP",
        "前端匯出",
        "資料分頁"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "在 LearnDash 課程列表新增已報名學生數欄位並優化查詢效能",
      "description": "本文介紹如何在 LearnDash 後台課程列表新增已報名學生數欄位，並透過 WP_User_Query 與快取機制提升查詢效能，方便管理者快速掌握課程...",
      "url": "https://piglife.dev/technical-notes/learndash-enrolled-count-column/",
      "path": "/technical-notes/learndash-enrolled-count-column/",
      "datePublished": "2026-01-02",
      "dateModified": "2026-01-02",
      "section": "技術筆記",
      "tags": [
        "LearnDash",
        "WordPress",
        "WP_User_Query",
        "後台自訂欄位",
        "快取優化",
        "課程管理"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "JavaScript 實作禁止右鍵選單的簡易方法",
      "description": "介紹如何使用 JavaScript 監聽 contextmenu 事件並阻止預設右鍵選單，提供簡單有效的右鍵禁用方法，適合想快速實作防止右鍵功能的前端工...",
      "url": "https://piglife.dev/technical-notes/javascript-disable-right-click/",
      "path": "/technical-notes/javascript-disable-right-click/",
      "datePublished": "2025-12-31",
      "dateModified": "2025-12-31",
      "section": "技術筆記",
      "tags": [
        "JavaScript",
        "事件監聽",
        "前端防護",
        "右鍵禁用"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自訂文章類型批次內容關鍵字取代工具實作",
      "description": "介紹如何在 WordPress 自訂文章類型 solution 的後台新增批次內容關鍵字替換工具，透過介面輸入舊字串與新字串，自動搜尋並更新文章內容與摘...",
      "url": "https://piglife.dev/technical-notes/wordpress-solution-content-replace-2/",
      "path": "/technical-notes/wordpress-solution-content-replace-2/",
      "datePublished": "2025-12-30",
      "dateModified": "2025-12-30",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "WordPress",
        "後台擴充",
        "批次替換",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WooCommerce 後台訂單自訂欄位資料儲存實作說明",
      "description": "說明如何在 WooCommerce 後台訂單編輯頁面保存自訂欄位資料，透過安全且兼容新版訂單存儲的方式更新訂單元資料，適合擴充訂單功能的工程師參考。",
      "url": "https://piglife.dev/technical-notes/woocommerce-order-meta-save/",
      "path": "/technical-notes/woocommerce-order-meta-save/",
      "datePublished": "2025-12-29",
      "dateModified": "2025-12-29",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "woocommerce",
        "WordPress",
        "後台欄位儲存",
        "訂單自訂欄位"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自動將文章 slug 設為文章 ID 的實作技巧",
      "description": "本文介紹如何在 WordPress 中自動將文章 slug 設為文章 ID，避免重複 slug 並確保網址一致性，適合需要簡化網址管理的開發者。",
      "url": "https://piglife.dev/technical-notes/wordpress-post-slug-id/",
      "path": "/technical-notes/wordpress-post-slug-id/",
      "datePublished": "2025-12-28",
      "dateModified": "2025-12-28",
      "section": "技術筆記",
      "tags": [
        "save_post",
        "slug",
        "WordPress",
        "排程文章",
        "文章 ID",
        "網址管理"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "修正 YouTube 影片循環播放的 iframe 參數設定技巧",
      "description": "本篇介紹如何透過 JavaScript 自動修正 YouTube iframe 的 URL 參數，確保影片能正確循環播放，並說明實務中常見的設定問題與解...",
      "url": "https://piglife.dev/technical-notes/youtube-iframe-loop-fix/",
      "path": "/technical-notes/youtube-iframe-loop-fix/",
      "datePublished": "2025-12-27",
      "dateModified": "2025-12-27",
      "section": "技術筆記",
      "tags": [
        "iframe",
        "JavaScript",
        "YouTube",
        "前端優化",
        "影片循環"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress Polylang 多語翻譯批次複製工具實作解析",
      "description": "介紹一款基於 Polylang 官方 API 的 WordPress 多語翻譯批次複製工具，支援任意公開文章類型，包含 taxonomy、特色圖片及 A...",
      "url": "https://piglife.dev/technical-notes/wordpress-polylang-bulk-copy/",
      "path": "/technical-notes/wordpress-polylang-bulk-copy/",
      "datePublished": "2025-12-25",
      "dateModified": "2025-12-25",
      "section": "技術筆記",
      "tags": [
        "acf",
        "Polylang",
        "taxonomy",
        "WordPress",
        "多語翻譯",
        "批次複製",
        "特色圖片"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WooCommerce 後台商品列表新增複製購物車連結並支援優惠券輸入功能",
      "description": "介紹如何在 WooCommerce 後台商品列表新增一欄複製加入購物車連結的按鈕，並支援彈窗輸入優惠券代碼，將優惠券參數附加到連結後複製到剪貼簿，方便推...",
      "url": "https://piglife.dev/technical-notes/woocommerce-copy-cart-link-coupon/",
      "path": "/technical-notes/woocommerce-copy-cart-link-coupon/",
      "datePublished": "2025-12-24",
      "dateModified": "2025-12-24",
      "section": "技術筆記",
      "tags": [
        "JavaScript",
        "woocommerce",
        "優惠券",
        "剪貼簿操作",
        "後台自訂欄位",
        "複製連結"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 後台為自訂文章類型新增內容關鍵字搜尋功能",
      "description": "介紹如何在 WordPress 自訂文章類型 solution 的後台新增內容關鍵字搜尋功能，透過 WP_Query 搭配字串比對實現精準搜尋，方便快速...",
      "url": "https://piglife.dev/technical-notes/wordpress-solution-content-search/",
      "path": "/technical-notes/wordpress-solution-content-search/",
      "datePublished": "2025-12-23",
      "dateModified": "2025-12-23",
      "section": "技術筆記",
      "tags": [
        "WordPress",
        "wp_query",
        "內容關鍵字搜尋",
        "後台搜尋",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自訂文章類型批次內容關鍵字取代工具實作",
      "description": "介紹如何在 WordPress 自訂文章類型 solution 中新增後台子選單，實作批次搜尋並替換文章內容中的指定字串，提升內容維護效率與管理便利性。",
      "url": "https://piglife.dev/technical-notes/wordpress-solution-content-replace/",
      "path": "/technical-notes/wordpress-solution-content-replace/",
      "datePublished": "2025-12-22",
      "dateModified": "2025-12-22",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "WordPress",
        "後台功能",
        "批次替換",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 Polylang 官方流程批量複製 WordPress 文章翻譯",
      "description": "介紹如何使用 Polylang 官方 API 批量複製 WordPress 自訂文章類型的內容，建立多語系翻譯關聯，包含單筆測試與批次操作，並完整保留分...",
      "url": "https://piglife.dev/technical-notes/polylang-bulk-copy-translations/",
      "path": "/technical-notes/polylang-bulk-copy-translations/",
      "datePublished": "2025-12-21",
      "dateModified": "2025-12-21",
      "section": "技術筆記",
      "tags": [
        "acf",
        "Polylang",
        "WordPress",
        "wp_insert_post",
        "多語系",
        "翻譯複製",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 MemberPress 交易完成鉤子自動寄送訂閱確認信",
      "description": "介紹如何利用 MemberPress 交易完成事件自動寄送訂閱方案付款成功的確認信，包含交易資料判斷、郵件模板選擇與防重複寄送機制，適合需要自動化會員通...",
      "url": "https://piglife.dev/technical-notes/memberpress-transaction-email/",
      "path": "/technical-notes/memberpress-transaction-email/",
      "datePublished": "2025-12-20",
      "dateModified": "2025-12-20",
      "section": "技術筆記",
      "tags": [
        "MemberPress",
        "WordPress",
        "wp_mail",
        "交易完成",
        "自動寄信",
        "訂閱通知"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "MemberPress 會員列表新增電話、地址與即時複製功能教學",
      "description": "介紹如何在 MemberPress 會員列表中新增電話、地址、贈品寄送狀態欄位，並實作即時切換與一鍵複製功能，提升後台會員管理效率與操作便利性。",
      "url": "https://piglife.dev/technical-notes/memberpress-members-extra-columns/",
      "path": "/technical-notes/memberpress-members-extra-columns/",
      "datePublished": "2025-12-19",
      "dateModified": "2025-12-19",
      "section": "技術筆記",
      "tags": [
        "AJAX",
        "MemberPress",
        "WordPress",
        "後台擴充",
        "會員管理",
        "複製功能"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "自訂 Gutenberg 編輯器中文章區塊最大寬度的實作說明",
      "description": "介紹如何透過 WordPress 後台掛載自訂 CSS，限制 Gutenberg 編輯器中文章區塊的最大寬度，提升編輯體驗與排版一致性。",
      "url": "https://piglife.dev/technical-notes/custom-gutenberg-editor-width-2/",
      "path": "/technical-notes/custom-gutenberg-editor-width-2/",
      "datePublished": "2025-12-19",
      "dateModified": "2025-12-19",
      "section": "技術筆記",
      "tags": [
        "css",
        "Gutenberg",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 結合 MemberPress 與 ACF 自動更新文章存取權限狀態",
      "description": "介紹如何在 WordPress 結合 MemberPress 與 ACF，自動更新文章的存取權限狀態，包含文章儲存時同步、會員規則變更時批次更新，以及後...",
      "url": "https://piglife.dev/technical-notes/wordpress-memberpress-acf-access-status/",
      "path": "/technical-notes/wordpress-memberpress-acf-access-status/",
      "datePublished": "2025-12-18",
      "dateModified": "2025-12-18",
      "section": "技術筆記",
      "tags": [
        "acf",
        "MemberPress",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 取得用戶留言過文章列表與留言數量的實作教學",
      "description": "介紹如何在 WordPress 中取得用戶留言過的文章列表及留言數量，並整合至會員後台，方便展示用戶互動紀錄與文章資訊。",
      "url": "https://piglife.dev/technical-notes/wordpress-user-commented-posts/",
      "path": "/technical-notes/wordpress-user-commented-posts/",
      "datePublished": "2025-12-17",
      "dateModified": "2025-12-17",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "WordPress",
        "留言系統"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "自訂 MemberPress 貨幣格式為無小數點整數顯示",
      "description": "示範如何利用 MemberPress 的 mepr_format_currency filter，自訂貨幣格式為無小數點整數顯示，並保留原本貨幣符號位置...",
      "url": "https://piglife.dev/technical-notes/memberpress-currency-integer-format/",
      "path": "/technical-notes/memberpress-currency-integer-format/",
      "datePublished": "2025-12-15",
      "dateModified": "2025-12-16",
      "section": "技術筆記",
      "tags": [
        "filter",
        "MemberPress",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 會員中心新增追蹤文章清單功能實作",
      "description": "介紹如何在 WordPress 會員中心新增追蹤文章分頁，並以 Flexbox 版型呈現使用者收藏的文章列表，包含縮圖、分類標籤與權限鎖頭圖示，適合會員...",
      "url": "https://piglife.dev/technical-notes/wordpress-user-follow-posts/",
      "path": "/technical-notes/wordpress-user-follow-posts/",
      "datePublished": "2025-12-14",
      "dateModified": "2025-12-16",
      "section": "技術筆記",
      "tags": [
        "Flexbox",
        "MemberPress",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 PHP 與 DOMDocument 自動產生 WordPress 文章預覽內容",
      "description": "介紹如何使用 PHP 的 DOMDocument 在 WordPress 中自動擷取文章內容第一個區塊，並將 HTML 預覽存入 ACF 自訂欄位，適合...",
      "url": "https://piglife.dev/technical-notes/php-domdocument-wordpress-preview/",
      "path": "/technical-notes/php-domdocument-wordpress-preview/",
      "datePublished": "2025-12-13",
      "dateModified": "2025-12-13",
      "section": "技術筆記",
      "tags": [
        "acf",
        "DOMDocument",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用短碼控制內容顯示：結合 MemberPress 權限判斷的實作範例",
      "description": "介紹如何使用 WordPress 短碼結合 MemberPress 存取規則，根據會員權限動態顯示不同內容，適合需要自訂內容權限控制的開發者。",
      "url": "https://piglife.dev/technical-notes/mepr-access-view-shortcode/",
      "path": "/technical-notes/mepr-access-view-shortcode/",
      "datePublished": "2025-12-12",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "MemberPress",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "圖片壓縮工具｜降低檔案大小不失真 · Online Image Compressor",
      "description": "線上圖片壓縮工具，有效降低圖片檔案大小並維持畫質，適合網站優化與上傳前處理 · Compress images online without quality loss, fast and secure.",
      "url": "https://piglife.dev/tool/image-compressor/",
      "path": "/tool/image-compressor/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SVG 顏色修改工具｜快速替換 SVG 色碼 · SVG Color Changer",
      "description": "線上修改 SVG 圖檔顏色，支援即時預覽與色碼替換，設計師與前端開發者必備 · Change SVG colors online with live preview.",
      "url": "https://piglife.dev/tool/svg-color-changer/",
      "path": "/tool/svg-color-changer/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "文字差異比對工具｜即時比較內容差異 · Text Diff Checker",
      "description": "快速比對兩段文字內容，清楚標示新增、刪除與修改差異，適合文件與程式碼比對 · Compare text differences instantly online.",
      "url": "https://piglife.dev/tool/diff-tool/",
      "path": "/tool/diff-tool/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Markdown 轉 HTML 工具｜即時轉換與預覽 · Markdown to HTML Converter",
      "description": "將 Markdown 內容快速轉換為標準 HTML，支援即時預覽，適合技術文件與寫作使用 · Convert Markdown to HTML instantly.",
      "url": "https://piglife.dev/tool/markdown-to-html/",
      "path": "/tool/markdown-to-html/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "正則表達式測試器｜即時測試 Regex 規則 · Regex Tester",
      "description": "線上 Regex 測試工具，支援即時比對、錯誤提示與結果高亮，快速驗證正則規則 · Test regular expressions online in real time.",
      "url": "https://piglife.dev/tool/regex-tester/",
      "path": "/tool/regex-tester/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "JSON 格式化工具｜線上美化與驗證 · JSON Formatter",
      "description": "一鍵整理文字格式，支援去除多餘空白、換行與格式統一，提升編輯與輸入效率 · Clean and format text instantly online.",
      "url": "https://piglife.dev/tool/json-formatter/",
      "path": "/tool/json-formatter/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "文字格式化工具｜自動整理與清理文字 · Text Formatter",
      "description": "一鍵完成文字排版清理！支援半形全形互轉、移除多餘空白、統一格式、快速美化文字內容。適合編輯、工程師、內容創作者提升輸入效率。",
      "url": "https://piglife.dev/tool/text-formatter/",
      "path": "/tool/text-formatter/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "Base64 轉換工具｜圖片與 Base64 快速互轉 · Base64 Image Converter",
      "description": "支援圖片與 Base64 字串雙向轉換，一鍵完成編碼與解碼，適合前端、API 與資料傳輸使用 · Convert images to Base64 and back.",
      "url": "https://piglife.dev/tool/base64-image-converter/",
      "path": "/tool/base64-image-converter/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "SVG 提取工具｜快速解析 SVG 程式碼 · Online SVG Extractor",
      "description": "線上提取 SVG 向量資料，快速解析路徑與結構，方便設計調整與前端應用 · Extract SVG paths and code online.",
      "url": "https://piglife.dev/tool/svg-code/",
      "path": "/tool/svg-code/",
      "datePublished": "2025-12-12",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 單篇文章瀏覽次數計數器實作",
      "description": "本文介紹如何在 WordPress 單篇文章頁面利用自訂欄位與 wp_head 鉤子實作瀏覽次數計數器，適合需要簡易流量統計功能的開發者。",
      "url": "https://piglife.dev/technical-notes/wordpress-post-view-counter/",
      "path": "/technical-notes/wordpress-post-view-counter/",
      "datePublished": "2025-12-11",
      "dateModified": "2025-12-11",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "post meta",
        "WordPress",
        "wp_head"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "tool",
      "title": "QR Code 產生器｜免費線上建立 QR 碼 · Online QR Code Generator",
      "description": "快速建立 QR Code，支援文字、網址與自訂內容，免安裝即用 · Generate QR codes online for text and URLs.",
      "url": "https://piglife.dev/tool/qrcodetool/",
      "path": "/tool/qrcodetool/",
      "datePublished": "2025-12-11",
      "dateModified": "2026-01-09",
      "section": "工具庫",
      "tags": [],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 Python 批量修正 PDF Metadata Title 為檔名",
      "description": "介紹如何使用純 Python 的 pypdf 套件批量修改 PDF 檔案的 Metadata Title 為檔名，包含備份原始檔案與遞迴走訪資料夾的完整...",
      "url": "https://piglife.dev/technical-notes/python-pdf-metadata-title-fix/",
      "path": "/technical-notes/python-pdf-metadata-title-fix/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-11",
      "section": "技術筆記",
      "tags": [
        "PDF Metadata",
        "pypdf",
        "Python"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用純 JavaScript 實作語言切換下拉選單的開關功能",
      "description": "本文介紹如何使用純 JavaScript 實作語言切換下拉選單的開關與關閉功能，包含點擊按鈕切換、點擊外部關閉及按 ESC 鍵關閉的互動設計，適合前端工...",
      "url": "https://piglife.dev/technical-notes/javascript-language-dropdown-toggle/",
      "path": "/technical-notes/javascript-language-dropdown-toggle/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "自訂 WordPress 登入頁面 Logo 與連結設定教學",
      "description": "說明如何透過 WordPress 鉤子自訂登入頁面 Logo 圖片、連結與標題，提升品牌一致性與使用者體驗，適合有基礎 PHP 與 WordPress ...",
      "url": "https://piglife.dev/technical-notes/wordpress-custom-login-logo/",
      "path": "/technical-notes/wordpress-custom-login-logo/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "Logo自訂",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "自訂 WordPress 摘要結尾文字的簡易方法",
      "description": "介紹如何使用 WordPress 的 excerpt_more 過濾器簡單自訂文章摘要結尾文字，提升網站內容呈現的客製化與一致性。",
      "url": "https://piglife.dev/technical-notes/wordpress-excerpt-more-customize/",
      "path": "/technical-notes/wordpress-excerpt-more-customize/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "excerpt_more",
        "PHP",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 JavaScript 自動為當前頁面側邊欄連結加上 active 樣式",
      "description": "介紹如何用 JavaScript 取得當前頁面路徑並與側邊欄連結比對，動態為正確連結加上 active 樣式，提升多頁面網站的導覽體驗。",
      "url": "https://piglife.dev/technical-notes/js-active-link-current-path/",
      "path": "/technical-notes/js-active-link-current-path/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "active 樣式",
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 JavaScript 實作動態切換 Tab 面板的按鈕控制",
      "description": "介紹如何用純 JavaScript 實作按鈕控制的 Tab 面板切換功能，包含狀態管理與事件綁定，適合想了解基本 DOM 操作與 UI 狀態控制的前端工...",
      "url": "https://piglife.dev/technical-notes/javascript-tab-panel-switch/",
      "path": "/technical-notes/javascript-tab-panel-switch/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "DOM操作",
        "JavaScript",
        "Tab切換"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 JavaScript 控制表格列依年份篩選顯示",
      "description": "這篇文章說明如何使用純 JavaScript 根據下拉選單選擇，動態篩選並顯示表格中帶有年份標記的列，適合需要簡單前端資料篩選功能的工程師。",
      "url": "https://piglife.dev/technical-notes/javascript-table-row-filter/",
      "path": "/technical-notes/javascript-table-row-filter/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "DOM操作",
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 JavaScript 自動隱藏無目錄的 toc-block 區塊",
      "description": "本文介紹如何使用 JavaScript 在頁面載入後自動隱藏沒有目錄內容的 toc-block，提升頁面整潔度與使用者體驗，適合前端工程師優化動態目錄顯...",
      "url": "https://piglife.dev/technical-notes/javascript-hide-empty-toc-block/",
      "path": "/technical-notes/javascript-hide-empty-toc-block/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "DOMContentLoaded",
        "DOM操作",
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "為 WordPress 分類清單實作手風琴展開收合功能",
      "description": "這篇文章解析如何為 WordPress 分類清單加入手風琴展開收合功能，包含無障礙 ARIA 屬性設計與一次只開一個的嚴格模式，提升分類導覽的使用體驗與...",
      "url": "https://piglife.dev/technical-notes/wordpress-category-accordion/",
      "path": "/technical-notes/wordpress-category-accordion/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "DOM操作",
        "JavaScript",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自訂文章上下篇導覽短碼實作解析",
      "description": "介紹如何使用 WordPress 短碼實作文章上下篇導覽功能，包含標題多字元截斷與內嵌 SVG 箭頭，提升使用者閱讀體驗與網站導覽便利性。",
      "url": "https://piglife.dev/technical-notes/wordpress-post-prev-next-shortcode/",
      "path": "/technical-notes/wordpress-post-prev-next-shortcode/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "SVG",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "用 JavaScript 實作圖片縮圖點擊切換與自動輪播功能",
      "description": "本文介紹如何用純 JavaScript 實作圖片縮圖點擊切換與自動輪播功能，詳解程式設計邏輯與實務應用，適合想打造自訂圖片瀏覽效果的前端工程師。",
      "url": "https://piglife.dev/technical-notes/javascript-thumbnail-autoplay-switch/",
      "path": "/technical-notes/javascript-thumbnail-autoplay-switch/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 單篇文章中為程式碼區塊加入右上角複製按鈕",
      "description": "本文介紹如何在 WordPress 單篇文章頁面，為所有程式碼區塊動態加入右上角複製按鈕，提升讀者複製程式碼的便利性，並解析關鍵設計與實作細節。",
      "url": "https://piglife.dev/technical-notes/wordpress-code-copy-button/",
      "path": "/technical-notes/wordpress-code-copy-button/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "Clipboard API",
        "Gutenberg",
        "JavaScript",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "在 WordPress 頁面列表加入自訂分類篩選下拉選單",
      "description": "在 WordPress 後台的頁面列表中，預設並沒有提供依自訂分類法（taxonomy）篩選頁面的功能。這對於管理大量頁面且需要依分類快速查找的情境來說...",
      "url": "https://piglife.dev/technical-notes/wordpress-page-taxonomy-filter/",
      "path": "/technical-notes/wordpress-page-taxonomy-filter/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "taxonomy",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 IntersectionObserver 實作數字滾動動畫效果",
      "description": "在網頁中，常見的數字滾動動畫能有效提升視覺吸引力，尤其用於統計數據或關鍵指標的呈現。這段程式碼示範如何結合 IntersectionObserver 與...",
      "url": "https://piglife.dev/technical-notes/%e4%bd%bf%e7%94%a8-intersectionobserver-%e5%af%a6%e4%bd%9c%e6%95%b8%e5%ad%97%e6%bb%be%e5%8b%95%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c/",
      "path": "/technical-notes/%e4%bd%bf%e7%94%a8-intersectionobserver-%e5%af%a6%e4%bd%9c%e6%95%b8%e5%ad%97%e6%bb%be%e5%8b%95%e5%8b%95%e7%95%ab%e6%95%88%e6%9e%9c/",
      "datePublished": "2025-12-10",
      "dateModified": "2025-12-10",
      "section": "技術筆記",
      "tags": [
        "IntersectionObserver",
        "JavaScript"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自定義文章類型相關文章顯示實作筆記",
      "description": "介紹如何在 WordPress 自定義文章類型頁面中，利用 WP_Query 依據當前文章標題搜尋並顯示相關的一般文章，適合想動態呈現相關內容的開發者。",
      "url": "https://piglife.dev/technical-notes/wordpress-related-posts-cpt/",
      "path": "/technical-notes/wordpress-related-posts-cpt/",
      "datePublished": "2025-02-20",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "custom-post-type",
        "PHP",
        "WordPress",
        "wp_query",
        "相關文章",
        "自定義文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 會員註冊時自動建立自訂文章類型實作筆記",
      "description": "說明如何在 WordPress 會員註冊時，自動建立自訂文章類型 member_info，並設定預設內容與 ACF 欄位，提升網站自動化與會員專屬頁面管...",
      "url": "https://piglife.dev/technical-notes/wordpress-auto-create-cpt/",
      "path": "/technical-notes/wordpress-auto-create-cpt/",
      "datePublished": "2025-02-20",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "acf",
        "user_register",
        "WordPress",
        "wp_insert_post",
        "會員註冊",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "Blocksy 主題 WooCommerce 產品頁新增下載與預覽彈窗實作筆記",
      "description": "說明如何利用 Blocksy 主題的 WooCommerce Hook，在產品頁購物車按鈕下方新增彈窗，顯示檔案預覽與下載連結，並透過 CSS 與 Ja...",
      "url": "https://piglife.dev/technical-notes/blocksy-woocommerce-download-preview-modal/",
      "path": "/technical-notes/blocksy-woocommerce-download-preview-modal/",
      "datePublished": "2025-02-14",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "blocksy",
        "download",
        "hook",
        "modal",
        "preview",
        "woocommerce",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WooCommerce 會員後台嵌入 Amelia 預約日曆與隱藏管理員選單實作筆記",
      "description": "介紹如何在 WooCommerce 會員後台新增 Amelia 預約日曆選單，並利用 admin_head 鉤子隱藏 WordPress 管理員介面元素...",
      "url": "https://piglife.dev/technical-notes/woocommerce-amelia-calendar-iframe/",
      "path": "/technical-notes/woocommerce-amelia-calendar-iframe/",
      "datePublished": "2025-02-06",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "admin_head",
        "amelia",
        "iframe",
        "woocommerce",
        "WordPress",
        "會員後台",
        "選單擴充"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 MutationObserver 監聽 DOM 變化並更新 Cookie 的實作筆記",
      "description": "介紹如何使用 MutationObserver 監聽特定 DOM 元素變化，並將變更內容同步更新到 Cookie，確保資料跨頁面持久化與後端可讀取。",
      "url": "https://piglife.dev/technical-notes/mutationobserver-dom-cookie/",
      "path": "/technical-notes/mutationobserver-dom-cookie/",
      "datePublished": "2025-02-04",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "cookie更新",
        "dom監聽",
        "JavaScript",
        "mutationobserver",
        "前端技術",
        "動態內容",
        "資料持久化"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress Amelia 預約系統取得使用者 ID 實作筆記",
      "description": "介紹如何透過 PHP 與 WordPress $wpdb 物件，安全查詢 Amelia 預約系統中對應的使用者 ID，適合需要整合兩者使用者資料的開發者...",
      "url": "https://piglife.dev/technical-notes/wordpress-amelia-user-id/",
      "path": "/technical-notes/wordpress-amelia-user-id/",
      "datePublished": "2025-01-24",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "amelia",
        "PHP",
        "WordPress",
        "wpdb",
        "使用者id",
        "資料庫查詢",
        "預約系統"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自訂使用者搜尋功能實作筆記",
      "description": "介紹如何利用 WordPress 的 pre_user_query 鉤子，擴充後台使用者搜尋功能，支援搜尋自定義欄位如 reg_phone，提升管理靈活...",
      "url": "https://piglife.dev/technical-notes/wordpress-custom-user-search/",
      "path": "/technical-notes/wordpress-custom-user-search/",
      "datePublished": "2025-01-20",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "custom-fields",
        "PHP",
        "pre_user_query",
        "user-search",
        "usermeta",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 使用者頁面新增老師欄位與篩選功能實作筆記",
      "description": "介紹如何在 WordPress 使用者編輯頁面新增「是否是老師」勾選欄位，並在使用者列表中顯示及篩選該欄位，方便管理老師帳號。",
      "url": "https://piglife.dev/technical-notes/wordpress-user-teacher-field/",
      "path": "/technical-notes/wordpress-user-teacher-field/",
      "datePublished": "2025-01-14",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "admin-filter",
        "custom-field",
        "PHP",
        "user-list",
        "user-meta",
        "user-profile",
        "WordPress"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 PHP 記錄 WooCommerce 訂單更新資料結構技術筆記",
      "description": "說明如何使用 PHP 透過 WooCommerce 的訂單狀態變更鉤子，將訂單詳細資料以 JSON 格式記錄到檔案，方便除錯與數據分析。",
      "url": "https://piglife.dev/technical-notes/php-log-woocommerce-order-data/",
      "path": "/technical-notes/php-log-woocommerce-order-data/",
      "datePublished": "2025-01-09",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "hook",
        "json",
        "PHP",
        "woocommerce",
        "WordPress",
        "訂單資料",
        "除錯"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 Ragic API 自動生成庫存扣減子表單實作筆記",
      "description": "介紹如何利用 Ragic API 自動清空子表單、遍歷需求商品並依 FIFO 原則扣減庫存，最後將扣減結果寫入子表單，提升庫存管理效率與準確性。",
      "url": "https://piglife.dev/technical-notes/ragic-api-inventory-subtable/",
      "path": "/technical-notes/ragic-api-inventory-subtable/",
      "datePublished": "2025-01-07",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "FIFO",
        "JavaScript",
        "Ragic API",
        "子表單操作",
        "庫存管理",
        "自動化扣減"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 WordPress 實現 WooCommerce 與 Ragic 訂單資料自動同步技術筆記",
      "description": "說明如何利用 WordPress 與 WooCommerce 將訂單資料自動同步至 Ragic 雲端資料庫，提升訂單管理效率並降低人為錯誤。",
      "url": "https://piglife.dev/technical-notes/woocommerce-ragic-data-sync/",
      "path": "/technical-notes/woocommerce-ragic-data-sync/",
      "datePublished": "2024-12-31",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "api同步",
        "PHP",
        "Ragic",
        "woocommerce",
        "WordPress",
        "訂單管理",
        "資料整合"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 實作瀏覽器語言自動轉址功能筆記",
      "description": "介紹如何在 WordPress 網站中利用 JavaScript 根據瀏覽器語言自動轉址至指定語言頁面，並透過 Cookie 避免重複轉址，提升多國語系...",
      "url": "https://piglife.dev/technical-notes/wordpress-browser-language-redirect/",
      "path": "/technical-notes/wordpress-browser-language-redirect/",
      "datePublished": "2024-12-31",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "cookie",
        "JavaScript",
        "WordPress",
        "前端",
        "多國語系",
        "瀏覽器語言",
        "自動轉址"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 實作 UTM 參數自動追蹤功能筆記",
      "description": "介紹如何在 WordPress 中利用 PHP 與 JavaScript 自動儲存並補充 UTM 參數，確保訪客瀏覽過程中參數不遺失，方便行銷流量分析。",
      "url": "https://piglife.dev/technical-notes/wordpress-utm-parameter-tracking/",
      "path": "/technical-notes/wordpress-utm-parameter-tracking/",
      "datePublished": "2024-12-27",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "cookie",
        "JavaScript",
        "PHP",
        "utm參數",
        "WordPress",
        "流量追蹤",
        "網址參數"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 自定義 CSS 與 JS 檔案載入實作筆記",
      "description": "說明如何在 WordPress 主題的 functions.php 中載入自定義 CSS 和 JS 檔案，方便樣式與互動效果的客製化與維護。",
      "url": "https://piglife.dev/technical-notes/wordpress-custom-css-js/",
      "path": "/technical-notes/wordpress-custom-css-js/",
      "datePublished": "2022-12-18",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "css",
        "functions.php",
        "JavaScript",
        "WordPress",
        "wp_enqueue_script",
        "wp_enqueue_style"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 Google 自定義搜尋引擎取代 WordPress 站內搜尋功能實作筆記",
      "description": "介紹如何使用 Google 自定義搜尋引擎取代 WordPress 站內搜尋，減輕伺服器負擔並提升搜尋效率，包含設定流程與搜尋表單實作說明。",
      "url": "https://piglife.dev/technical-notes/google-cse-replace-wordpress-search/",
      "path": "/technical-notes/google-cse-replace-wordpress-search/",
      "datePublished": "2018-04-12",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "google cse",
        "WordPress",
        "前端整合",
        "搜尋優化",
        "站內搜尋",
        "網站效能"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 兩種客製化頁面繼承實作筆記",
      "description": "介紹兩種在 WordPress 中建立客製化頁面繼承的方法，包含自訂模板與依 URL 指定模板，讓工程師能靈活調整頁面結構與內容。",
      "url": "https://piglife.dev/technical-notes/wordpress-custom-page-inheritance/",
      "path": "/technical-notes/wordpress-custom-page-inheritance/",
      "datePublished": "2018-04-11",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "PHP",
        "WordPress",
        "主題開發",
        "客製化頁面",
        "模板",
        "頁面繼承"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "蝦皮折扣券功能設定與應用實作筆記",
      "description": "介紹蝦皮優選賣家專屬的折扣券功能設定流程與管理技巧，幫助提升賣場購物體驗與促銷效果，適合有蝦皮賣家帳號的工程師與自學者。",
      "url": "https://piglife.dev/technical-notes/shopee-discount-coupon-setup/",
      "path": "/technical-notes/shopee-discount-coupon-setup/",
      "datePublished": "2018-02-06",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "促銷活動",
        "折扣券",
        "折扣碼設定",
        "蝦皮",
        "賣家中心",
        "購物體驗",
        "電商行銷"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "去除 HTML img 標籤多餘空格白線的技術筆記",
      "description": "說明如何解決 HTML img 標籤在並排時產生的多餘空白白線問題，透過設定 display:block 來消除圖片間的空隙，適用於網頁與 EDM 設計...",
      "url": "https://piglife.dev/technical-notes/remove-html-img-white-space/",
      "path": "/technical-notes/remove-html-img-white-space/",
      "datePublished": "2017-11-21",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "css",
        "display-block",
        "html",
        "img標籤",
        "圖片拼接",
        "空白白線"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "原生 JavaScript 實作 Tab 功能選單筆記",
      "description": "介紹如何使用原生 JavaScript 實作 Tab 功能選單，說明 HTML 結構與 JavaScript 控制顯示與樣式切換的細節，幫助讀者理解底層...",
      "url": "https://piglife.dev/technical-notes/native-javascript-tab-menu/",
      "path": "/technical-notes/native-javascript-tab-menu/",
      "datePublished": "2017-11-03",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "DOM操作",
        "JavaScript",
        "tab功能",
        "事件處理",
        "前端設計",
        "原生js"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 Shortcode 在 WordPress 頁面顯示指定 Post Type 文章教學",
      "description": "介紹如何在 WordPress 中利用 shortcode 包裝 WP_Query 查詢指定文章類型，並在頁面中靈活顯示文章列表，適合需要自訂內容呈現的...",
      "url": "https://piglife.dev/technical-notes/wordpress-shortcode-post-type/",
      "path": "/technical-notes/wordpress-shortcode-post-type/",
      "datePublished": "2017-11-02",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "functions.php",
        "PHP",
        "post type",
        "shortcode",
        "WordPress",
        "wp_query",
        "自訂文章類型"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "AddToAny 外掛快速建立 WordPress 社群分享按鈕教學",
      "description": "介紹如何透過 AddToAny 外掛快速在 WordPress 網站建立社群分享按鈕，包含安裝、設定標準與浮動按鈕，以及前端顯示檢查，適合想提升網站導流...",
      "url": "https://piglife.dev/technical-notes/addtoany-wordpress-share-buttons/",
      "path": "/technical-notes/addtoany-wordpress-share-buttons/",
      "datePublished": "2017-11-01",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "AddToAny",
        "WordPress",
        "外掛設定",
        "浮動按鈕",
        "社群分享按鈕",
        "網站導流"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 使用 Duplicate Post 外掛快速複製文章與頁面內容教學",
      "description": "介紹如何使用 WordPress Duplicate Post 外掛快速複製文章與頁面內容，包含安裝、設定與實際操作步驟，提升內容管理效率。",
      "url": "https://piglife.dev/technical-notes/wordpress-duplicate-post-copy/",
      "path": "/technical-notes/wordpress-duplicate-post-copy/",
      "datePublished": "2017-10-31",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "Duplicate Post",
        "WordPress",
        "內容管理",
        "外掛教學",
        "效率提升",
        "文章複製"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "TablePress外掛多功能表格製作實作筆記",
      "description": "介紹如何使用 WordPress TablePress 外掛快速建立具排序、搜尋、分頁功能的多功能表格，包含安裝、設定、短碼嵌入及匯入匯出操作，適合需要...",
      "url": "https://piglife.dev/technical-notes/tablepress-multifunction-tables/",
      "path": "/technical-notes/tablepress-multifunction-tables/",
      "datePublished": "2017-10-30",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "TablePress",
        "WordPress",
        "匯入匯出",
        "多功能表格",
        "排序搜尋分頁",
        "短碼",
        "表格外掛"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "WordPress 安裝與設定 Facebook Live Chat 外掛教學",
      "description": "介紹如何在 WordPress 網站中安裝並設定 Facebook Live Chat 外掛，快速加入 Messenger 按鈕，讓訪客能直接私訊粉絲團...",
      "url": "https://piglife.dev/technical-notes/wordpress-facebook-live-chat-setup/",
      "path": "/technical-notes/wordpress-facebook-live-chat-setup/",
      "datePublished": "2017-10-29",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "facebook live chat",
        "messenger 按鈕",
        "WordPress",
        "外掛安裝",
        "粉絲團整合",
        "網站即時通訊"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 Google Search Console 提交網站 Sitemap 加速索引流程",
      "description": "介紹如何透過 Google Search Console 提交網站 Sitemap，加速 Google 爬蟲索引網站內容，並提升 SEO 排名，適合有基...",
      "url": "https://piglife.dev/technical-notes/google-search-console-submit-sitemap/",
      "path": "/technical-notes/google-search-console-submit-sitemap/",
      "datePublished": "2017-10-27",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "google search console",
        "seo",
        "sitemap",
        "wordpress seo",
        "網站優化",
        "網站索引",
        "網站驗證"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "使用 JSON.stringify 將表單資料轉存為 JSON 格式的技術筆記",
      "description": "說明如何利用 JSON.stringify 將多個前端表單欄位資料轉存成 JSON 格式，並存入隱藏欄位以便後端資料庫存取，適合有程式基礎的工程師與自學...",
      "url": "https://piglife.dev/technical-notes/json-stringify-form-data/",
      "path": "/technical-notes/json-stringify-form-data/",
      "datePublished": "2017-10-24",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "JavaScript",
        "jQuery",
        "json",
        "json.stringify",
        "前端開發",
        "表單資料",
        "資料序列化"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 PixelYourSite 外掛安裝 Facebook Pixel 基本設定教學",
      "description": "介紹如何使用 PixelYourSite 外掛在 WordPress 網站安裝並設定 Facebook Pixel，包含安裝流程、基本設定與事件追蹤，幫...",
      "url": "https://piglife.dev/technical-notes/install-facebook-pixel-pixelyoursite/",
      "path": "/technical-notes/install-facebook-pixel-pixelyoursite/",
      "datePublished": "2017-10-23",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "facebook pixel",
        "pixelyoursite",
        "WordPress",
        "外掛設定",
        "廣告追蹤",
        "網站行銷"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用 Contact Form 7 外掛打造客製化表單功能技術筆記",
      "description": "介紹如何使用 WordPress Contact Form 7 外掛，透過三個步驟快速建立並客製化聯絡表單，包含欄位類型說明與短碼嵌入技巧，適合有程式基...",
      "url": "https://piglife.dev/technical-notes/contact-form-7-custom-form/",
      "path": "/technical-notes/contact-form-7-custom-form/",
      "datePublished": "2017-10-23",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "contact-form-7",
        "WordPress",
        "前端呈現",
        "外掛教學",
        "客製化",
        "短碼",
        "表單設計"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用Akeeba Backup備份與還原WordPress網站實作筆記",
      "description": "說明如何使用Akeeba Backup外掛備份與還原WordPress網站，包含外掛安裝、備份流程、Kickstart還原工具使用及相關設定，適合具備基...",
      "url": "https://piglife.dev/technical-notes/akeeba-backup-wordpress/",
      "path": "/technical-notes/akeeba-backup-wordpress/",
      "datePublished": "2017-10-22",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "akeeba backup",
        "kickstart",
        "WordPress",
        "網站備份",
        "網站還原",
        "資料庫備份"
      ],
      "language": "zh-Hant"
    },
    {
      "type": "article",
      "title": "利用SalesHandy在Gmail發送HTML格式電子報教學",
      "description": "介紹如何利用SalesHandy工具在Gmail中發送HTML格式電子報，包含註冊、安裝外掛、建立模板及插入信件的完整流程，適合需要自訂排版的工程師與自...",
      "url": "https://piglife.dev/technical-notes/saleshandy-gmail-html-edm/",
      "path": "/technical-notes/saleshandy-gmail-html-edm/",
      "datePublished": "2017-10-20",
      "dateModified": "2025-12-12",
      "section": "技術筆記",
      "tags": [
        "chrome extension",
        "edm",
        "email template",
        "gmail",
        "html email",
        "saleshandy",
        "電子報"
      ],
      "language": "zh-Hant"
    }
  ]
}