ほったらかし気味だったブログをいまさらながらHexoで作り直した。 記録その1。
Hexo
静的サイトジェネレータはHexoを選択。
nodeもあまり触ったことないけど、Hexo使いながら勉強できればいいとかな思いHexoを選択
Hexo extend.tag
extend.tagで自分で拡張していけるのが素晴らしい。移行に伴い独自拡張したタグは以下
URLカード
URLのOpen Graph Protocolを取得してカードっぽく表示させる。
表示イメージはこんなかんじ。
↓
Redmi Note 4XでJアラートが受信できないようなのでY!防災速報をインストールして防災速報を受信できるように設定をしてみる。
Speach Bubbleのちょい移植
一応、markdown記法も効くようにしてみた。
つかいどころがわかりませんがｗ
とりあえずつくってみた!
なんでやねん！
extend.tagについては別記事で。
本来ならプラグイン化とかしてみたいけど、CSSを一緒に配布する方法がわからないｗ
参考サイト
WordPressからHexoに移行して1年が経ちました。そこで少し感想を書いていきたいと思います。ワードプレスに感じていた不満点や、移行して良かったこと、デメリット、苦労話など。静的サイト・ジェネレータによる個人ブログ移行の実録として参考にしていただければ光栄です。
参考にさせていただいたサイト。 hexo-related-popular-postsとhexo-generator-ampは神。
ただ、hexo-related-popular-postsでJSONで戻ってくる値がテンプレいじりすぎでそのままつかえない。。
1 | site.posts.findOne({slug: pPost.path.replace(/\//g, '')}) |
として対象のpostを取得してるけど、他にいい方法があるのだろうか。。？
