commit 5aa6cf45222f08b89fe2b0ff48ee4b7a3631bad8 parent 6eff60df661f08fedd508b60c29f35d70bf506be Author: Matsuda Kenji <contact2655@matsudakenji.xyz> Date: Thu, 28 Jul 2022 09:46:31 +0900 change style to use variables Diffstat:
53 files changed, 947 insertions(+), 83 deletions(-)
diff --git a/data/weblog b/data/weblog @@ -379,3 +379,766 @@ 2022-07-28 /kitchen/r4_osechi.html 2022-07-28 /kitchen/recipe/tonkotsu_ramen.html 2022-07-28 /misc/migration.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +2022-07-28 /computer/rtx1200-qos.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +2022-07-28 /computer/rtx1200-qos.html +2022-07-28 /computer/rtx1200-qos.html +2022-07-28 /computer/rtx1200-qos.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/rtx1200-qos.html +2022-07-28 /computer/setting_up_web_server.html +2022-07-28 /computer/setting_up_web_server.html +2022-07-28 /computer/setting_up_web_server.html +2022-07-28 /computer/setting_up_web_server.html +2022-07-28 /computer/setting_up_web_server.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/setting_up_web_server.html +2022-07-28 /computer/index.html +2022-07-28 /computer/index.html +2022-07-28 /computer/index.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +2022-07-28 /computer/index.html +2022-07-28 /computer/index.html +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css +-00-00 +2022-06-15 harmfull +2022-07-14 plant +2022-07-28 about.html +2022-07-28 computer +2022-07-28 draft +2022-07-28 error +2022-07-28 farm +2022-07-28 index.html +2022-07-28 journal +2022-07-28 kitchen +2022-07-28 misc +2022-07-28 pics +2022-07-28 style.css diff --git a/man/computer/index.html b/man/computer/index.html @@ -1,6 +1,6 @@ <h1>コンピュータ</h1> <p> -Unixの考え方が好きです。小さいものは美しい。 +Small is beautiful. </p> <ul> <li><a href=/computer/what-i-use.html>使用しているソフトウェア、ハードウェア</a></li> diff --git a/man/computer/rtx1200-qos.html b/man/computer/rtx1200-qos.html @@ -56,7 +56,7 @@ # vlan port mapping lan1.7 vlan1 # vlan port mapping lan1.8 vlan2 # lan type lan1 port-based-option=divide-network -</pre></code> +</code></pre> <p> 続いて各vlanの設定を行う。ただしvlan1はlan1の設定を受け継ぐので不要。 </p> @@ -67,30 +67,30 @@ <pre><code># queue class filter 1 1 ip 192.168.101.0/24 * * * * # queue class filter 2 1 ip * 192.168.101.0/24 * * * # queue class filter 3 2 ip 192.168.100.0/24 192.168.101.0/24 * * * -</pre></code> +</code></pre> <p> 上の2行はvlan2とその他との通信を制限するためのものである。ただしこの2つだけではvlan1からvlan2への通信まで制限してしまうので、それを除外するために3行目のクラスフィルターを定義する。 </p> <p>次にクラスフィルタをvlan2に適応。これによりルーターから192.168.101.0/24への通信がフィルタリングされる。</p> <pre><code># queue lan1 type shaping # queue vlan2 class filter list 3 2 -</pre></code> +</code></pre> <p> 2行目で指定したフィルターはその指定した順番で評価されるので注意が必要。<br /> そしてクラスに対する制限を指定: </p> <pre><code># queue lan1 class property 1 bandwidth=128k -</pre></code> +</code></pre> <p>次はlan2(pp)にクラスフィルタを適応。これにより192.168.101.0/24からルーターへの通信がフィルタリングされる。</p> <pre><code># queue lan2 type shaping # pp select <i>n</i> pp<i>n</i># queue pp class filter list 1 -</pre></code> +</code></pre> <p> vlan2の時と同様にクラスに制限を設定: </p> <pre><code># queue lan2 class property 1 bandwidth=128k -</pre></code> +</code></pre> <h2>パソコンでの設定</h2> <p>最後にパソコンから今回作ったvlan2に接続するように設定する:</p> diff --git a/man/computer/setting_up_web_server.html b/man/computer/setting_up_web_server.html @@ -25,7 +25,8 @@ <dd>ウェブブラウザとサーバーの間で暗号化された通信を行うために必要なものである。</dd> <dt>ホームページのファイルをアップロード</dt> <dd>ウェブページで配信したいものをVPSにアップロードする。</dd> - <dt>接続の確認</dd> + <dt>接続の確認</dt> + <dd>手元のブラウザからアクセスできることを確認。</dd> </dl> <h2>サーバーを用意</h2> @@ -76,7 +77,7 @@ server "<i><server_domain></i>" { root "/htdocs/www.<i><server_domain></i>" directory auto index } -}</pre></code> +}</code></pre> <p>一つ目の<code>server</code>ディレクティブは80番ポートにアクセスがあった時の設定。80番ポートは暗号化なしのアクセスなので、二つ目の<code>location</code>ディレクティブで暗号化ありの<code>https</code>の方にリダイレクトさせるようにしている。一つ目の<code>location</code>ディレクティブは<code>acme-client</code>がサーバー証明書を発行する際にアクセスされる場所である。既定値のままにしておけばよい。二つ目の<code>server</code>ディレクティブは443番ポートにアクセスがあった時の設定。<code>tls</code>ディレクティブにおいてサーバー証明書と、暗号化に利用する鍵が設定されている。これも既定値のままでいい。<code>location</code>ディレクティブはウェブサーバーにアクセスがあった時の処理である。一つ目は80番ポートと同じく<code>acme-client</code>用。二つ目はそれ以外である。<code>root</code>（ドキュメントルート）はアクセスがあったときにどこのディレクトリからファイルを探すかを決めるもので、<code>/var/www</code>からの相対パスで記述する。ここでは<code>/htdocs/www.<i><server_domain></i></code>にしたのでウェブページのデータは<code>/var/www/htdock/www.<i><server_domain></i>/</code>というディレクトリ以下に配置することになる。</p> <p>ここで一度<code>httpd</code>を<code>-n</code>オプションを付けて実行し、設定ファイルのミスがないか確認しておく。</p> <pre><code>$ doas httpd -n diff --git a/man/style.css b/man/style.css @@ -1,11 +1,19 @@ +:root { + --dbg: #1b1b1b; + --dbg2: #2b2b2b; + --dfg: #e0e0e0; + --dfg2: #38b48b; + --lbg: #fffffa; + --lbg2: #fefeef; + --lfg: #000000; + --lfg2: #007010; +} + html { - background-color: #1b1b1b; - color: #e0e0e0; font-family: serif; } a { - color: #38b48b; text-decoration: none; } @@ -14,7 +22,8 @@ i { } figure { - background-color #2b2b2b; + padding: 1em; + overflow-x: auto; } figcaption { @@ -23,7 +32,9 @@ figcaption { pre { padding: 1em; - background-color: #2b2b2b; + border-style: solid; + border-radius: 5px; + border-width: 1px; overflow-x: auto; } @@ -52,16 +63,31 @@ footer *{ display: inline; } +@media (prefers-color-scheme: dark) { + html { + background-color: var(--dbg); + color: var(--dfg); + } + a { + color: var(--dfg2); + } + pre { + background-color: var(--dbg2); + border-color: var(--dfg); + } +} + @media (prefers-color-scheme: light) { html { - background-color: #fffffa; - color: #000; + background-color: var(--lbg); + color: var(--lfg); } a { - color: #007010; + color: var(--lfg2); } pre { - background-color: #f0f0e0; + background-color: var(--lbg2); + border-color: var(--lfg); } } diff --git a/pub/about.html b/pub/about.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/computer/archlinux_installation.html b/pub/computer/archlinux_installation.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/computer/index.html b/pub/computer/index.html @@ -14,13 +14,14 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> <h1>コンピュータ</h1> <p> -Unixの考え方が好きです。小さいものは美しい。 +Small is beautiful. </p> <ul> <li><a href=/computer/what-i-use.html>使用しているソフトウェア、ハードウェア</a></li> diff --git a/pub/computer/rtx1200-qos.html b/pub/computer/rtx1200-qos.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> @@ -76,7 +77,7 @@ # vlan port mapping lan1.7 vlan1 # vlan port mapping lan1.8 vlan2 # lan type lan1 port-based-option=divide-network -</pre></code> +</code></pre> <p> 続いて各vlanの設定を行う。ただしvlan1はlan1の設定を受け継ぐので不要。 </p> @@ -87,30 +88,30 @@ <pre><code># queue class filter 1 1 ip 192.168.101.0/24 * * * * # queue class filter 2 1 ip * 192.168.101.0/24 * * * # queue class filter 3 2 ip 192.168.100.0/24 192.168.101.0/24 * * * -</pre></code> +</code></pre> <p> 上の2行はvlan2とその他との通信を制限するためのものである。ただしこの2つだけではvlan1からvlan2への通信まで制限してしまうので、それを除外するために3行目のクラスフィルターを定義する。 </p> <p>次にクラスフィルタをvlan2に適応。これによりルーターから192.168.101.0/24への通信がフィルタリングされる。</p> <pre><code># queue lan1 type shaping # queue vlan2 class filter list 3 2 -</pre></code> +</code></pre> <p> 2行目で指定したフィルターはその指定した順番で評価されるので注意が必要。<br /> そしてクラスに対する制限を指定: </p> <pre><code># queue lan1 class property 1 bandwidth=128k -</pre></code> +</code></pre> <p>次はlan2(pp)にクラスフィルタを適応。これにより192.168.101.0/24からルーターへの通信がフィルタリングされる。</p> <pre><code># queue lan2 type shaping # pp select <i>n</i> pp<i>n</i># queue pp class filter list 1 -</pre></code> +</code></pre> <p> vlan2の時と同様にクラスに制限を設定: </p> <pre><code># queue lan2 class property 1 bandwidth=128k -</pre></code> +</code></pre> <h2>パソコンでの設定</h2> <p>最後にパソコンから今回作ったvlan2に接続するように設定する:</p> diff --git a/pub/computer/setting_up_web_server.html b/pub/computer/setting_up_web_server.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> @@ -45,7 +46,8 @@ <dd>ウェブブラウザとサーバーの間で暗号化された通信を行うために必要なものである。</dd> <dt>ホームページのファイルをアップロード</dt> <dd>ウェブページで配信したいものをVPSにアップロードする。</dd> - <dt>接続の確認</dd> + <dt>接続の確認</dt> + <dd>手元のブラウザからアクセスできることを確認。</dd> </dl> <h2>サーバーを用意</h2> @@ -96,7 +98,7 @@ server "<i><server_domain></i>" { root "/htdocs/www.<i><server_domain></i>" directory auto index } -}</pre></code> +}</code></pre> <p>一つ目の<code>server</code>ディレクティブは80番ポートにアクセスがあった時の設定。80番ポートは暗号化なしのアクセスなので、二つ目の<code>location</code>ディレクティブで暗号化ありの<code>https</code>の方にリダイレクトさせるようにしている。一つ目の<code>location</code>ディレクティブは<code>acme-client</code>がサーバー証明書を発行する際にアクセスされる場所である。既定値のままにしておけばよい。二つ目の<code>server</code>ディレクティブは443番ポートにアクセスがあった時の設定。<code>tls</code>ディレクティブにおいてサーバー証明書と、暗号化に利用する鍵が設定されている。これも既定値のままでいい。<code>location</code>ディレクティブはウェブサーバーにアクセスがあった時の処理である。一つ目は80番ポートと同じく<code>acme-client</code>用。二つ目はそれ以外である。<code>root</code>（ドキュメントルート）はアクセスがあったときにどこのディレクトリからファイルを探すかを決めるもので、<code>/var/www</code>からの相対パスで記述する。ここでは<code>/htdocs/www.<i><server_domain></i></code>にしたのでウェブページのデータは<code>/var/www/htdock/www.<i><server_domain></i>/</code>というディレクトリ以下に配置することになる。</p> <p>ここで一度<code>httpd</code>を<code>-n</code>オプションを付けて実行し、設定ファイルのミスがないか確認しておく。</p> <pre><code>$ doas httpd -n diff --git a/pub/computer/what-i-use.html b/pub/computer/what-i-use.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/how_to_throw_away_smart_phone.html b/pub/draft/how_to_throw_away_smart_phone.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/keitai.html b/pub/draft/keitai.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/medical_care.html b/pub/draft/medical_care.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/myrica_rubra.html b/pub/draft/myrica_rubra.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/openbsd_installation.html b/pub/draft/openbsd_installation.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/draft/setting_up_mail_server.html b/pub/draft/setting_up_mail_server.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/error/404.html b/pub/error/404.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/error/moved.html b/pub/error/moved.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/farm/index.html b/pub/farm/index.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/farm/journal/2021.html b/pub/farm/journal/2021.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/farm/journal/2022.html b/pub/farm/journal/2022.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/index.html b/pub/index.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/index.html b/pub/journal/index.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200719.html b/pub/journal/posts/20200719.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200723.html b/pub/journal/posts/20200723.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200725.html b/pub/journal/posts/20200725.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200727.html b/pub/journal/posts/20200727.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200801.html b/pub/journal/posts/20200801.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200802.html b/pub/journal/posts/20200802.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200804.html b/pub/journal/posts/20200804.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200808.html b/pub/journal/posts/20200808.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200917.html b/pub/journal/posts/20200917.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200918.html b/pub/journal/posts/20200918.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200919.html b/pub/journal/posts/20200919.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200925.html b/pub/journal/posts/20200925.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20200926.html b/pub/journal/posts/20200926.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20201003.html b/pub/journal/posts/20201003.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20201201.html b/pub/journal/posts/20201201.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20201202.html b/pub/journal/posts/20201202.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20201209.html b/pub/journal/posts/20201209.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20201210.html b/pub/journal/posts/20201210.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20210106.html b/pub/journal/posts/20210106.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20210806.html b/pub/journal/posts/20210806.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20211129.html b/pub/journal/posts/20211129.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20211214.html b/pub/journal/posts/20211214.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/journal/posts/20220513.html b/pub/journal/posts/20220513.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/kitchen/index.html b/pub/kitchen/index.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/kitchen/r4_osechi.html b/pub/kitchen/r4_osechi.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/kitchen/recipe/tonkotsu_ramen.html b/pub/kitchen/recipe/tonkotsu_ramen.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/misc/migration.html b/pub/misc/migration.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article> diff --git a/pub/style.css b/pub/style.css @@ -1,11 +1,19 @@ +:root { + --dbg: #1b1b1b; + --dbg2: #2b2b2b; + --dfg: #e0e0e0; + --dfg2: #38b48b; + --lbg: #fffffa; + --lbg2: #fefeef; + --lfg: #000000; + --lfg2: #007010; +} + html { - background-color: #1b1b1b; - color: #e0e0e0; font-family: serif; } a { - color: #38b48b; text-decoration: none; } @@ -14,7 +22,8 @@ i { } figure { - background-color #2b2b2b; + padding: 1em; + overflow-x: auto; } figcaption { @@ -23,7 +32,9 @@ figcaption { pre { padding: 1em; - background-color: #2b2b2b; + border-style: solid; + border-radius: 5px; + border-width: 1px; overflow-x: auto; } @@ -52,16 +63,31 @@ footer *{ display: inline; } +@media (prefers-color-scheme: dark) { + html { + background-color: var(--dbg); + color: var(--dfg); + } + a { + color: var(--dfg2); + } + pre { + background-color: var(--dbg2); + border-color: var(--dfg); + } +} + @media (prefers-color-scheme: light) { html { - background-color: #fffffa; - color: #000; + background-color: var(--lbg); + color: var(--lfg); } a { - color: #007010; + color: var(--lfg2); } pre { - background-color: #f0f0e0; + background-color: var(--lbg2); + border-color: var(--lfg); } } diff --git a/temp/header.html b/temp/header.html @@ -14,7 +14,8 @@ <a href="/journal">日記</a> | <a href="/farm">農業</a> | <a href="/kitchen">台所</a> | - <a href="/computer">コンピュータ</a> + <a href="/computer">コンピュータ</a> | + <a href="https://git.mtkn.jp">Git</a> </header> <main> <article>