ハマログ

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

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日


関連記事

AWS Developer Associate 試験を受験した件

先日 AWS Developer Associate(以下 「DVA」)を受験し…

GitHub Actions + Maven + Javaで、独自のライブラリを利用する

GitHub ActionsでビルドしているJavaで、Mavenのセントラルリ…

OPTIMIZE TABLE / MySQL

OPTIMIZE TABLEは次のような機能です [引用元] 12.5.2.5….


← 前の投稿

次の投稿 →