GithubPagesを使い始める
容量だいたい1GB、帯域幅制限100GB/月
HTML/JS/CSSみたいな静的サイト限定っぽい
GitHub Pages は、PHP、Ruby、Python などのサーバーサイド言語はサポートしていません。
マークダウンで書いたテキストがJekyllでイイ感じのHTMLに変換されて公開される 他のSSGも使えるはずだけど特にコダワリが無ければJekyllが楽
つくりかた
<username>.github.ioのリポジトリをつくる
index.mdになんか書く
code:index.md
---
layout: default
title: Home
---
# Title
Text
_config.ymlになんか書く
テーマとかサイト名を設定できる
公式でサポートされてるテーマは名前書くだけで使えるっぽい
code:_config,yml
theme: jekyll-theme-minimal
title: Website Title
description: This is my site using the Minimal theme.
おわり
つくりかた2
それはそれとして多分こっちのほうが楽
Minimal Mistakesのスターターキット
Author欄が好みな感じ
これのページ右上のやつからUseThisTemplate→Create a new repositoryで自分のとこに複製
名前を<username>.github.ioに変更
おわり
設定
_config.ymlなどをいじる
サイト名とかテーマとかはJekyllの共通設定だとおもうんですけどあとはテーマ毎の独自設定項目なんじゃないかな…
全体の設定
サイト名とかロゴとか
選べる10色展開
デフォルトの記事サムネ
ここでリポジトリ内外のスクリプトを読み込むことができる
Assetsディレクトリにスクリプトいれる
プロフィールなどでデフォルトで使われているのはFont AwesomeだがScrapboxやMisskeyなどのアイコンが無いため… https://cdn.simpleicons.org/[ICON SLUG]/[COLOR]/[DARK_MODE_COLOR]でSVGがなんか出るやつなのでクラス指定でbeforeの背景画像に表示されるようになんとか
色を指定しなければデフォルトの色で表示されるのでクラス追加で白黒に出来るように
絶対使わんやつが3000個ぐらいあるので使いそうなやつだけ
FontAwesomeとも併用できるから無理せず
プロフィール
SNSリンクはラベル・リンク先・アイコンのクラスを指定
なのでFontAwesome以外に用意した画像とかアイコンパックが使えるぞ
Asettsディレクトリにアバター画像とか入れる
ここで指定するtwitter: username: <username>はOGP用のやつでプロフとは関係ないやつ
og_image:デフォルトのロゴ画像
120x120px 1MB以下
_posts
サンプルは消しちゃうか…
ファイル名はYYYY-MM-DD-Title.mdのかたち
_pages
404ページとかをつくろう…
PostのYAMLフロントマターでshare:Trueにするとシェアボタンがでる
リモートテーマでやってるのでどうしよう
同じファイル名のやつ置いたら上書きされてくれませんかね
ボタン設定はこれ
色設定は多分これ
おっ マストドンがあるな