2020年7月1日水曜日

Bloggerで、highlight.jsを使う

一応エンジニアブログなので、まずはソースを綺麗に表示したい。
highlight.jsが軽くて良さそうなので、使ってみた。

■設定
・Bloggerにログインしてメニューから「テーマ」を選択
・テーマの横の「︙」をクリックして、「HTMLを編集」を選択
・ヘッダーの最後に下のコードを入れて保存（</head>の直前でOK）
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"/>
    <script>hljs.initHighlightingOnLoad();</script>


■使い方
<pre><code class="XXXX">
  ソースコード
</code></pre>
"XXXX"の部分は表示させる言語を指定する。 例えば、C#なら"cs"とか。
ここを参考にする。 
時刻:
ラベル:

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)

伊藤園第1種優先株式(25935)、購入時(2025/11/25)の株価：1798円

今回は、私の保有銘柄の紹介となります。 「伊藤園第1種優先株式(25935)」です。 名前を見ると分かる通り「伊藤園」なのですが、伊藤園(2593)と何が違うかというと、 ・議決権がない ・配当金が伊藤園の1.25倍もらえる ・最低配当保証がある（年15円） ということ。 ちゃん...

  • テスト投稿
    試しに投稿してみる。 highlight.jsのTEST { NSLog(@"hoge"); }
  • トランプ関税に思うこと
    　いわゆるトランプ関税（相互関税）の詳細が発表され、世界同時株安となっている。アメリカの株も大暴落だ。「開放の日」だとか「アメリカに莫大な富をもたらす」とか言っているが、とてもそうは思えない。そもそも関税を払うのは、アメリカの輸入業者である（輸出国側ではない）。当然関税分は商品価...
  • Bloggerで、highlight.jsを使う
    一応エンジニアブログなので、まずはソースを綺麗に表示したい。 highlight.js が軽くて良さそうなので、使ってみた。 ■設定 ・Bloggerにログインしてメニューから「テーマ」を選択 ・テーマの横の「︙」をクリックして、「HTMLを編集」を選択 ・ヘッダーの最後に下のコ...