國字旁邊產生注音 面對年紀較小，尚在認字的小朋友，注音對他們來說非常重要，差不多等於陽光、水、空氣一樣重要。 在網頁上有各種資訊，但因為少了注音，所以他們就無法閱讀了。 想讓國字旁邊產生注音，有好多種方法，其中在網頁顯示注音最簡單的方法就是使用 css 去自動生成。 下載有注音的字形檔 網路上很多免費的資源可以用，這個優秀的網站就有介紹一些 痞凱踏踏 | PKstep (雖然不認識這個部...

OpenCC 是啥？ Python OpenCC 是一個用於中文文本轉換的 Python 庫，它提供了對繁體字和簡體字之間的轉換功能。這個庫建立在 OpenCC 開源專案的基礎上，OpenCC 是一個流行的中文簡繁轉換庫，用於將簡體字轉換為繁體字或反之。 一行安裝 pip install opencc-python-reimplemented 例子 我有一段繁體文字，想要轉成簡體文字...

sitemap 使用Google Search Console 提交 Sitemap 1.輸入網址 https://search.google.com/search-console/welcome 2.會看到“網域”跟“網址前置字元”兩種選項,網域的會把所有網址 http or https 整合在一起比較方便,但是要設定DNS比較困難,所以使用網址前置字元 3.輸入網址 4.選擇用 G...

sitemap 說明 「Sitemap」是一種用來提供網站資訊的檔案，您可以在其中列出網頁、影片和其他檔案的資訊，並呈現這些內容彼此間的關係。Google 等搜尋引擎都會讀取網站的 Sitemap 檔案，藉此以更有效率的方式檢索網站。Sitemap 不僅會將網站上有哪些重要網頁和檔案告訴 Google，還會針對這類檔案提供有價值的資訊，例如網頁上次更新的時間，以及是否有其他語言版本。(取自g...

互動式分級著色圖 (上一篇)介紹使用 Leaflet，並簡單的在上面加個 marker, 接下來進階到畫出個分級著色圖，讓資訊與地區的概念同時顯示在地圖上，ex: 將美國各區的人口密度以不同顏色顯示在地圖上。 code 示範 以下的 code 複製直接可 run (當然要有 web server, like nginx or tomcat..etc) <!DOCTYPE ...

Leaflet 介紹 Leaflet 是一個開源的 JavaScript 地圖庫，旨在為網頁和移動應用提供交互式地圖的展示功能。它簡單輕量，易於使用，並且具有豐富的自定義選項。Leaflet 不僅支援基本的地圖顯示，還可以添加標記、多邊形、線條、圖層切換等功能。 Leaflet link code 示範 以下的 code 複製直接可 run (當然要有 web server, li...

What is Docker? Docker is an open-source containerization platform that helps developers package applications and their related dependencies into a lightweight, portable environment called “contain...

Docker 是什麼 ? Docker是一個開源的容器化平台，可以幫助開發人員將應用程式及其相關的依賴項打包到一個稱為「容器」的獨立輕量級環境中。這些容器可以在不同的環境中運行，例如開發人員的筆記本電腦、測試環境、部署伺服器等，而不需要擔心環境之間的差異和依賴問題，不然寫 code 寫的那麼辛苦，發現對方不能 run，或是部屬到 Production 還要提心吊膽，實在破壞了一整天的心情阿。...

Chirpy 提供很多方便的功能，本篇主要介紹 大功能 生成網頁的方式如 這篇，就不重複介紹了 在 _post 下寫 markdown 對應生成網頁 下載後資料夾長這個樣子，最重要的是 _post 資料夾 功能 1 - Category 在各個 post md 的設定中，直接填入 category 名稱，這樣該文章就會被分在該 category 下，算是較大的分類。 ...

Sourcetree 教學 1.先安裝 Sourcetree 2.登入 Github, 點選右上角頭像選擇 Settings. 3.選擇 Developer Settings, 然後點選 Personal access tokens -> Tokens(classic) 4.點選 Generate new token -> Generate new token(classi...

step 1 : 從 jekyll themes 中選自己喜歡的樣式模板, jekyll themes step 2 : 下載相關 theme 後解壓縮 step 3 : 在此位置下指令 docker run -it --rm --volume="$PWD:/srv/jekyll" -p 4000:4000 jekyll/jekyll jekyll serve 指令解...

step 1 : Choose your favorite style template from Jekyll themes, jekyll themes step 2 : Download the relevant theme and unzip it step 3 : Run the following command in your terminal docker ru...