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)

スペースX(SPCX)のロックアップ解除について

　スペースXの適正な株価は$60〜$80と言われているが、今はお祭り騒ぎ状態なので、個人の購入も盛んで株価は堅調。 ・現在流通している株は全体の4〜5%だけ。ほとんどがロックアップで流通しておらず、圧倒的な供給不足。 ・主要な株価指数に組み入れられたら、世界中のインデックスファン...

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