博奕網站比較
hugo
關於這個商品. 抽繩腰封; 已進口; 55% 棉37% 莫代爾纖維8% 彈性纖維; 可機洗; 輪廓標誌慢跑休閒褲. 查看更少. 熱門. 詳細資訊 探索 疑問 評論.HUGO 男款Outline 標誌棉質T 恤 · S Current Price is . $36.83. In Stock · M Current Price is . $36.93 · L Current Price is . $36.95 · XL. Current Price is . $32.95.用於生成鏈接按鈕的短代碼。由主題的文件得知該主題不是使用Hugo 內建的code highlighter 工具Chroma，而是採用highlight.js 作為程式碼區塊的上色(高亮)工具。 由HTML 觀察. 先從html ...物品已不再有售。 · 已結束 · EUR 178.50 · 12-17 二, 19 小時 53 分 26 秒 · 查看原刊登物品 ...Hugo Faux leather: matte finish. Main: 100% Polyester. 165€.Current Outline Item. Previous. Next. Highlight All Match Case. Match Diacritics ... Cancel. Hugo Food. Hugo Foods 就是台灣味. 下單需知. 服務說明 · 訂購流程 ...運動與現代生活的結合：從紋理尼龍材質到霧面黑色金屬裝飾，這款文件夾Outline 的每個元素都給人一種前沿和創新的感覺。在香港和中國購買Hugo Boss 資料夾企業禮品。物品已不再有售。 · 已結束 · EUR 199.00 · 03-19 二, 04 小時 51 分 41 秒 · 查看原刊登物品 ...Provides information on American poet Richard Hugo (1923-1982), provided by the Department of Humanities Computing at the University of Groningen.將產生 syntax.css 引入至網站中，原則上引入至 即可。我這邊是因為有套用主題，主題有設定可以根據參數引入 CSS：
透過以下的指令可以先以 native 樣式產生一個 syntax.css 作為客製化樣式的基底，再針對需求去做樣式調整。
原始的設定為 true ，將其更改為 false 的意思是讓 hugo 為原始碼的 tag 產生 CSS class，讓我們可以手動為這些 class 加上想要的樣式，提供一個方便的方法讓我們客製化。
若是想要在 Hugo 中調整該樣式，我們可以先瞭解設定方式。 在 config.toml 設定下，其預設的內容為：
Chroma 是以 Pygments 為基礎開發，而 Pygments 是以 python 開發出來的一套 syntax highlighting engine。
以上這兩種都能夠將問題解決，其中方法2適合針對個別 page 去做設定和載入（ ex: 需要使用 dockerfile 才載入該語言的 script ），而方法1則是整個網站的全域設定。
在 highlight-js.html 裡面搜尋到有關 highlightjslanguages 的相關程式：
觀察於此，發現到 highlightjslanguages 這個參數似乎是解決的辦法，更進一步從程式碼來研究…。
回歸過來看主題 Docs，在 Options 有幾項關於 highlight 的描述，其中指出 config.toml 裡有幾個 highlightjs 參數可以使用：
先從 html 標籤觀察，由 javascript 與 dockerfile 兩者的標籤差異來看，發現在 dockerfile 的 tag 中少了 .hljs 這個 class，導致在顯示時沒有套用到樣式：
近來在寫文章時，常遇到程式碼區塊的樣式沒有套到的狀況。即便已經標籤上所使用的程式語言，但還是呈現無樣式的狀態(沒有高亮效果)。 這次來好好研究要怎麼解決這個問題。
在寫文章時，常會遇到程式碼區塊無法套用樣式的情形，例如使用 hugo code fences 來建立程式碼區塊，在```(3個`)後面輸入 javascript ，表示該區塊使用的語言為Javascript，程式碼區塊能正常顯示，如下所示：
當前採用的主題是使用 hyde-hyde 、並另外調整樣式。由主題的文件得知該主題不是使用 Hugo 內建的 code highlighter 工具 Chroma ，而是採用 highlight.js 作為程式碼區塊的上色(高亮)工具。
highlightjslanguages ：從主題 v2.0.1 版本開始，在每個頁面的 Front Matter 可以對 highlight 進行微調，如：
總結一下剛才的過程，我們發現 highlightjslanguages 可以指定我們要使用的程式語言，其中有2種方法可以設定：
Chroma: a general purpose syntax highlighter in pure Go. Chroma takes source code and other structured text and converts it into syntax highlighted HTML, ANSI-coloured text, etc.
Chroma 在翻譯上為「色度」、也就是色彩的純度，也稱作飽和度或是彩度。是以 Golang 開發的 highlighter，中文翻譯為語法強調器(高亮!?中國用詞)， 主要的用途是將原始碼或結構化文字轉為特別顯眼的 html 。
Chroma 可支援的語言有很多，可以在 Chroma Playground (v2.5.0) 試用看看，或是在 Chroma Style Gallery 查看提供的主題風格。
其中的 style 為 Chroma 的主題樣式，預設為 monokai，可自行在 Chroma Style Gallery 找尋喜歡的主題來套用。 目前這些基本的通用設定部分參數如(lineNos：是否顯示行號)除了對整個網站做設定，也能針對個別獨立的程式碼區塊來使用，例如：
瞭解主題樣式後，可以開始使用 Chroma 所提供的樣式。這邊我選定 native 這個主題，但是我希望可以基於這個主題去客製化，這時就需要針對 config.toml 做些設定：
此處的 syntax.min.css 即為客製化好 CSS 後，可以將其壓縮大小並改為引入 syntax.min.css ，讓瀏覽器載入速度加快。
摁…不是很滿意～看起來還需要再做一些調整，因為主題的一些 css 設定去影響到原 native 主題預設的效果。
因個人套用的 hyde-hyde 主題將第 1 種的