提醒

本篇套用的是分享給大家的 JS, 它只摭住廣告, 未加上我自己 PC 版本的版面的本文風格. 所以使用手機觀看會與我其他的貼文風格不同.

由於痞客邦 2020/4/27 開始執行外部 JavaScript 語法規範, 各位請記得重做一次手機號碼認證, 否則 JS 會被擋下來的. 2020/4/27 以後有重做手機號碼認證的可以忽略這條訊息.

提醒_2020/04/27

由於痞客邦 2020/4/27 開始執行外部 JavaScript 語法規範, 各位請記得到 "帳號中心" 重做一次手機號碼認證 (一個手機號碼只能綁定一個登入號號), 否則 JS 會被擋下來的. 2020/4/27 以後有重做手機號碼認證的可以忽略這條訊息.

如何進 "帳號中心" : 帳號中心在頁面最上方的選單行, 你自己的 '大頭照' 圖示的下拉選單中. 進入後在 "帳號資料修改" 頁籤下的 "個人資料設定" 段落中有修改 "手機號碼" 的資料輸入欄, 資料輸入欄的最右方即是 按鈕.

寫在前面

我想先聲明一下: 我不反對廣告. 但是對於 '宿主網站' 我反對版面上到處都是廣告. 我更討厭 '廣告業主' 因為沒有提供足夠流量, 或者圖檔/影音檔太大, 導致 '用戶經驗' 不佳的廣告.

08/17 開始, 到訪人數突然歸零了

08/22 發現 總到訪人數 回復了, 但 各 URL 的到訪人數沒有回復了

09/03 發現 08/22 之後的到訪人數大量減少, 大約只剩以前的一半.

我們平時用於撰寫程式的整合開發環境 (IDE) 或文字編輯器上, 基本上都有一個設定: 設定一個水平定位字元 (HT, ASCII code 0x09) 相當於幾個空白字元 (SP, ASCII code 0x20), 讓我們可以依自己的需求 (或喜好) 調整程式碼的顯示.

但是長久以來 browser 一直都沒有這樣的設定. 而且預設狀況下, HT 字元和 SP 字元的寬度是一樣的, 連續的 HT/SP 字元在顯示上也都會縮減成一個空白字元的寬度. 除非, 它們是落在 <pre> tag 或者 <textarea> tag 裡_(註一). 而且 HT 的寬度是固定的 8 個 SP, 沒有辦法更改. 這對教學網站或者分享程式片斷的部落格偶而會造成一點點小麻煩.

後來, CSS3 草案上定義了 tab-size 設定項來解決此問題. 大部份 browser 都是在 2020 年才開始支援此一功_(註二) (雖然, 至今 CSS3 都尚未完全定稿). tab-size 的設定主要分為二種格式:

第 3 行使用 8 個空白字元, 第 4 行使用 2 個 tab 字元

CSS 設定: letter-spacing:0.1em, tab-size:4

;        1         2         3         4
;234567890123456789012345678901234567890
        .RSECT
                .ORG    20H
;234567890123456789012345678901234567890

痞客邦部落格程式上色相關文章:

• Part1: SyntaxHighLighter
• Part2: highlight.js
• Part3: Prim.js