NETWORK ENGINEER BLOG

Tips and Reviews for Engineers

トップ > ブログ > はてなブログでよく使うシンタックスハイライト

はてなブログでよく使うシンタックスハイライト

ブログ ブログ-はてなブログ

ブログを書く時に使っているシンタックスハイライトの覚書です。

シンタックスハイライトとは

可読性を上げるため、ソースコードを色付けして表示する機能です。

はてな記法とシンタックスハイライト

はてなブログでシンタックスハイライトを使用するためには、スーパー pre 記法で先頭の >|| の 2本のパイプ（||）の間に指定します。

シンタックスハイライトの使用例

で書かれたソースコードの場合、以下のように html と書きます。

>|html|
<html>
<head>
<title>NETWORK ENGINEER BLOG</title>
</head>

次のようにハイライトされます。

<html>
<head>
<title>NETWORK ENGINEER BLOG</title>
</head>

よく使うハイライト

  • config ：Cisco などの Config 関連
  • sh ：Linux などの Shell 関連
  • ps1 ：PowerShell 関連
  • python ：Python 関連
  • yaml ：YAML 関連
  • html ：HTML 関連
  • sql ：SQL 関連

おまけ

余談ですが、はてなブログでソースコードの一部（configなど） を表示する場合は、以下のようにHTML の code タグを使用しています。

-<code>config</code>

すごくめんどくさいので、簡単にかける方法があれば教えてください。。

参考書籍

以上