![[筆記] 初探 gitlab 自動化佈署邏輯](https://smlpoints.com/wp-content/uploads/guide-deploy-vue-js-with-docker-1.png "[筆記] 初探 gitlab 自動化佈署邏輯")
[筆記] 初探 gitlab 自動化佈署邏輯
近期要幫一個純前端的專案加上 gitlab 的 ci-cd 邏輯。這邊筆記下實作的思考流程，以及如何準備相關的檔案。 內容 檔案和資源 1. 撰寫 Docker Read More …
分類: 軟體與硬體 Software & Hardware
![[筆記] 初探 Headless Strapi CMS 系統 Q&A](https://smlpoints.com/wp-content/uploads/notes-build-headless-strapi-cms-qa-1.jpg "[筆記] 初探 Headless Strapi CMS 系統 Q&A")
[筆記] 初探 Headless Strapi CMS 系統 Q&A
Strapi 是一套 Headless 的內容管理系統 CMS。你可以理解成它是一套以 API 與純前端專案溝通的內容管理系統。佈署完成後，你可以節省掉請開發 Read More …
![[筆記] 在家配置 Apple Homekit 之前需要注意的幾件事](https://smlpoints.com/wp-content/uploads/notes-you-need-to-know-before-implementing-apple-homekit-1.jpg "[筆記] 在家配置 Apple Homekit 之前需要注意的幾件事")
[筆記] 在家配置 Apple Homekit 之前需要注意的幾件事
Apple Homekit 智慧家庭在新裝潢的配置空間中，會有一些需要注意的細節。這幾天研究下來順便做個筆記。 常見 Q&A 1. 插座和開關是不一樣的 Read More …
![[指南] 2023 Adobe Lightroom Classic 儲存空間 + 備份編目 最佳化](https://smlpoints.com/wp-content/uploads/Adobe_Photoshop_Lightroom_Classic_CC_icon.jpg "[指南] 2023 Adobe Lightroom Classic 儲存空間 + 備份編目 最佳化"){kind=icon}
[指南] 2023 Adobe Lightroom Classic 儲存空間 + 備份編目 最佳化
Adobe Photoshop Lightroom Classic 在最後一代的買斷版第六代結束後，我也很長一段時間沒有再使用了。近期因為又有了大量管理照片的需 Read More …
![[筆記] Urvanov Syntax Highlighter – Crayon Syntax Highlighter 的續作 WordPress 顯示程式碼外掛](https://smlpoints.com/wp-content/uploads/how-to-control-the-numbers-of-wordpress-thumbnails-1.jpg "[筆記] Urvanov Syntax Highlighter – Crayon Syntax Highlighter 的續作 WordPress 顯示程式碼外掛")
[筆記] Urvanov Syntax Highlighter – Crayon Syntax Highlighter 的續作 WordPress 顯示程式碼外掛
在過往 WordPress 若要讓程式碼顯示有 highlight 的效果，會透過 Crayon Syntax Highlighter 套件來達成，不過這套件已 Read More …
![[指南] Mac OS 執行官方 XCode Safari iOS 模擬器](https://smlpoints.com/wp-content/uploads/guide-mac-os-xcode-safari-ios-simulator-1.png "[指南] Mac OS 執行官方 XCode Safari iOS 模擬器")
[指南] Mac OS 執行官方 XCode Safari iOS 模擬器
為了在 Mac 上進行對手機版網頁的調教，光用桌面版的 Chrome 所提供的手機模式還是有不足之處。特別是 iOS 15 以後的 Safari 後網址列換到下 Read More …
![[指南] 運用 ShowPassword 小工具，讓你檢視你在密碼框內打了什麼](https://smlpoints.com/wp-content/uploads/guide-showpassword-google-extension-1.jpg "[指南] 運用 ShowPassword 小工具，讓你檢視你在密碼框內打了什麼")
[指南] 運用 ShowPassword 小工具，讓你檢視你在密碼框內打了什麼
使用網站服務時，隨著密碼的複雜度越來越高，若不小心輸錯一個字往往很難發現。這個 ShowPassword 小工具節省了你打開開發者工具，把 type 改為 te Read More …
![[筆記] Vue3 TypeScript 版本的 JSON Editor – vue3-ts-jsoneditor](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png "[筆記] Vue3 TypeScript 版本的 JSON Editor – vue3-ts-jsoneditor")
[筆記] Vue3 TypeScript 版本的 JSON Editor – vue3-ts-jsoneditor
近期在 Vue3 專案上需要有個 JSON 編輯器，於是在尋尋覓覓後，找到以 svelte-jsoneditor 為基底的 vue3-ts-jsoneditor Read More …
![[指南] Better Ruler 前端開發必備的網頁測量小工具](https://smlpoints.com/wp-content/uploads/guide-better-ruler-browser-extension-frontend-1.jpg "[指南] Better Ruler 前端開發必備的網頁測量小工具")
[指南] Better Ruler 前端開發必備的網頁測量小工具
前端開發網頁時，依賴眼力去判斷水平或是垂直是否貼齊、顯示的尺寸大小難免會有失常的時候。Better Ruler 這一套 Chrome / Edge 的小工具，可 Read More …
