GitHub上のJekyll製サイトでFont Awesomeを使う

Tue Aug 10 10:25:00 JST 2021 (modified: Tue Aug 10 10:31:33 JST 2021)
views: 508, keywords: GitHub,Jekyll

  このエントリーをはてなブックマークに追加 

英語の情報見ても「プラグインないよー」みたいな話になってたけど、普通にテンプレートのHTMLにlinkを埋め込んだら使えた。チミ達は生のHTMLを書かんのか?このサイトのための作業でした。

テンプレートのHTMLを作る

上記サイトを参考に、_layoutsの下にdefault.htmlを作ると良いと思います。HTMLのデザイン等を流用したい場合は、今表示しているGitHub上のページからソースをコピーしてきて、そこに埋め込み用のタグを仕込みます。

Font Awesomeのリンクを仕込む

本サイトのHTMLからコピペしました。いろいろルールが変わっているかもしれませんので、このままコピペはおやめください。

マークダウンのファイルでアイコン呼び出し

こんな感じで埋め込みます。

こんな感じで表示されます。

現場からは以上です。



prev:日記(2021年8月9日) next:日記(2021年8月16日)





このサイトではGoogle Analyticsやその他ソーシャルボタンのためにCookieを使用しています。もし同意いただけない場合はブラウザでクッキーを無効にして閲覧をお願いします。This site uses cookies for Google AdSense and some social buttons. If you cannot accept our use of cookies, please disable cookies on your browser.