Lightningで見栄えの良いターミナル風画面 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lightningで見栄えの良いターミナル風画面 へ行く。
• Lightningで見栄えの良いターミナル風画面 の差分を削除

#author("2022-01-16T20:27:16+09:00","default:honma","honma")
#author("2022-01-16T20:29:21+09:00","default:honma","honma")
* Lightningで見栄えの良いターミナル風画面 [#e8672006]

CSSのカスタマイズで見栄えの良いターミナル風画面を作ってみる。~
いろいろ方法はあるが、今回は、ExUnit > CSSカスタマイズ で追加する。~

表示したい箇所は「コード</>」を選択して、追加CSSクラスに「TerminalBox」を指定する。~
表示したい箇所は「コード<>」を選択して、追加CSSクラスに「TerminalBox」を指定する。~
プレビュー画面での確認になるがまぁまぁ見た目は良いはず~

 /* ターミナル画面 */
 .TerminalBox {
   padding: 0.5em;
   margin: 15px 0;
   color: white;
   background:#24292e;/*背景色*/
   font-family: “SFMono-Regular”,Consolas,”Liberation Mono”,Menlo,Courier,monospace
 }
 .TerminalBox p {
   padding: 0;
   margin: 0;
 }

出来上がりはこんな感じ

#ref(terminalbox.png)

おまけで、ラズパイのようにプロンプトに色がついていれば、~
|pi@raspberrrpii|#00ff00|
| ~ $|#7f7ffd|
で着色するとさらにいい感じかな？

** TeraTerm の画面加工 [#h75664b1]

TeraTermのコンソール画面だけを切り出す方法

 $ convert -crop 798x538+1+67 hogehoge_original.png hogehoge_custom.png

みたいにすると良い

#htmlinsert(amazon_menu2.html);