prism.js使頁面代碼變得漂亮
第一次接觸prism.js，並把它用到了園子里。 裝逼如風，常伴吾身。有了如此利器，從此院子里我的代碼是“最”漂亮的！ 身為程序員深刻體會代碼高亮在生產過程中是多么的重要。以下便是講解如何在頁面上顯示代碼高亮。 准備 官方下載地址：http://prismjs.com/ 沒錯！官網很直 ...
原文：prism.js——讓網頁中的代碼更好看
粗放的代碼展示 有時候，網頁中會插入代碼。直接把代碼放入 lt pre gt lt pre gt 標簽和 lt code gt lt code gt 標簽里，也算是可以在頁面中顯示出來。 比如下面這樣的： 那么效果如何呢 如下： 可以發現上面這樣是一種很糟糕的效果。 對比React官網上的代碼展示 對比一下react官網上的代碼展示方式： 反正我是更喜歡像react官網這樣來展示代碼。 第一段代碼 ...
2018-11-12 23:15 0 4082 推薦指數：
相關推薦
js 語法高亮插件之 Prism.js
之前也介紹過幾款語法高亮插件《為博客園選擇一個小巧霸氣的語法高亮插件》以及關於他們的綜合性能《再議 語法高亮插件的選擇》。今天在小影志博客看到《使用 Prism.js 實現漂亮的代碼語法高亮》於是心血來潮去看了下，順便測試了下性能。打開 Prism.js 官網，看到 Used By。。我勒 ...
怎樣在網頁中嵌入JS代碼
有四種方法: 方法1: 在<script>標簽內直接寫代碼 方法2: 在使用<script>標簽的src屬性引入外部js文件 方法3: 通過事件屬性 方法4: 使用URL協議 ...
Type.js – 幫助你更好的控制網頁字體排版
Type.js 是一款很好的網頁字體排版工具。它可以讓你使用新的 CSS 屬性，在網頁上試下更精細的排版控制。設置很簡單。上傳 type.js 到您的網站，並在你的 HTML 鏈接中引用。接下來，你就可以用新的 CSS 屬性了，就像編寫任何其他的樣式一樣。 在線演示 ...
六、從GitHub瀏覽Prism示例代碼的方式入門WPF下的Prism之MVVM中的FilteringEvents
EventAggregator和FilterEvent。 目錄 從15示例繼續學習Prism下的MVVM ...
五、從GitHub瀏覽Prism示例代碼的方式入門WPF下的Prism之MVVM中的EventAggregator
。 這一篇主要是看示例14，分析並學習EventAggregator。 從14示例繼續學習Prism下 ...
10 個 Terminal 主題，讓你的 macOS 終端更好看
得益於 macOS 系統「Unix-like」的屬性，Mac 下的終端體驗甚至可以和 Linux 相提並論。默認的 macOS 終端叫做 Terminal.app，在 Spotlight 中搜索終端即可打開。 Terminal.app 目前社區最全的主題集合莫過於 iTerm2 的主題集合 ...
讓終端更好看--Ubuntu OhMyZsh配置指南
查看shell列表 cat /etc/shells 如果發現沒有zsh就安裝 安裝zsh sudo apt install zsh 設置默認shell chsh -s $(which zs ...