闇ネットの自己紹介ページをカッコよくしよう!!
ミスってる箇所あったら言って下さい
こんな感じにしよう!
https://gyazo.com/58e1ce9b842212255f0983690419efad
netdataのチャートAPIを利用してる
netdataとは? 超グラフィカルなオープンソース監視ソフトウェア
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: