ハマログ

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

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日


関連記事

Heroku、使ってみたい (前編)

はいどーも! Heroku使ったことがないので、この記事書きながら使ってみようと…

Javaのプログラム内でBasic認証を設定する

目次 1.サーバ側(Apacheとか)でかける 2.ウェブアプリケーションサーバ…

DockerでMySQLの環境を構築してみる

前々からやってみないと、とは思っていたけど後回しにしていたDockerを時間がで…


← 前の投稿

次の投稿 →