このサイトはどのようにして出来たか
- Jekyll-now からコピー
-
パーマリンク設定を変更
- プラグインを動作させるために、
- Gemfileを作成
- Github Actionを設定
- _includes/JB をjekyll-bootstrapから流用
各パーツの解説
archive page
sample-post
gist
{% gist id %}gist-it
{% gist_it URL %}Blog card
自分のサイト上で外部リンクをFacebookの画像つきリンクっぽく表示する方法
サイトをOGP対応にしたので、SNSから格好良くリンクされるようになった。しかし自分の記事から外部のリンクを同じように素敵に表示する方法はないのか調べてみた。
giantech.jp
TOC
{% toc %}sns button
url
Twitter、Facebook などの色々なソーシャルボタンをWebページに設置してみましょう。また、オフィシャルのソーシャルボタンはそれぞれデザインが異なるため、オリジナルのボタンにカスタマイズする方法も紹介します。
murashun.jp
オリジナルのシェアボタンを作ろう！各種SNSのボタン設置用URLまとめ
Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービ…
webdesign-trends.net
design
コピペOK! 個性的なSNSボタン／シェアボタンのデザインまとめ | それからデザイン スタッフブログ
ブログやwebマガジン、キャンペーンサイトまでさまざまなサイトに設置されるFacebookやTwitterなどのSNSボタン／シェアボタン。今回はフロンドエンド...
sole-color-blog.com
font-awesome
[Jekyll][Ruby]jekyllでFontAwesomeアイコンを表示するLiquid Tagを作った
jekyllの記事内でHTML書きたくないなーって時にLiquid Tagを作る方法の紹介です。今回はFont Awesomeアイコンを表示するLiquid Tagプラグインを作ってみました。
whiskers.nukos.kitchen
