Infra4 分鐘閱讀
將你的網站，配置 Could Flare 國際級 CDN
介紹如何免費將網站接入 Cloudflare CDN，透過 DNS 代管分攤流量、隱藏真實 IP 並啟用 HTTPS，提升網站速度與安全性。
知識索引
搜尋
搜尋文章與 Podcast 的標題、標籤和完整內文。
篩選搜尋結果
共 667 筆內容
Frontend4 分鐘閱讀
VUE 框架導入 SVG & SVG Sprite 實戰筆記
介紹如何在 Vue 框架中導入 SVG 與 SVG Sprite，透過 svg-sprite-loader 與 svgo 優化圖示載入效能，並實作 SvgIcon 元件。
Frontend2 分鐘閱讀
Stylelint - 提昇讓你的專案中的 CSS 樣式，擁有像 Eslint 的自動排版及檢查錯誤
介紹 Stylelint 的安裝與設定方式，讓 Vue/SCSS 專案在存檔時自動修正 CSS 排版與屬性錯誤，提升團隊 CSS 撰寫風格的一致性。
SEO5 分鐘閱讀
捲起袖子動手做 SEO Part's 2 - 優化動態網站對 Google 搜尋引擎的爬蟲友善度
比較 SSR、預渲染與動態渲染（Rendertron）三種解決方案，說明如何優化 JavaScript 動態網站對 Google 爬蟲的友善度，提升 SEO 排名。
Frontend3 分鐘閱讀
Vue(Non Type Script) 搭配 VsCode 配置，像 Typescript 般，在專案開發時擁有自動智慧提示
說明如何透過 jsconfig.json 與 Vetur 插件，讓非 TypeScript 的 Vue 專案在 VS Code 中擁有自動路徑解析與智慧提示功能，提升前端開發效率。
SEO3 分鐘閱讀
捲起袖子動手做 SEO Part's 1 - 開始優化你的網站的 SEO
SEO 入門實作指南：介紹搜尋引擎原理、市占率分析，以及如何透過 robots.txt、sitemap.xml 和 Google Search Console 讓爬蟲正確索引你的網站。
PowerShell3 分鐘閱讀
透過 PowerShell 製作 JPG/ PNG 轉 webp 小工具 (使用 Google webp converter lib)
說明如何用 PowerShell 搭配 Google cwebp 工具批次將 JPG 與 PNG 圖片轉換為 WebP 格式，比較不同壓縮品質的檔案大小差異。
Cloud4 分鐘閱讀
直播網站實戰開發筆記 - 使用阿里雲 - 1
說明如何在阿里雲建立推流與拉流伺服器，透過 OBS 推送直播串流，並將 HLS/RTMP 直播影片鑲嵌到網站中，包含 CORS 設定與實測延遲數據。
PowerShell2 分鐘閱讀
透過 PowerShell 下載 google sheet，產生 i18n 多語系翻譯 Json 檔
說明如何用 PowerShell 從 Google Sheet 下載 CSV，轉換產生多國語系 i18n JSON 檔，達到多人同時協作維護翻譯檔。
