開源免費，在 Netlify 上安裝 Primo CMS，輕鬆製作網頁
這篇文章教你如何在 Netlify 上安裝開源免費的 Primo CMS 來輕鬆製作網頁。內容包括建立帳號、使用 Supabase 建立 schema、Fork Primo 專案、在 Netlify 上安裝 Primo，以及將其部署到 GitHub 的完整步驟。
用 Docker 安裝 Verdaccio，建立本機私有 npm
這篇文章教你如何使用 Docker 安裝 Verdaccio 來建立本地私有 npm。內容包括 Verdaccio 的安裝、如何上傳、使用和刪除 package，以及如何修改 config.yml 和改變 CSS 的詳細步驟。
用 Gitea 在本機架 Git Server 功能
這篇文章教你如何在本機使用 Gitea 架設 Git Server。內容涵蓋了安裝 Docker、設定和安裝 Gitea 的 dokcer-compose.yml、Gitea 的安裝流程，以及如何刪除安裝的 Gitea。文章也包含了一個 Docker 的彩蛋，教你如何清理安裝或未清理的緩存。
簡單的網頁截圖功能 – DOM to Image
這篇文章教你如何使用 DOM to Image 進行網頁截圖。內容包括如何安裝和使用 DOM to Image，注意事項，以及一個實用的 Demo 和原始碼。文章還探討了 Notion AI 生成的文章，並在最後提供了一個關於生成式 AI 影響的彩蛋。
HEIC 格式的圖片怎麼辦？使用 heic2any.js 轉換為 JPEG 或 PNG
這篇文章教你如何使用 heic2any.js 來轉換 HEIC 格式的圖片。內容包括 HEIC 格式的介紹、如何使用 heic2any.js、處理從 iPhone 上傳的 HEIC 格式圖片，以及處理 API 回應的 HEIC Base64 格式圖檔的方法。文章提供了實用的 Demo 和原始碼。
VS Code Pets，一邊寫程式一邊養隻療癒小寵物吧
探索如何在 VS Code 中養一隻療癒的小寵物。本文將指導你安裝和使用 vscode-pets 擴充功能，讓可愛的寵物陪伴你一同寫程式。你可以選擇不同類型和顏色的寵物，甚至改變它們的遊玩場景，為你的編程時光增添樂趣和舒適。
如何使用 PWA 技術打造優秀的 Web App？
探索如何使用 PWA 技術來打造優秀的 Web App。本文詳細解釋了創建 icon 圖檔、manifest.json、sw.js，註冊 Service Worker，以及使用 Lighthouse 檢查 PWA 使用狀況的步驟。
使用 Manifest 創建你的 PWA – 基礎 Progressive Web App 教學
深入探索 PWA 的 Manifest.json 應用，學習如何設定應用程式的主要顏色、啟動畫面、圖示、名稱等，並了解 Chrome 主動提示加入主畫面的條件和功能。
使用 IndexedDB 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第三篇）
深入了解 IndexedDB 的客戶端數據存儲技術。本文詳細解釋了 IndexedDB 的使用限制、操作方法和實踐技巧，並提供了實用的代碼範例和操作指南，是前端工程師提升技能的理想資源。
用 OneDev 在本機架 Git Server 功能
探索如何使用 OneDev 在本機快速架設 Git Server。本文詳細介紹了安裝 OneDev 和 Docker 的步驟，並提供了實用的圖片和說明，幫助你輕鬆在本機建立和管理 Git Server。
使用 Local Storage 實現 Client 端數據存儲 – 前端工程師必學的 Web Storage 技術（第二篇）
探索如何使用 Local Storage 和 Session Storage 實現客戶端數據存儲。本文詳細解釋了這些技術的限制、原生寫法、設定有效期限和推薦套件，並提供了實用的 Demo 和原始碼。
用 HTML 的 capture 屬性，開啟手機鏡頭進行拍照、錄影
探索如何使用 HTML 的 capture 屬性開啟手機鏡頭進行拍照和錄影。本文詳細解釋了開啟鏡頭、預覽照片和影片、轉圖片和轉影片的方法，以及客製 input file 和支援度和安全性的考慮。附帶實用範例和說明。
Recent Comments