闇ネットの自己紹介ページをカッコよくしよう！！

ミスってる箇所あったら言って下さい

こんな感じにしよう！

https://gyazo.com/58e1ce9b842212255f0983690419efad

netdataのチャートAPIを利用してる

netdataをインストールする

コマンド打ち込んで終わり

docker版もある

code:bash

たまに途中でエラー出て止まるが待ってれば動き出す

エラーで落ちたら何回かやってると成功する(事が多い)

https://gyazo.com/92fc211c0e7c042e34d8c8c88a9ad74c

自己紹介ページに埋め込もう

head内に下記コードを追加する

アドレスの部分は各自変えてください

code:html

そしたら

code:html

<div data-netdata="unique.id"></div>

unique.idはダッシュボードのグラフに書いてあるやつです

下記だとsystem.cpu

https://gyazo.com/a57eef841785a7bdeefb2f15fd85cc04

グラフが表示されていれば成功です

サイズを変えたい場合は縦横を指定できます

code:html

<div data-netdata="unique.id" data-width="WIDTH" data-height="HEIGHT"></div>

その他にも色々指定できるので詳細は公式ドキュメントを読んでください

See Also: