
## 前提
私はGitHub Pagesで[Jekyll/minima](https://github.com/jekyll/minima)を利用しているので、同様な構成な方に向けた記事です。


## favicon設定
./includes/custom-head.htmlに以下のコードを追記

```html
<link rel="icon" href="/favicon.ico">
```

用意したfaviconをルートディレクトリに配置。
![リポジトリ](https://i.gyazo.com/f1dd722b4abdecd1fa61907db9601047.png)


## 参考にしたもの
- [https://zenn.dev/pacchiy/articles/e4dcd7bd29d387](https://zenn.dev/pacchiy/articles/e4dcd7bd29d387)


jekyllでfaviconを設定


できるだけ楽をしてブログを続けるために仕方なくGitHub PagesでJekyllを使ってる人は僕以外にいることと思う。

~~今となっては古いデザインのものが多く、好みのテーマを見つけることすらめんどくさかった。それすら古さが漂う~~

せっかく見つけたテーマのうち1部分だけ気に入らない時の対処法を書く。
ちなみにテーマは[minima](https://github.com/jekyll/minima)です。

今回僕が気に入らなかったのが、footerにある「Subscribe」の文字部分。これを消したい。
![feeds削除前](https://i.gyazo.com/1c3f3779075834651e9c927a2ea096a4.png)


[minima](https://github.com/jekyll/minima)のソースコードを確認し、`/_incledes/footer.html`が気に入らなかった箇所があることを確認した。


**自身のリポジトリ**に`/_incledes/footer.html`を作成、今回はオリジナルのfooter.htmlから該当箇所を削除。

以下の画像のような状態になると思います。
![リポジトリルート](https://i.gyazo.com/aa22c02a8c6b29a6ed66c1d473d6695d.png)

いつも通りGitHubにpush。
消えたことが確認できました。
![feed削除後](https://i.gyazo.com/1d8dc36636e96098fa0bff06abe2a31f.png)


Jekyllテーマのhtmlオーバーライド


Github Pagesで手軽にブログを作成する際に第一候補となるであろうStatic Site Generator「Jekyll」に自作ブログ内検索を手軽に導入する方法について記述します。

![完成イメージ図](https://i.gyazo.com/9f18a04650fb3bfaef972a88a25a00f2.png)


### 準備するもの
- すでに公開設定などを済ませたJekyll製ブログ
### 手順
1. 以下に示すソースコード（./assets）をダウンロードします。

[公式GitHubリポジトリ](https://github.com/jekylltools/jekyll-tipue-search)は2017年8月23日より新規コミットがないので、以下に直接zipのリンクを掲載しています。
[ソースコード(d4b5df7).zip](https://github.com/jekylltools/jekyll-tipue-search/archive/refs/heads/master.zip)




2. 解凍し、自身のブログのソースコードにassetsフォルダの中身を丸ごとコピーします。

![image1](https://i.gyazo.com/e8456b0e9178d920970dcc32c088b62a.png)
![image2](https://i.gyazo.com/b1c5d6ca798cf6851b5b17db17b09e8e.png)

3. 利用しているテーマでheadタグを規定している部分に以下のソースコードを追記する。
   - 筆者の環境だと[minima](https://github.com/jekyll/minima)を利用しているので、`_includes/custom-head.html`が本手順の作業対象になります。

[ソース](https://github.com/jekylltools/jekyll-tipue-search)

![image3](https://i.gyazo.com/a75a11a735f7db802a1f1eaccabebad3.png)

4. 以下に示すコードを`search.html`としてコピペし、画像のように配置します。
   - [minima](https://github.com/jekyll/minima)であれば、統一感を持たせるためにファイル名`search.md`とするのが綺麗な気がするので、私は`search.md`としています。

[ソース](https://github.com/jekylltools/jekyll-tipue-search)

![image4](https://i.gyazo.com/e83c01861fea2707147a8970e8f31784.png)


5. あとは`_config.yml`をいじるなりしてヘッダー部分にパーマリンクを設置したり、CSSを少し変えてみたり、ビルド、デプロイをすれば完了です。
   - よろしければ[筆者の公開リポジトリ](https://github.com/ikmnjrd/ikmnjrd.github.io)を参考にしてみてください。

完成です。

![完成](https://i.gyazo.com/82a80325376d64d4e4560fc0b924881f.png)


Rubyの投稿記事一覧