S--Minecraft
S--Minecraft

HugoのShortcodeを書いた

いろんなやつ書いてみました

コードはhaml+独自構文で書いてありますが、
独自構文といっても

|~~ ~~| は {{ }}
|~~ ~~|内の~~ ~~ は " "
ってことくらいです
おそらくそんなに意識せずに読めるはず…

すべての使い方は{{ }}が全角になってます

全般

ファビコン付きリンク

Google 
|~~ $url := .Get 0 ~~|
|~~ $title := .Get 1 ~~|
%a{href: "|~~ $url ~~|"}
  %img{src: "http://favicon.hatena.ne.jp/?url=|~~ $url ~~|", style: "float:left;margin:5px 5px 0px 5px"}
  |~~ $title ~~|

使い方

｛｛% link "リンク先" "表示文字列" %｝｝

GitHub

GitHub Cards を利用しているので
data-～の属性をいじくったらいろいろ変えれます

レポジトリ

.github-card{"data-user": "|~~ .Get 0 ~~|", "data-repo": "|~~ .Get 1 ~~|", "data-width": 300, "data-height": 200, "data-theme": "medium", "data-target": "blank"}
%script{src: "//cdn.jsdelivr.net/github-cards/latest/widget.js"}

使い方

｛｛% github "S--Minecraft" "ShortQuery.js" %｝｝

ユーザー

.github-card{"data-user": "|~~ .Get 0 ~~|", "data-width": 300, "data-height": 200, "data-theme": "medium", "data-target": "blank"}
%script{src: "//cdn.jsdelivr.net/github-cards/latest/widget.js"}

使い方

｛｛% githubuser "ユーザー名" %｝｝

ニコ動関連

Hugoのshortcodesでnicovideoの埋め込みを簡単にする からのコピペなのでそちらを…

動画サムネイル

動画プレイヤー

おまけ

Hugoに組み込まれているものを… コードは こちら

Twitter

Youtube

Vimeo

GitHubのgist

ぼそっ

すごい重い記事になりそう… js入りまくってるだろうし…

追記 ニコ動関連がhttpsで破壊されてる… 誰か対処法あったら教えてほしいです