行番号の追加
https://emmalanglab.com/highlightjs-line-numbers-ja/
縦ラインを入れる:http://nkurilog.blogspot.com/2017/11/blogger-highlightjs-line-numbersjs.html

Luaの場合はこれ。
require("instrument")--instrument=計器

show_MPPS_instrument = false

dataref("xp_view_is_external", "sim/graphics/view/view_is_external")

function show_a_little_instrument()
    if xp_view_is_external > 0 and show_MPPS_instrument then
        instrument.manifold_pressure_and_propeller_speed( 210, 560, 25, 2500)
    end
end

do_every_draw("show_a_little_instrument()")
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ヘッダーに入れる(javaScript)

<!--RapidWeaverを使ったハイライトスクリプト-->
<link rel="stylesheet" href="%resource(highlight/styles/atom-one-dark.css)%">
<script src="%resource(highlight/highlight.pack.js)%"></script>
<script>hljs.highlightAll();</script>


<!-- highlightjs-line-numbers.js: 行番号の追加 -->
<script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.8.0/highlightjs-line-numbers.min.js?rwcache=640836342"></script>

<script>
hljs.highlightAll();
hljs.initLineNumbersOnLoad(); //行番号用の起動コードを追加
</script>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
/bodyのすぐ上に入れる


<script>
;(function(d){
if(!window.getSelection){
return
}
let pres = d.getElementsByTagName("pre") //preタグ取得
for(let i = 0; i < pres.length; i++){
let btn = d.createElement("button")
btn.className = "selectPre" //class名指定
btn.textContent = "Copy"
pres[i].appendChild(btn) //pre毎にコピーボタン付与
btn.addEventListener("click", codeCopy, false)
}
function codeCopy(){
let sel = window.getSelection()
const pre = this.parentNode
sel.selectAllChildren(pre)
sel.extend(pre, pre.childNodes.length-1)
d.execCommand("copy") //コードをコピー
setTimeout(function(){
sel.removeAllRanges() //0.1秒後に選択解除
}, 100)
}
})(document)
</script>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
cssに入れる

/* Copyボタンの作成 */
pre{
position: relative;
}
.selectPre{
position: absolute;
top: 1.00em;
right: 0.7em;
border: none;
outline: none;
border-radius: 3px;
height: 1.5em;
padding: 0.5em;
line-height: 0.0em;
font-weight: bold;
background: rgba(255,255,255,0.5);/*Copy
ボタンの背景色*/
color: #333333;/*Copy
の文字色*/
cursor: pointer;
}

/* --------------------------------------
 hilight.js行番号
--------------------------------------- */
/* for block of numbers */
td.hljs-ln-numbers {
/*
以降は行番号を選択できないようにするためのスタイル */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

/* text-align: center !important; */
color: #999999;/*
数字の色 */
border-right: 1px solid #656565;
vertical-align: top;
/* padding-right: 0px; */

/* your custom style here */
text-align: right;
padding-right: 3px !important;/*
数字と縦ラインのスペース */
min-width: 20px;
}

/* for block of code */
td.hljs-ln-code {
padding-left: 15px !important;/*
縦ラインとコードのスペース */
}

/*
*
フォントサイズ、行間を設定
*/
.hljs {
font-size: 0.8em;
line-height: 1.5;
}

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー