由於我在 pixnet 部落格裡撰寫程式及網頁技術的文章, 給程式上色這個需求一直都是使用套件 highlight.js. 不過有幾個地方總是不那麼滿意: 像是用於 linux 指令或批次檔的 <code class="language-bash"> 或者用於 Windows 命令提示字元 (CMD 指令或批次檔) 的 <code class="language-dos">, 它們總是會少幾個指令沒有上到色. 下面幾個方法是我這幾年來自己琢磨出來的修正 bash 和 dos 這二類程式區塊上色問題的辦法, 在此分享給有需要的朋友.
- 9月 30 週一 202417:54
JavaScript: 客製化 highligh.js
- 9月 28 週六 202413:44
CSS: 取消繼承來的 CSS 設定
想要取消繼承來的 CSS 設定? 這種想法有點瘋狂! 這原本是不會出現的. 因為絶大部份的狀況下, 我們總是可以精細的調整 CSS 的 Selector, 來達成區分 CSS 的作用範圍. 除非... CSS 的繼承來源你動不了. 又或者像是我在 "CSS: Double Strikeout 雙刪除線" 這一篇貼文裡遇到的狀況: 想要在同一個頁面展示二種雙刪除線的 CSS 設定效果 (不動用 <iframe> tag). 這個時候正是本篇的主角 all: revert 這種另類 CSS 大展身手的時候.
- 9月 27 週五 202413:14
HTML: 如何將 SVG 疊在一般圖片上 (二種方法)
前言我的 "關於 PoE 以及 Raspberry Pi 的 PoE" 這一篇貼文裡, 有來自 "維基百科" 的三張 Raspberry Pi 的照片及一張從網路搜來的圖片. 而我, 需要在它們上頭作一些標記. 由於圖片已經上傳到 pixnet 了, 不想用小畫家改圖後再重新上傳, 於是突發奇想: 是否可以在貼文中直接利用 HTML 語法將 SVG 疊在它們上面?
- 9月 12 週四 202420:03
HTML: 如何使用 ZWSP 在特定位置上斷行
unicode 中編碼 U+200B 是為 ZWSP (zero-width space, 零寬空格), 它是一個不可列印的字元. 你可以將它安插在超長字串裡可能需要換行的位置.在 HTML 頁面中我們可以用 <wbr> tag 來代表它.
- 7月 17 週三 202416:24
非同步序列 (串列) 傳輸 UART vs RS-232
這一篇我們來談非同步序列 (串列) 傳輸以及一個古董級的傳輸技術: RS-232.RS-232 是一種常用的序列傳輸技術, 和另外二個我們在嵌入式系統 (embedded system) 常用的序列傳輸技術 I2C 和 SPI 有很大的差異:
- 6月 25 週二 202416:01
關於 PoE 以及 Raspberry Pi 的 PoE
PoE 標準目前主要的 PoE 標準有 3:
IEEE 802.3af-2003 函蓋 Type 1 設備.
IEEE 802.3at-2009 函蓋 Type 1 及 Type 2 設備.
IEEE 802.3bt-2018 函蓋 Type 1 至 Type 4 設備.
- 2月 18 週六 202319:43
WSL 2 快速使用指南 (含 GUI 及遠端桌面)
安裝/啟用 WSL 2如果你現在用的是 Win11 (或者 Win10 21H2), 那麼恭喜你, 你只要以系統管理員身分執行以下指令即可 "啟用執行 WSL 並安裝 Linux 的 Ubuntu 發行版本".
- 2月 12 週日 202305:43
Python: 在 Win10/Win11 平台裡啟用 GPU 加速 TensorFlow
重要提示TF 2.10 是 Windows 平台上 原生環境最後一版可以支援 GPU 的版本.
如果需要在 Windows 中使用 TF2.11 及以後的版本, 請改用WSL 2 環境.
- 5月 31 週二 202216:46
HTML: 在 HTML, CSS, JS 中表示 Unicode 字元
有關 Unicode 的編碼規則及 Unicode 的 BOM 可以參閱我的這一篇貼文:
"Python: 關於 Unicode 的 BOM"
在 HTML 中表示 Unicode 字元
"Python: 關於 Unicode 的 BOM"
在 HTML 中表示 Unicode 字元
- 5月 03 週二 202208:36
關於 embedded system 的 C/C++
前言
這一篇原本是 2017-12-21 寫的 (Pixnet 後台文章日期 2017-12-21 18:18:53), 但是因為後面一小段卡了, 一直沒發表. 後來因為工作內容轉為開發前台系統, 由於工作上有許多以前未接觸過的, 實在是空不下來, 也就很少有時間再碰 embedded system. 除非接手的團隊有問題回頭來請教, 非得要試一下才能給答案, 幾乎是沒機會再把它接上電源開起來. 所以它也就在未完成文章中趟了 4 年多, 今天就把後面一小段有關 std io 的 sample code 先拿掉, 作個小結. 發表出來. 至於有關 std io 的部份我想...就以後有緣再寫吧!?
這一篇原本是 2017-12-21 寫的 (Pixnet 後台文章日期 2017-12-21 18:18:53), 但是因為後面一小段卡了, 一直沒發表. 後來因為工作內容轉為開發前台系統, 由於工作上有許多以前未接觸過的, 實在是空不下來, 也就很少有時間再碰 embedded system. 除非接手的團隊有問題回頭來請教, 非得要試一下才能給答案, 幾乎是沒機會再把它接上電源開起來. 所以它也就在未完成文章中趟了 4 年多, 今天就把後面一小段有關 std io 的 sample code 先拿掉, 作個小結. 發表出來. 至於有關 std io 的部份我想...就以後有緣再寫吧!?
程式 (3)