Hugoでブログリンクの見た目をはてなブログっぽくする - PIYO - Tech & Life -これまでHeartRails Captureを使ってきたブログ内リンクを自前の実装とショートコードに置き換えました。 以前使っていたはてなブログのリンクの表示形式が気に入っていたので、それをリスペクトする形でほぼ同じような見た目で表示できるようにしました。 ある記事内のリンクの見た目はどうなったのか。BeforeとAfterで見比べてみましょう。 Before After 新旧の違い新旧で見た目が異なるのはもちろんですが、より詳しい情報を得られるように仕組みも変更しました。 Heartrails Captureを使ったリンクではブラウザで表示したときに見える画面のキャプチャを表示していましたが、今回のリンクではOGPを利用します。 最近は多くのサイトでOGPの画像やDescriptionが設定されていることが多いです。Hugoに移行した時からOGPを使って表示したいなと思っていました。 シ
