　各種ソースコードをハイライト表示する。

方法

　ソースコードファイルからハイライト用HTMLファイルを作成してプレビューする。

ソースコード（言語:`bash`, ファイルパス:`code.sh`）
↓
HTML化（`highlight`）
↓
HTMLプレビュー（`zenity`）

項目	値
対象ソースコード言語	`bash`
対象ファイル名	`source.sh`
使用コマンド	`highlight`, `zenity`, `xdpyinfo` `grep`, `sed`

　ターミナルで以下のコマンドを打つ。（source, htmlのパスは適時変更）

source=/home/pi/.config/ranger/scope.sh
html=/tmp/work/a.sh.html
highlight --inline-css --font "VL ゴシック" --font-size "18" --style pablo "${source}" > "${html}"; zenity --text-info --html --filename "${html}" --width $Width --height $Height

　画面を最大化して表示するなら以下。

source=/home/pi/.config/ranger/scope.sh
html=/tmp/work/a.sh.html
Width_Height=$(xdpyinfo | grep dimensions | sed -E 's/\s+dimensions:\s+([0-9]+)x([0-9]+).*/\1\t\2/g')
Width=$(echo "$Width_Height" | cut -f1)
Height=$(echo "$Width_Height" | cut -f2)
highlight --inline-css --font "VL ゴシック" --font-size "18" --style pablo "${source}" > "${html}"; zenity --text-info --html --filename "${html}" --width $Width --height $Height

手順

インストール
ソースコード作成
プレビュー用コマンド実行

1. インストール

sudo apt install -y highlight

2. ソースコード作成

　適当に作ればいい。ハイライトに対応する言語は以下で見れる。

highlight --list-langs

3. プレビュー用コマンド実行

highlight --inline-css --style pablo /home/pi/.config/ranger/scope.sh > /tmp/work/a.sh.html; zenity --text-info --html --filename /tmp/work/a.sh.html

　cssはhtml内に入れないとzenityでは表示できなかった。よって--inline-cssフラグを付与した。

　cssはpabloを使う。--style引数で指定する。その値はhighlight --list-themesで一覧できる。

　zenityでfontを指定しても反映されなかった。これが有効なのは--htmlでないときのみ。--htmlのときフォントはcssで指定する必要がある。

highlight --inline-css --font "LV ゴシック 20" --style pablo /home/pi/.config/ranger/scope.sh > /tmp/work/a.sh.html; zenity --text-info --html --filename /tmp/work/a.sh.html

　highlightでフォント指定するとcssに反映される。

highlight --inline-css --font "VL ゴシック" --font-size "18" --style pablo /home/pi/.config/ranger/scope.sh > /tmp/work/a.sh.html; zenity --text-info --html --filename /tmp/work/a.sh.html

　zenityでウインドウのサイズを指定する。ディスプレイと同じサイズにしたい。ウインドウの最大化フラグは指定できないようなので--width, --heightで指定する。

　まずはディスプレイサイズの取得。

$ xdpyinfo | grep dimensions
  dimensions:    1920x1080 pixels (508x286 millimeters)

　widthとheightを個別に取得する。

Width_Height=$(xdpyinfo | grep dimensions | sed -E 's/\s+dimensions:\s+([0-9]+)x([0-9]+).*/\1\t\2/g')
Width=$(echo "$Width_Height" | cut -f1)
Height=$(echo "$Width_Height" | cut -f2)
echo $Width
echo $Height

　zenityにwidthとheightを渡す。

highlight --inline-css --font "VL ゴシック" --font-size "18" --style pablo /home/pi/.config/ranger/scope.sh > /tmp/work/a.sh.html; zenity --text-info --html --filename /tmp/work/a.sh.html --width $Width --height $Height