ハマログ

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

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日


関連記事

TextWranglerと正規表現で大量ファイルを一括置換

大量のHTMLファイル内に記述されたjsのパスを一括で置換したくなりました。 自…

HTTPSページの優先インデックス登録(Google)

HTTPSページがHTTPページよりも優先してGoogleにインデックス登録され…

社内で「最近のフロントエンド事情」と題してReactを紹介しました

e2infoには”ランチMTG”という社内勉強会とLTが…


← 前の投稿

次の投稿 →