ハマログ

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

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日


関連記事

クレジットカード取引のセキュリティ対策

はじめに クレジットカード会社、決済代行業者、セキュリティ事業者などから構成され…

Laravel ExcelでCSV出力したらSJISで出せなかったので自分で書きました

佐川急便か何かのシステムと連携するために、Shift_JISで出力したCSVを作…

AWS EC2でファイル共有 東京はまだだけど米国サーバーでEFS試してみる

こんにちはいけしまです。前回のブログ更新から5ヶ月もたってしまいました。すみませ…


← 前の投稿

次の投稿 →