itLinkedInPocketどんなブログでも使いやすいLuxeritas。技術系ブログを書く人も結構利用しているんじゃないでしょうか。したコードを載せるときの機能もLuxeritasには標準で備わっています。まとめLuxeritas(ルクセリタス)のシンタックスハイライターとはLuxeritasではv3.0以降で、Prime.jsが標準実装されています。Luxeritas用に最適化もされています(きっと)一度使えばやり方わかるのですが、初めては分かりにくいので説明していきます。言語は全部選んでいても問題ないとのことですが、単純に自分が選択するときに見にくいので確実に使わないものは外しておくほうが良いです。投稿で表示したいコードをショートコードで囲む投稿にコードを貼り付けて、選択した状態でショートコードのアイコン(上の段の左から2番目です)を押すと、先程選んだ言語が出てくるので表示したい言語をクリックするとこんな感じにで囲まれます。上記画像のようにショートコードのアイコンがあるのはクラシックエディタです。クラシックエディタの表示の仕方はこちらの記事で参照ください。v3.5.11ではまだクラシックエディタを使用しないとショートコードやブログカードなどのLuxeritas専用の便利な機能が使えません。必然的にまだクラシックエディタで書く必要があるのですが、クラシックエディタにコードをそのままコピペすると、divタグが入り込んでしまい思った表示になってくれませんでした。(Macの場合)をしてスタイルを継承しない形にしましょう。できているかどうかは、html編集にしてみると分かります。(html編集は一番右の点々アイコンをクリックすると出てきます)継承なしペーストが出来ていると、余計なものは表示されずに出力してくれます。クラシックエディタでのハイライト表示におけるさらなる高みこれで万事解決のように見えますが、界隈にいるエンジニア達はきっと満足しません。タブは反映されてないからです。全部左揃えになってますね。本当はタブでインデント(階層)がついてるんです。タブが2個だ、3個だ、いや4個だというので戦争になるくらいなのでこれはきっと怒られますwというか自分も若干気持ち悪かったのでなんとかタイプ通りにならないか試行錯誤した末に表示できる方法にたどり着きました。面倒くさいので、タブ気にならないよーとか、1行しかないよーとか、タブ戦争になってもいいよーって人はこれより下は無視でいいです。ビジュアルモードで表示したいコードのショートコードを出しpreタグで囲むショートコードだけ先に出します。ここがポイントなのですが、そのショートコードをpreタグで囲みます。(codeタグも試しましたがこちらでも出来ました。)これによってblankやタブが消えたりといった症状が無くなります。V)でコードを貼ります。無事タグのインデントが表示されました。まとめデフォルト機能でハイライトできるのはとても素晴らしいですが、現時点だと完璧なフォーマットを考えると手間は残ってます。頻繁にLuxeritasは頻繁にアップデートされてるので、いずれブロックエディタをメインで使える仕様に変わると思います。itLinkedInPocketHome[Luxeritas]プラグイン無しで目次を表示Prev関連記事[Luxeritas]プラグイン無しで目次を表示SEO的に目次が注目されつつあります。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。