Miksin's note site
程式・開發學習筆記
Miksin's note site
程式・開發學習筆記
本文介紹了如何為網站配置有效的robots.txt
文件以及為無文本的按鈕添加aria-label
屬性,以提高網站的SEO和無障礙性。
本文介紹如何在WSL環境中使用Vite、Svelte、Tailwind CSS和daisyUI建置專案,並配置VSCode開發環境,包括安裝相關擴展和設定Prettier格式化工具。
在這篇文章中,我們將介紹如何使用 Cloudflare Pages 和 Astro 建立一個 URL 縮短服務。本文涵蓋了環境設置、Astro 和 Cloudflare 的整合、Cloudflare KV 的設置以及頁面的實現和部署。通過這些步驟,您將能夠構建一個功能齊全的 URL 縮短服務。
本文介紹了如何在 VitePress 中設置多語言支持和自動生成側邊欄。首先,配置多語言資料夾和文件,然後在 config.mts
中設置語言選項。接著,安裝並配置 vitepress-sidebar
插件來自動生成側邊欄,並通過修改 CSS 來實現子項目的縮排效果。
本文介紹了如何在項目中設置和使用ESLint進行代碼檢查和格式化,包括安裝和配置ESLint、設置pre-commit鉤子以及在VSCode中整合ESLint。
本文介紹了如何在VitePress中使用Google Fonts,包括選擇字型、獲取嵌入代碼、配置VitePress的head和CSS,以根據語言設定不同的主要字型。
本文介紹如何使用CloudFlare R2作為部落格圖床,包括將圖片轉為webp格式、創建bucket、設定custom domain、使用rclone上傳圖片等步驟,並提供相關工具的安裝與配置指南。
本文介紹如何在VitePress中啟用和設置Giscus評論系統。步驟包括在GitHub開啟Discussion功能、安裝giscus GitHub App、在giscus.app進行設定、安裝Giscus的Vue Component、配置GiscusComment.vue元件,並將其添加到VitePress主題中,實現界面語言自動切換。
這篇文章介紹了在使用VitePress開發過程中遇到的兩個主要問題及其解決方案。首先是VSCode無法找到已安裝的vue package,通過切換到npm解決了這個問題。其次是README.md
中出現大量TypeScript錯誤訊息,通過調整tsconfig.json
的include範圍解決了這個問題。
本文介紹如何在Windows 11環境下使用WSL2安裝Docker,並在VSCode中配置Dev Containers進行開發。接著,說明如何生成並配置VitePress專案,最後介紹如何將專案部屬到CloudFlare Pages。