Hatena Blog Tags
はてなブログ トップ
highlight.js
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

highlight.js

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ジャコ Lab•9ヶ月前

コードブロックの表現に Highlight.js を使用する

このブログではシンタックスハイライトを表現するのに CSS を上書きしまくってなんとなく表示できるようになっています。 Highlight.js を使用しているつもりなのですが、上手く反映していたりしていなかったりしているのです。 YAML のコードブロックのキャプチャ いつも思ってはいたんですが、黒が濃いのと白が強いんですよね・・・ 今回は、シンタックスハイライトの見直しをするついでに記事にします。

#はてなブログ#シンタックスハイライト

ネットで話題

もっと見る
130ブックマークhighlight.jshighlightjs.org
129ブックマークhighlight.js - 100種類の以上の言語に対応したコードハイライター MOONGIFTwww.moongift.jp
86ブックマークhighlight.jssoftwaremaniacs.org
32ブックマーク動作が軽快なシンタックスハイライター「highlight.js」ソースコードのシンタックスハイライトについては、さまざまなプラグインが用意されています。しかし、必要以上の内容が詰め込まれていたり、カスタマイズ性に欠けていたりと、なかなか自分に「ピッタリ」なものを見つけるのは難しいです。そこで、今回は、「必要なものだけを自分で最適化できて」「動作が軽快な」プロ...ottan.jp
18ブックマークソースコードをハイライトする軽量ライブラリ、Highlight.jsの使い方syncer.jp
15ブックマークWe're not a CDN - highlight.jshighlightjs.org
14ブックマークkindle highlight jsI confirmed only Chrome(Mac) and Safari(iPhone). How to use Tweet for pc Drag your bookmark bar KindleHighlight KindleHighlight(With Location) for mobile Copy the code below to your bookmark url KindleHighlight↓ KindleHighlight(With Location)↓hilotter.github.io
12ブックマークShowdown & Highlight.js - Markdown and syntax highlighting in JavascriptUsing this tool --------------- This page lets you create HTML by entering text in a simple format that's easy to read and write. - Type Markdown text in the left window - See the HTML in the right Markdown is a lightweight markup language based on the formatting conventions that people naturally...softwaremaniacs.org
11ブックマークコードのハイライト表示用 JS ライブラリ highlight.js の使い方 - Qiitaqiita.com

関連ブログ

カメリアの記事•2年前

ブログ上のシンタックスハイライトに関する悶々

はてなブログでシンタックスハイライトするのに highlight.js を使っています。ちょっとイマイチだな、と感じています。派手さが。 VS Code なんかで見るシンタックスハイライトと比較してにぎやかさがないんですよね。そこで目を付けたのが Prism.js です。 ちょっと使ってみました。とりあえず JavaScript に関して言うと highlight.js より地味。白い文字が多いです。これは面白くないですね。それにコードブロックに class="language-javascript" とか書かないと動作しません。 highlight.js は書かないでも適当に判断して動作して…

#ブログ#はてなブログ#シンタックスハイライト#highlight.js#Prism.js#はてな記法
OREMATOPEE•4年前

はてなブログのコードブロックにテーマを設定する（シンタックスハイライト）

はてなブログで配布されているテーマをそのまま使っていたが、コードブロックが白と黒一色だったりしてぱっと見で変数や関数がわかりづらかったので、ちゃんとコードの構成要素に沿った形で色付け表示してみた。 highlight.jsというツールを使うことで簡単に導入可能で、少しはてなブログをカスタマイズするだけ。 まず、現在の状態を確認しておく。 コードブロックが白と黒で表現されていて見づらい... highlight.jsを導入することでこのような表示になる。 エディタで見るような色付けがされていて見やすい 導入方法 以下のコードをはてなブログ管理画面 → 設定 → 詳細設定 → headに要素を追加…

#はてなブログ#highlight.js#カスタマイズ#シンタックスハイライト