ハマログ

株式会社イーツー・インフォの社員ブログ

Cayman is a Jekyll theme for GitHub PagesのView on GitHubボタンを非表示にする

自社サービスのヘルプページにGithub Pagesを利用しています。
https://e2info.github.io/hrdeli-docs/
標準で選択できる「Jekyll」テーマを利用していますが、そのままだとページ上部に「View on GitHub」ボタンが表示されます。
このボタンは不要だったため非表示にしました。

手順

テーマのスタイルシートに対して独自CSSを上書きするためのファイルを指定します。

テーマの CSS をカスタマイズするの手順でGitリポジトリに/assets/css/style.scssを作成し、ファイルの先頭に、以下の内容を追加します。
---
---

@import "{{ site.theme }}";
※上部の—は必要
指定したあと、@importの次の行以降に独自のCSSを追記します。
https://github.com/e2info/hrdeli-docs/blob/main/assets/css/style.scss
---
---

@import "{{ site.theme }}";
.page-header>.project-tagline {
  display:none;
}
.page-header>a.btn {
  display:none;
}
ボタンを削除できました。他にもCSSを自由に定義することができそうです。
CaymanCSSgithubJekyllPagesscssthemeView on GitHub

  kaneko tomo   2023年8月14日


関連記事

Eclipse起動しなくなったので解決しましたの巻

突然Eclipseが起動しなくなりました。 画面に表示されるエラー内容は以下のと…

iOSアプリケーションの審査通過後の公開時期

こんにちは、かねこです。 花粉の季節、いかがお過ごしでしょうか。 はじめに 会社…

Laravelのテンプレート内でURLによる条件判定を実装する

Laravelのテンプレート(blade)内で、URLによる条件判定を実装する方…


← 前の投稿

次の投稿 →