GitHub Pages と Jekyll でこのサイトを立ち上げました
はじめまして、 TakaakiU です。
以前から気になっていたJekyll(ジキル)とGitHub Pages(github.io)を使って、このWebサイトを立ち上げました。 Jekyllのテーマは、多言語対応している「Mr. Green」というテーマを使わさせて頂きました。
テーマ開発者の方がSNSで丁寧に手順を紹介してくれているので、思ったよりも簡単に作業が完了。わたし個人の備忘録を兼ねて実施した事を共有します。
概要
GitHub Pages
「GitHub Pagesを使用すると、GitHub上のリポジトリを元にしてWebサイトを公開できる。」というもの。
しかも無料プランでも費用が発生する事なく利用可能。GitHubさん、ふとっぱら。
原文:What is GitHub Pages? | GitHub公式(ここをクリックして折りたたみを開く)
You can use GitHub Pages to host a website about yourself, your organization, or your project directly from a repository on GitHub.
引用元:[What is GitHub Pages?](https://docs.github.com/en/pages/getting-started-with-github-pages/what-is-github-pages){:target="_blank" rel="noopener noreferrer"} より
使用制限
GitHub Pagesのサイトには、以下の使用制限が適用されます:
ユーザーまたは組織サイトの制限
各GitHubアカウントにつき、1つのユーザーまたは組織サイトのみ作成できます。リポジトリの推奨サイズ制限
GitHub Pagesのソースリポジトリの推奨サイズ上限は1GBです。詳細はGitHubの大容量ファイルについてをご覧ください。公開サイトのサイズ制限
公開されたGitHub Pagesのサイトは最大1GBのサイズ制限があります。デプロイのタイムアウト
GitHub Pagesのデプロイは10分以上かかるとタイムアウトします。帯域幅のソフトリミット
GitHub Pagesのサイトは月間100GBの帯域幅制限があります。ビルドのソフトリミット
GitHub Pagesのサイトは1時間あたり最大10回のビルド制限があります。
ただし、GitHub Actionsを使用してカスタムワークフローでビルド・公開する場合、この制限は適用されません。レート制限について
すべてのGitHub Pagesサイトに一貫した品質のサービスを提供するため、レート制限が適用される場合があります。
これらの制限は正当な利用を妨げるものではありません。
もしリクエストがレート制限に引っかかった場合は、HTTPステータスコード429と共に、説明が記載されたHTMLレスポンスが返されます。
原文:GitHub Pages limits | GitHub公式(ここをクリックして折りたたみを開く)
GitHub Pages sites are subject to the following usage limits:
- You can only create one user or organization site for each account on GitHub.
- GitHub Pages source repositories have a recommended limit of 1 GB. For more information, see [About large files on GitHub](https://docs.github.com/en/repositories/working-with-files/managing-large-files/about-large-files-on-github#file-and-repository-size-limitations){:target="_blank" rel="noopener noreferrer"}.
- Published GitHub Pages sites may be no larger than 1 GB.
- GitHub Pages deployments will timeout if they take longer than 10 minutes.
- GitHub Pages sites have a soft bandwidth limit of 100 GB per month.
- GitHub Pages sites have a soft limit of 10 builds per hour. This limit does not apply if you build and publish your site with a custom GitHub Actions workflow.
- In order to provide consistent quality of service for all GitHub Pages sites, rate limits may apply. These rate limits are not intended to interfere with legitimate uses of GitHub Pages. If your request triggers rate limiting, you will receive an appropriate response with an HTTP status code of 429, along with an informative HTML body.
引用元:[GitHub Pages limits](https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits){:target="_blank" rel="noopener noreferrer"}
いろいろ制限はありますが、個人の簡易なサイトでは問題なく運用できそうです。
Jekyll
Jekyll。読み方は「ジキル」です。
Jekyllは2008年にTom Preston-Wernerによって初めてリリースされました。その後、GitHubの従業員であるParker MooreがJekyllを引き継ぎ、Jekyll 1のリリースを主導しました。
Jekyllは、静的ウェブサイトへのWeb開発のトレンドのきっかけとなりました。2017年には、GitHubでの採用が大きな要因となり、Jekyllは最も人気のある静的サイトジェネレーターにランクインしました。GitHub上のJekyllプロジェクトは継続的に更新されており、バグ修正のためのリリースも行われています。
こちらにもある通り、GitHub公式がJekyllを使ったサイトの立ち上げ方を公開。
Jekyll テーマ「Mr.Green」
Jekyllには数多くのテーマがあります。その中で多言語対応していて、見た目もキレイなテーマ「Mr. Green」を使っています。
たしか「Jekyll + テーマ + 日本語対応 + 多言語」などのキーワードで公式の記事が上位にあって、たどり着きました。
また、この方のサイトをみて、見やすいテーマだなと思いました。
他のテーマを探したい場合はこちらの公式記事で探すことができます。 必要な機能がある場合は、検索や生成AIを活用した方が角度の高い結果が得られるでしょう。
構築作業
前提条件
- GitHubアカウント作成済み
- インターネット環境に接続していること
作業手順
Mr.Green公式のこちらの手順を参考にしました。
Forkした後、
_config.yml
のurl
を変更- url: "https://your_github_user_name.github.io" + url: "https://takaakiu.github.io"
→ 実際に設定した
_config.yml
はこちらForkしたリポジトリの名前を
takaakiu.github.io
に変更ここでの
takaakiu
は GitHubのアカウント名 です。ご自身のアカウント名に置き換えて設定してください。 参考情報:GitHubリポジトリ名の変更方法|GitHub公式Forkしたリポジトリの
Actions
タブにて自動的にデプロイが走ったことを確認わたしのリポジトリのActionsはこちら。 けっこう時間がかかったと記憶しています。おそらく15分 ~ 20分ぐらいはかかったのではないでしょうか。気長に待ちましょう。
黄色の実行中 から 緑色のチェック になりデプロイが正常終了したことを確認
下記のURLに接続可能か確認
URLは、
https://takaakiu.github.io
。URL内のtakaakiu
は GitHubのアカウント名 です。ご自身のアカウント名に置き換えて設定してください。これで準備完了!
あとはご自身の運用に合わせてカスタマイズしてください。 参考までに私が変更した内容を下記に共有します。
カスタマイズ内容(2025年5月7日時点)
Fork元(Jekyllテーマ公式のリポジトリ) と Fork先(わたしのリポジトリ)の差分を取得しました。 基本的には英語と日本語のみとし、他は細かい見た目を変更しているという感じです。
下記は、Fork前後のディレクトリ構造を比較した結果です。
名前 | フォルダー | 比較結果 | 拡張子 |
---|---|---|---|
.github | 同一 | ||
_data | フォルダーは異なっています | ||
├─ conf | _data | フォルダーは異なっています | |
├─ main.yml | _data\conf | テキスト ファイルは異なります | yml |
├─ others.yml | _data\conf | テキスト ファイルは同一です | yml |
└─ posts.yml | _data\conf | テキスト ファイルは同一です | yml |
├─ const | _data | 同一 | |
├─ content | _data | フォルダーは異なっています | |
└─ projects | _data\content | フォルダーは異なっています | |
├─ en.yml | _data\content\projects | テキスト ファイルは異なります | yml |
├─ es.yml | _data\content\projects | Fork先で削除 | yml |
├─ fr.yml | _data\content\projects | Fork先で削除 | yml |
├─ ja.yml | _data\content\projects | テキスト ファイルは異なります | yml |
├─ ko.yml | _data\content\projects | Fork先で削除 | yml |
├─ pt.yml | _data\content\projects | Fork先で削除 | yml |
├─ tr.yml | _data\content\projects | Fork先で削除 | yml |
└─ zh.yml | _data\content\projects | Fork先で削除 | yml |
├─ lang | _data | フォルダーは異なっています | |
├─ en.yml | _data\lang | テキスト ファイルは異なります | yml |
├─ es.yml | _data\lang | Fork先で削除 | yml |
├─ fr.yml | _data\lang | Fork先で削除 | yml |
├─ ja.yml | _data\lang | テキスト ファイルは異なります | yml |
├─ ko.yml | _data\lang | Fork先で削除 | yml |
├─ pt.yml | _data\lang | Fork先で削除 | yml |
├─ tr.yml | _data\lang | Fork先で削除 | yml |
└─ zh.yml | _data\lang | Fork先で削除 | yml |
└─ owner | _data | フォルダーは異なっています | |
├─ en.yml | _data\owner | テキスト ファイルは異なります | yml |
├─ es.yml | _data\owner | Fork先で削除 | yml |
├─ fr.yml | _data\owner | Fork先で削除 | yml |
├─ ja.yml | _data\owner | テキスト ファイルは異なります | yml |
├─ ko.yml | _data\owner | Fork先で削除 | yml |
├─ pt.yml | _data\owner | Fork先で削除 | yml |
├─ tr.yml | _data\owner | Fork先で削除 | yml |
└─ zh.yml | _data\owner | Fork先で削除 | yml |
_includes | 同一 | ||
_layouts | 同一 | ||
_posts | フォルダーは異なっています | ||
├─ 2021-08-10-Test-page1.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-08-11-Test-page2.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-09-12-Test-page3.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-09-13-Test-page4.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-10-14-Test-page5.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-10-15-Test-page6.markdown | _posts | Fork先で削除 | markdown |
├─ 2021-11-16-Test-page7.markdown | _posts | Fork先で削除 | markdown |
├─ 2022-01-01-welcome-to-jekyll.markdown | _posts | Fork先で削除 | markdown |
├─ 2022-02-10-Examples.markdown | _posts | テキスト ファイルは異なります | markdown |
├─ 2025-05-08-hello-jekyll.markdown | _posts | Fork先で追加 | markdown |
├─ 2025-05-17-git-commit-message-guidlines.markdown | _posts | Fork先で追加 | markdown |
└─ 2025-05-18-how-to-gibo.markdown | _posts | Fork先で追加 | markdown |
_scripts | Fork先で追加 | ||
assets | フォルダーは異なっています | ||
├─ _scss | assets | 同一 | |
├─ css | assets | 同一 | |
├─ fonts | assets | 同一 | |
├─ img | assets | フォルダーは異なっています | |
├─ about | assets\img | フォルダーは異なっています | |
└─ about.jpg | assets\img\about | バイナリ ファイルは異なっています | jpg |
├─ default | assets\img | フォルダーは異なっています | |
├─ cc | assets\img\default | 同一 | |
├─ 1x1px.png | assets\img\default | バイナリ ファイルは同一です | png |
├─ mastodon.svg | assets\img\default | テキスト ファイルは同一です | svg |
└─ profile_pic.jpg | assets\img\default | バイナリ ファイルは異なっています | jpg |
├─ favicons | assets\img | フォルダーは異なっています | |
├─ android-chrome-192x192.png | assets\img\favicons | Fork先で削除 | png |
├─ android-chrome-512x512.png | assets\img\favicons | Fork先で削除 | png |
├─ apple-touch-icon.png | assets\img\favicons | バイナリ ファイルは異なっています | png |
├─ favicon.ico | assets\img\favicons | バイナリ ファイルは異なっています | ico |
~~ ├─ favicon.svg | assets\img\favicons | Fork先で追加 | svg |
├─ favicon-16x16.png | assets\img\favicons | Fork先で削除 | png |
├─ favicon-32x32.png | assets\img\favicons | Fork先で削除 | png |
├─ favicon-96x96.png | assets\img\favicons | Fork先で追加 | png |
├─ mstile-150x150.png | assets\img\favicons | Fork先で削除 | png |
├─ web-app-manifest-192x192.png | assets\img\favicons | Fork先で追加 | png |
└─ web-app-manifest-512x512.png | assets\img\favicons | Fork先で追加 | png |
├─ home | assets\img | フォルダーは異なっています | |
└─ home-heading.jpg | assets\img\home | バイナリ ファイルは異なっています | jpg |
├─ posts | assets\img | フォルダーは異なっています | |
├─ mock1.jpg | assets\img\posts | バイナリ ファイルは同一です | jpg |
├─ post_idea.jpg | assets\img\posts | Fork先で追加 | jpg |
├─ post_pic1.jpg | assets\img\posts | バイナリ ファイルは同一です | jpg |
├─ post_pic2.jpg | assets\img\posts | バイナリ ファイルは同一です | jpg |
├─ post_pic3.jpg | assets\img\posts | バイナリ ファイルは同一です | jpg |
└─ post_tech.jpg | assets\img\posts | Fork先で追加 | jpg |
└─ projects | assets\img | フォルダーは異なっています | |
├─ project1_thumb.jpg | assets\img\projects | バイナリ ファイルは同一です | jpg |
├─ project2_thumb.jpg | assets\img\projects | バイナリ ファイルは同一です | jpg |
└─ projects-heading.jpg | assets\img\projects | バイナリ ファイルは異なっています | jpg |
├─ js | assets | 同一 | |
├─ browserconfig.xml | assets | テキスト ファイルは同一です | xml |
├─ manifest.json | assets | テキスト ファイルは同一です | json |
├─ sitemap.xml | assets | テキスト ファイルは同一です | xml |
es | Fork先で削除 | ||
fr | Fork先で削除 | ||
ja | フォルダーは異なっています | ||
├─ _posts | ja | フォルダーは異なっています | |
├─ 2021-08-10-Test-page1.markdown | ja_posts | Fork先で削除 | markdown |
├─ 2021-08-11-Test-page2.markdown | ja_posts | Fork先で削除 | markdown |
├─ 2021-09-12-Test-page3.markdown | ja_posts | Fork先で削除 | markdown |
├─ 2021-09-13-Test-page4.markdown | ja_posts | Fork先で削除 | markdown |
├─ 2021-10-14-Test-page5.markdown | ja_posts | Fork先で削除 | markdown |
├─ 2021-10-15-Test-page6.markdown | ja_posts | Fork先で削除 | markdown |
└─ 2021-11-16-Test-page7.markdown | ja_posts | Fork先で削除 | markdown |
└─ 2022-02-10-Examples.markdown | ja_posts | Fork先で追加 | markdown |
└─ 2025-05-08-hello-jekyll.markdown | ja_posts | Fork先で追加 | markdown |
└─ 2025-05-17-git-commit-message-guidlines.markdown | ja_posts | Fork先で追加 | markdown |
└─ 25-05-18-how-to-gibo.markdown | ja_posts | Fork先で追加 | markdown |
├─ query | ja | 同一 | |
├─ tabs | ja | フォルダーは異なっています | |
├─ blog | ja\tabs | 同一 | |
├─ about.md | ja\tabs | テキスト ファイルは異なります | md |
├─ archive.md | ja\tabs | テキスト ファイルは異なります | md |
├─ links.md | ja\tabs | テキスト ファイルは異なります | md |
├─ projects.md | ja\tabs | テキスト ファイルは異なります | md |
├─ 404.md | ja | テキスト ファイルは同一です | md |
├─ index.md | ja | テキスト ファイルは異なります | md |
└─ privacy-policy.md | ja | テキスト ファイルは異なります | md |
ko | Fork先で削除 | ||
pt | Fork先で削除 | ||
query | 同一 | ||
tabs | 同一 | ||
tr | Fork先で削除 | ||
zh | Fork先で削除 | ||
.editorconfig | テキスト ファイルは同一です | editorconfig | |
.gitattributes | テキスト ファイルは同一です | gitattributes | |
.gitignore | テキスト ファイルは同一です | gitignore | |
_config.yml | テキスト ファイルは異なります | yml | |
404.md | テキスト ファイルは同一です | md | |
CODE_OF_CONDUCT.md | テキスト ファイルは同一です | md | |
Gemfile | テキスト ファイルは同一です | ||
index.md | テキスト ファイルは同一です | md | |
LICENSE.txt | テキスト ファイルは同一です | txt | |
privacy-policy.md | テキスト ファイルは同一です | md | |
README.md | テキスト ファイルは同一です | md | |
README-es.md | テキスト ファイルは同一です | md | |
README-fr.md | テキスト ファイルは同一です | md | |
README-ja.md | テキスト ファイルは同一です | md | |
README-ko.md | テキスト ファイルは同一です | md | |
README-pt.md | テキスト ファイルは同一です | md | |
README-tr.md | テキスト ファイルは同一です | md | |
README-zh.md | テキスト ファイルは同一です | md | |
robots.txt | テキスト ファイルは同一です | txt |
より詳細となる ファイル内容の比較 は下記にある 折りたたみを表示 してご覧ください。
Fork元との差分(ここをクリックして折りたたみを開く)
_data/conf/main.yml
- language_switch_lang_list: [en, ja, pt, fr, zh, ko, tr, es] + # language_switch_lang_list: [en, ja, pt, fr, zh, ko, tr, es] + language_switch_lang_list: [en, ja]
_data/content/projects/en.yml
# you can move this content to front matter of [language]/tabs/projects.md ########################################################### # Projects Page Data ########################################################### page_data: main: header: "Projects" - info: "Your Project page description." + info: "Post project development records, documents, and notices." text_color: "white" # if you don't want to use background image, comment it. back_color will be activated. img: ":projects-heading.jpg" back_color: "lightblue" category: - - title: "Example" - type: id_example + - title: "Dev Logs" + type: id_devlogs color: "gray" - - title: "Picture" - type: id_picture + - title: "Documents" + type: id_documents color: "#62b462" - - title: "Quote" - type: id_quote + - title: "Notices" + type: id_notices color: "#2FD0ED" list: - # example - - type: id_example - project_name: "Example Project" - project_excerpt: "Examples" + # devlogs + - type: id_devlogs + project_name: "Nitaku" + project_excerpt: "A mobile app that allows you to create a tier table by repeating two choices." img: ":project1_thumb.jpg" img_title: "img title1" - date: "2021-03-13" + date: "2025-05-18" post: | - # Examples + # Dev Logs This is an example page to display markdown related styles for Mr. Green Jekyll Theme. ### Headings (centered) {:data-align="center"} # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 *** ### Paragraphs #### Paragraph **William Shakespeare**, Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. #### Texts Quoted text `Hello world` Bold text **Hello world** Italic text _Hello world_ kbd text <kbd>Hello world</kbd> #### Blockquote > **William Shakespeare**, Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. ### Link This is [Mr. Green Jekyll Theme](https://github.com/MrGreensWorkshop/MrGreen-JekyllTheme), a simple theme built for [Jekyll](https://jekyllrb.com/). ### Picture  ### Picture (centered) {:data-align="center"} ### Lists - Apple - Banana - Orange 1. Fruits 1. Apples - Granny Smith - Mutsu 1. Bananas - Cavendish - Red 1. Vegetables *** ### Tables #### Small Table (centered) | Fruits(not aligned) | Alignment (centered) | num (right align) | | ------------------- | :------------------: | ----------------: | | Apple | centered | 9999 | | Banana | centered long text | 999 | | Orange | centered | 99 | | Lemon | centered | 9 | {:data-align="center"} #### Wide Table (centered) scroll enabled when page is narrow | Fruits | num (left align) | num (right align) | num | num | num | | ------ | :--------------- | ----------------: | ---- | ---- | ---- | | Apple | 1111 | 1111 | 2222 | 3333 | 4444 | | Banana | 111 | 111 | 222 | 333 | 444 | | Orange | 11 | 11 | 22 | 33 | 44 | | Lemon | 1 | 1 | 2 | 3 | 4 | {:data-align="center"} #### Wider Table scroll enabled when page is narrow | Fruits | num (left align) | num (right align) | num | num | num | num | num | num | | ------ | :--------------- | ----------------: | ---- | ---- | ---- | ---- | ---- | ---- | | Apple | 1111 | 1111 | 2222 | 3333 | 4444 | 5555 | 6666 | 7777 | | Banana | 111 | 111 | 222 | 333 | 444 | 555 | 666 | 777 | | Orange | 11 | 11 | 22 | 33 | 44 | 55 | 66 | 77 | | Lemon | 1 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | ### Code #### Quote ```python for i in range(5, 10): print(i) ``` - # picture - - type: id_picture - project_name: "Example Project" - project_excerpt: "Picture" + # documents + - type: id_documents + project_name: "Documents" + project_excerpt: "Post project tutorials, guides, specifications, and manuals." img: ":project2_thumb.jpg" img_title: "img title2" - date: "2021-04-23" + date: "2025-05-18" post: | # Title This is project content.  - # quote - - type: id_quote - project_name: "Example Project" - project_excerpt: "William Shakespeare" + # notices + - type: id_notices + project_name: "Notices" + project_excerpt: "Post updates and defect information on deliverables." #img: ":project1_thumb.jpg" #img_title: "img title3" date: "2021-05-27" post: | Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. - - type: id_quote + - type: id_notices project_name: "Example Project" project_excerpt: "Albert Einstein" img: ":project2_thumb.jpg" img_title: "img title4" date: "2021-06-08" post: | Two things are infinite: the universe and human stupidity; and I'm not sure about the universe. - - type: id_quote + - type: id_notices project_name: "Example Project" project_excerpt: "Mae West" img: ":project1_thumb.jpg" img_title: "img title5" date: "2021-08-20" post: | You only live once, but if you do it right, once is enough. - - type: id_quote + - type: id_notices project_name: "Example Project" project_excerpt: "Mahatma Gandhi " img: ":project2_thumb.jpg" img_title: "img title6" date: "2021-12-20" post: | Be the change that you wish to see in the world.
_data/content/projects/ja.yml
# you can move this content to front matter of [language]/tabs/projects.md ########################################################### # Projects Page Data ########################################################### page_data: main: header: "プロジェクト" - info: "プロジェクトページの説明はこちら。" + info: "プロジェクトの開発記録やドキュメント、お知らせを掲載。" text_color: "white" # if you don't want to use background image, comment it. back_color will be activated. img: ":projects-heading.jpg" back_color: "lightblue" category: - - title: "例" - type: id_example + - title: "開発ログ" + type: id_devlogs color: "gray" - - title: "写真" - type: id_picture + - title: "ドキュメント" + type: id_documents color: "#62b462" - - title: "名言" - type: id_quote + - title: "お知らせ" + type: id_notices color: "#2FD0ED" list: - # example - - type: id_example - project_name: "サンプルプロジェクト" - project_excerpt: "例" + # devlogs + - type: id_devlogs + project_name: "二択(nitaku)" + project_excerpt: "2つの選択肢を繰り返すことで、Tier表を作成できるモバイルアプリ。" img: ":project1_thumb.jpg" img_title: "img title1" - date: "2021-03-13" + date: "2025-05-18" post: | - # Examples + # Dev Logs This is an example page to display markdown related styles for Mr. Green Jekyll Theme. ### Headings (centered) {:data-align="center"} # Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6 *** ### Paragraphs #### Paragraph **William Shakespeare**, Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. #### Texts Quoted text `Hello world` Bold text **Hello world** Italic text _Hello world_ kbd text <kbd>Hello world</kbd> #### Blockquote > **William Shakespeare**, Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. ### Link This is [Mr. Green Jekyll Theme](https://github.com/MrGreensWorkshop/MrGreen-JekyllTheme), a simple theme built for [Jekyll](https://jekyllrb.com/). ### Picture  ### Picture (centered) {:data-align="center"} ### Lists - Apple - Banana - Orange 1. Fruits 1. Apples - Granny Smith - Mutsu 1. Bananas - Cavendish - Red 1. Vegetables *** ### Tables #### Small Table (centered) | Fruits(not aligned) | Alignment (centered) | num (right align) | | ------------------- | :------------------: | ----------------: | | Apple | centered | 9999 | | Banana | centered long text | 999 | | Orange | centered | 99 | | Lemon | centered | 9 | {:data-align="center"} #### Wide Table (centered) scroll enabled when page is narrow | Fruits | num (left align) | num (right align) | num | num | num | | ------ | :--------------- | ----------------: | ---- | ---- | ---- | | Apple | 1111 | 1111 | 2222 | 3333 | 4444 | | Banana | 111 | 111 | 222 | 333 | 444 | | Orange | 11 | 11 | 22 | 33 | 44 | | Lemon | 1 | 1 | 2 | 3 | 4 | {:data-align="center"} #### Wider Table scroll enabled when page is narrow | Fruits | num (left align) | num (right align) | num | num | num | num | num | num | | ------ | :--------------- | ----------------: | ---- | ---- | ---- | ---- | ---- | ---- | | Apple | 1111 | 1111 | 2222 | 3333 | 4444 | 5555 | 6666 | 7777 | | Banana | 111 | 111 | 222 | 333 | 444 | 555 | 666 | 777 | | Orange | 11 | 11 | 22 | 33 | 44 | 55 | 66 | 77 | | Lemon | 1 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | ### Code #### Quote ```python for i in range(5, 10): print(i) ``` - # picture - - type: id_picture - project_name: "サンプルプロジェクト" - project_excerpt: "写真" + # documents + - type: id_documents + project_name: "ドキュメント" + project_excerpt: "プロジェクトに関するチュートリアル、ガイド、仕様書、マニュアルを掲載。" img: ":project2_thumb.jpg" img_title: "img title2" - date: "2021-04-23" + date: "2025-05-18" post: | # Title This is project content.  - # quote - - type: id_quote - project_name: "サンプルプロジェクト" - project_excerpt: "William Shakespeare" + # notices + - type: id_notices + project_name: "お知らせ" + project_excerpt: "成果物の更新や不具合情報を掲載。" #img: ":project1_thumb.jpg" #img_title: "img title3" - date: "2021-05-27" + date: "2025-05-18" post: | Let me not to the marriage of true minds Admit impediments. Love is not love Which alters when it alteration finds, Or bends with the remover to remove. O no, it is an ever-fixed mark That looks on tempests and is never shaken; It is the star to every wand'ring barque, Whose worth's unknown, although his height be taken. Love's not Time's fool, though rosy lips and cheeks Within his bending sickle's compass come; Love alters not with his brief hours and weeks, But bears it out even to the edge of doom. If this be error and upon me proved, I never writ, nor no man ever loved. - - type: id_quote + - type: id_notices project_name: "サンプルプロジェクト" project_excerpt: "Albert Einstein" img: ":project2_thumb.jpg" img_title: "img title4" date: "2021-06-08" post: | Two things are infinite: the universe and human stupidity; and I'm not sure about the universe. - - type: id_quote + - type: id_notices project_name: "サンプルプロジェクト" project_excerpt: "Mae West" img: ":project1_thumb.jpg" img_title: "img title5" date: "2021-08-20" post: | You only live once, but if you do it right, once is enough. - - type: id_quote + - type: id_notices project_name: "サンプルプロジェクト" project_excerpt: "Mahatma Gandhi " img: ":project2_thumb.jpg" img_title: "img title6" date: "2021-12-20" post: | Be the change that you wish to see in the world.
_data/lang/en.yml
# Mr. Green Jekyll Theme (https://github.com/MrGreensWorkshop/MrGreen-JekyllTheme) # Copyright (c) 2022 Mr. Green's Workshop https://www.MrGreensWorkshop.com # Licensed under MIT lng: name: English # based on ISO_639-1 https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes code: en # specifically needed for open-graph meta og:locale. if open_graph or html_lng_with_country_code not enabled in _data/conf/main.yml, it's not necessary. # For html tags, you can enable or disable using html_lng_with_country_code defined in _data/conf/main.yml # based on ISO_3166-1 https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2 country: US switch_title: En offer: title: Language msg_page: View this page in English. # if page translation is not available, use this. msg_site: To home date: # if %b is used in the long format, it will be replaced with the corresponding item in 'months' list below. long: "%b %-d, %Y" day: "%d" year: "%Y" # months itself also used in Archive page. months: [Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec] not_found: header: Page not found line1: The page you requested could not be found. line2: Try menu, or site search if available. no_translation_tooltip: No Translation navigation: contact_header: Contact side_navigation_button: Side menu scroll_back_to_top: Back to top color_scheme_switch_tooltip: Color scheme search: placeholder: Search noResultText: No results were found. image_viewer: load_error: The image could not be loaded. copyright: additional_text: " All rights reserved." creative_commons: some_rights_reserved: Some rights reserved. # check _data/owner/[language].yml for license type. by: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution 4.0 International License. by-nd: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License. by-sa: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. by-nc: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License. by-nc-nd: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License. by-nc-sa: Except where otherwise noted, content on this web site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. # for 404 layout not-found: title: "404" # for post layout post: read_time: unit: " min" text: " read" # c for char w for word word_char: w # char or words per minute per_minute: 200 pager_buttons: - older_post: "← Older Post" - newer_post: "Newer Post →" + older_post: "👈 Older Post" + newer_post: "Newer Post 👉" first_post: First last_post: Last comments: noscript: Please enable JavaScript to view the Comments. disqus: count_title: Comments click_to_load: "Load comments" consent: title: Comments (Disqus.com) text: > Comment feature is hosted by a third party. By showing the external content you accept the $terms and $privacy_policy of disqus.com. <br>If you prefer to opt out of targeted advertising, open $settings_link and click "opt-out" button and close. Return here and load comments. terms_link_text: Terms of Service privacy_link_text: Privacy Policy settings_link_text: this link button: load_once: Show only this time load_and_do_not_ask_again: Always show table_of_contents: heading: Contents tooltip: move: Drag to move close: Close share: heading: Share on link_copied: Link copied! tooltip: # keys need to match with _data/share.yml twitter: Twitter facebook: Facebook telegram: Telegram linkedin: LinkedIn email: Email copy_link: Copy link # for post-list layout post-list: title: Blog button_name: Blog upside_down_tabs: tab: all: All categories: Categories tags: Tags years: Years clear: Clear close: Close tooltip: clear: Clear close: Close msg: property_list: # keys need to match with /query/post-query.json tags: Tag category: Category year: Year # you can use these wildcards, {property} {value} {thumb} resultFoundTitleFormat: "{property} : {thumb}" # for home layout home: title: Welcome button_name: Home new_posts_title: New Articles new_posts_show_more_button: View More ... # for archives layout archives: title: Archive button_name: Archive page_header: Archive # for about layout about: - title: About - button_name: About + title: TakaakiU + button_name: TakaakiU email_title: email # for links layout links: title: Links button_name: Links link_text: Web site info_text: Info # for projects layout projects: title: Projects button_name: Projects read_more_text: Read more read_less_text: Read less # for privacy-policy layout privacy-policy: title: &privacy_policy_title Privacy policy # constants to be replaced for constants: greetings: Hello welcome: Welcome - sample: Sample + # sample: Sample # for contact form contact_form: button_name: Contact Form formLoadingText: Loading the Contact Form... # for cookie consent cookie_consent: privacy_policy_link_text: *privacy_policy_title side_nav_setting_button_tooltip: &cookie_settings Cookie settings panel_bar: msg: > This website uses cookies to optimize site functionality. It will be activated with your approval. privacy_msg: Check $privacy_link. buttons: accept: &accept_button Allow all settings: Customize deny: &deny_button Deny close: Close panel_settings: title: *cookie_settings msg: > This website uses cookies to optimize site functionality. It will be activated with your approval. Please click each item below for cookie policy. privacy_msg: Check $privacy_link. buttons: accept: *accept_button save: Allow selection deny: *deny_button always_active: Always active consent_types: necessary: title: Strictly necessary cookies info: > These cookies are essential for the website function and cannot be disable. They are usually set when site function like color scheme etc. is changed. These cookies do not store any personally identifiable information. $gtag_info analytics: title: Performance cookies info: $gtag_info preferences: title: Functionality cookies info: $gtag_info advertising: title: Targeting and advertising cookies info: $gtag_info gtag_info: # from https://support.google.com/tagmanager/answer/10718549#consent-types ad_storage: > Enables storage (such as cookies) related to advertising. analytics_storage: > Enables storage (such as cookies) related to analytics e.g. visit duration. functionality_storage: > Enables storage that supports the functionality of the website or app e.g. language settings. personalization_storage: > Enables storage related to personalization e.g. video recommendations. security_storage: > Enables storage related to security such as authentication functionality, fraud prevention, and other user protection.
_data/lang/ja.yml
# Mr. Green Jekyll Theme (https://github.com/MrGreensWorkshop/MrGreen-JekyllTheme) # Copyright (c) 2022 Mr. Green's Workshop https://www.MrGreensWorkshop.com # Licensed under MIT lng: name: 日本語 # based on ISO_639-1 https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes code: ja # specifically needed for open-graph meta og:locale. if open_graph or html_lng_with_country_code not enabled in _data/conf/main.yml, it's not necessary. # For html tags, you can enable or disable using html_lng_with_country_code defined in _data/conf/main.yml # based on ISO_3166-1 https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2 country: JP switch_title: Jp offer: title: 言語 msg_page: このページを日本語で表示する。 # if page translation is not available, use this. msg_site: 日本語ホームへ date: # if %b is used in the long format, it will be replaced with the corresponding item in 'months' list below. long: "%Y年%m月%d日" day: "%d日" year: "%Y年" # months itself also used in Archive page. months: [1月, 2月, 3月, 4月, 5月, 6月, 7月, 8月, 9月, 10月, 11月, 12月] not_found: header: ページが見つかりませんでした。 line1: リクエストされたページが見つかりませんでした。 line2: メニューを試すか、利用可能な場合はサイト検索を試してください。 no_translation_tooltip: 訳がありません navigation: contact_header: コンタクト side_navigation_button: サイドメニュー scroll_back_to_top: トップへ戻る color_scheme_switch_tooltip: 配色 search: placeholder: 検索 noResultText: 何も見つかりませんでした。 image_viewer: load_error: 画像が読み込めませんでした。 copyright: additional_text: " 著作権で保護されています。" creative_commons: some_rights_reserved: 一部の権利は留保されています。 # check _data/owner/[language].yml for license type. by: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 4.0 国際 ライセンスの下に提供されています。 by-nd: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 by-sa: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。 by-nc: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 - 非営利 4.0 国際 ライセンスの下に提供されています。 by-nc-nd: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 - 非営利 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 by-nc-sa: 特に明記されていない限り、このWebサイトのコンテンツはクリエイティブ・コモンズ 表示 - 非営利 - 継承 4.0 国際 ライセンスの下に提供されています。 # for 404 layout not-found: title: "404" # for post layout post: read_time: unit: "分" text: "で読めます" # c for char w for word word_char: c # char or words per minute per_minute: 500 pager_buttons: - older_post: "← 古い投稿へ" - newer_post: "新しい投稿へ →" + older_post: "👈 古い記事へ" + newer_post: "新しい記事へ 👉" first_post: First last_post: Last comments: noscript: コメントを表示するには、JavaScriptを有効にしてください。 disqus: count_title: コメント click_to_load: "コメントを表示する" consent: title: コメント (Disqus.com) text: > コメント機能はサードパーティによってホストされています。 外部コンテンツを表示することにより、disqus.comの$termsと$privacy_policyに同意したことになります。 <br>ターゲットを絞った広告をオプトアウトする場合は、$settings_linkを開き、「opt-out」ボタンをクリックして閉じます。 ここに戻ってコメントを表示してください。 terms_link_text: 利用規約 privacy_link_text: プライバシーポリシー settings_link_text: このリンク button: load_once: 今回のみ表示 load_and_do_not_ask_again: 常に表示 table_of_contents: heading: 見出し tooltip: move: ドラッグして移動 close: 閉じる share: heading: シェア link_copied: リンクがコピーされました! tooltip: # keys need to match with _data/share.yml twitter: Twitter facebook: Facebook telegram: Telegram linkedin: LinkedIn email: メール copy_link: リンクをコピー # for post-list layout post-list: title: ブログ button_name: ブログ upside_down_tabs: tab: all: 全て categories: カテゴリー tags: タグ years: 年 clear: クリア close: 閉じる tooltip: clear: クリア close: 閉じる msg: property_list: # keys need to match with /query/post-query.json tags: タグ category: カテゴリー year: 年 # you can use these wildcards, {property} {value} {thumb} resultFoundTitleFormat: "{property} : {thumb}" # for home layout home: title: ようこそ button_name: ホーム new_posts_title: 新着記事 new_posts_show_more_button: もっと見る ... # for archives layout archives: title: アーカイブ button_name: アーカイブ page_header: アーカイブ # for about layout about: - title: 私について - button_name: 私について + title: TakaakiU + button_name: TakaakiU email_title: メール # for links layout links: title: リンク button_name: リンク link_text: Webサイト info_text: 説明 # for projects layout projects: title: プロジェクト button_name: プロジェクト read_more_text: 続きを読む read_less_text: 閉じる # for privacy-policy layout privacy-policy: title: &privacy_policy_title プライバシーポリシー # constants to be replaced for constants: greetings: こんにちは welcome: ようこそ - sample: サンプル + # sample: サンプル # for contact form contact_form: button_name: お問い合わせフォーム formLoadingText: お問い合わせフォームの読み込み中… # for cookie consent cookie_consent: privacy_policy_link_text: *privacy_policy_title side_nav_setting_button_tooltip: &cookie_settings クッキー設定 panel_bar: msg: > 当Webサイトは、機能を最適化するためにクッキーを使用しています。 承認後に有効になります。 privacy_msg: $privacy_linkを確認する。 buttons: accept: &accept_button 全て許可 settings: 設定 deny: &deny_button 拒否 close: 閉じる panel_settings: title: *cookie_settings msg: > 当Webサイトは、機能を最適化するためにクッキーを使用しています。 承認後に有効になります。クッキーポリシーについては、以下の各項目をクリックしてください。 privacy_msg: $privacy_linkを確認する。 buttons: accept: *accept_button save: 選択を許可 deny: *deny_button always_active: 常時有効 consent_types: necessary: title: 不可欠なクッキー info: > このCookieは、Webサイトの機能に不可欠であり、無効にすることはできません。 通常、配色などのサイト機能を変更したときに設定されます。 このCookieには、個人を特定できる情報は保存されません。 $gtag_info analytics: title: パフォーマンスクッキー info: $gtag_info preferences: title: 機能性クッキー info: $gtag_info advertising: title: ターゲティング広告クッキー info: $gtag_info gtag_info: # from https://support.google.com/tagmanager/answer/10718549#consent-types ad_storage: > 広告に関連する保存(Cookie など)を有効にします。 analytics_storage: > 訪問時の滞在時間などの分析に関連する保存(Cookie など)を有効にします。 functionality_storage: > Webサイトまたはアプリの機能(言語設定など)をサポートする保存を有効にします。 personalization_storage: > おすすめの動画など、パーソナライズに関連する保存を有効にします。 security_storage: > 認証機能、不正行為防止、その他のユーザー保護など、 セキュリティに関連する保存を有効にします。
_data/owner/en.yml
########################################################### # Owner's Personal Information ########################################################### # This is your brand name - brand: "Your Brand" + brand: "takaakiu.github.io" # text below the brand name brand_sub_text: "$site_sample" # used for seo meta post author (if it's not defined in post) - name: "Your Name" + name: "TakaakiU" # home page top header texts home: # you can also use $site_brand, $site_greetings, $site_welcome in line1 and line2 for replacing texts. top_header_line1: "$site_welcome" # if commented, top header will be a single line top_header_line2: "$site_brand" # about page sub title about: sub_title: "$site_sample" # if you don't want to add copyright year, comment or leave it blank. # the year during which the claimed copyright for the work was first asserted. - copyright_start_year: "2022" + copyright_start_year: "2025" # make sure creative_commons.enable is true in _data/conf/main.yml file creative_commons: # choose your license from https://creativecommons.org/choose/?lang=en # then check link address below Selected License and make sure it matches with the list below # select one below # 1. by Attribution 4.0 International # 2. by-nd Attribution-NoDerivatives 4.0 International # 3. by-sa Attribution-ShareAlike 4.0 International # 4. by-nc Attribution-NonCommercial 4.0 International # 5. by-nc-nd Attribution-NonCommercial-NoDerivatives 4.0 International # 6. by-nc-sa Attribution-NonCommercial-ShareAlike 4.0 International - license_type: "by-sa" + license_type: "by" # seo meta this is needed for each language # If meta_description is not defined in front matter, it's created from (post / page) content, # if it has no content, this will be used for page description. It is also used in manifest.json - meta_common_description: "Your meta description." + meta_common_description: "This site was set up to document my personal development experiences and deliverables." # contact options (side nav bottom and about page) # the order of the items will be shown as here. # comment to remove any contact item contacts: - #- github: "" + - github: "takaakiu" #- email: "" #- linkedin: "" - #- twitter: "" + - twitter: "takaakiu_81z" #- mastodon: "" #- instagram: "" #- youtube: "" #- facebook: "" # to add more, check the _data/const/contact.yml file # - your_new_contact: "" # make sure one of comment engine is enabled in _data/conf/posts.yml file comments: # Create a Disqus account and fill out the items below. disqus: shortname: "" # To use Giscus, go to https://giscus.app and look for the "Configuration". # - Enter your repository name, and it will create the following settings for you under "Enable giscus". # - Get the corresponding items and fill in the items below. # For other settings, please check the _data/conf/posts.yml file. giscus: repo: "" repo-id: "" category: "" category-id: "" # if no id is provided, this feature will be disabled. # make sure your environment does not match with google.analytics.ignore in _data/conf/main.yml google_analytics_id: "" # there are different ways to verify web page. One is adding this as meta into html. # make sure you set meta.google_site_verify: true in _data/conf/main.yml # make sure your environment does not match with google.site_verification.ignore in _data/conf/main.yml google_site_verification: "" # make sure you set contact_form.enable: true in _data/conf/main.yml # - Create a form in Google Forms. You can use the template named "Contact Information". # - Customize the form colors and response validation according to your needs. # - To disable forced Google sign-in, go to "Settings > Response" and switch off the "Limit to 1 response". # - Click the "Send" button at the top right. # - Click the link icon from "Send via" list and copy the link. # - Then paste the link between double quotes. google_forms_contact_form_url: ""
_data/owner/ja.yml
########################################################### # Owner's Personal Information ########################################################### # This is your brand name - brand: "サイト名" + brand: "takaakiu.github.io" # text below the brand name brand_sub_text: "$site_sample" # used for seo meta post author (if it's not defined in post) - name: "作者名" + name: "TakaakiU" # home page top header texts home: # you can also use $site_brand, $site_greetings, $site_welcome in line1 and line2 for replacing texts. top_header_line1: "$site_welcome" # if commented, top header will be a single line top_header_line2: "$site_brand" # about page sub title about: sub_title: "$site_sample" # if you don't want to add copyright year, comment or leave it blank. # the year during which the claimed copyright for the work was first asserted. - copyright_start_year: "2022" + copyright_start_year: "2025" # make sure creative_commons.enable is true in _data/conf/main.yml file creative_commons: # choose your license from https://creativecommons.org/choose/?lang=en # then check link address below Selected License and make sure it matches with the list below # select one below # 1. by Attribution 4.0 International # 2. by-nd Attribution-NoDerivatives 4.0 International # 3. by-sa Attribution-ShareAlike 4.0 International # 4. by-nc Attribution-NonCommercial 4.0 International # 5. by-nc-nd Attribution-NonCommercial-NoDerivatives 4.0 International # 6. by-nc-sa Attribution-NonCommercial-ShareAlike 4.0 International - license_type: "by-sa" + license_type: "by" # seo meta this is needed for each language # If meta_description is not defined in front matter, it's created from (post / page) content, # if it has no content, this will be used for page description. It is also used in manifest.json - meta_common_description: "メタディスクリプション" + meta_common_description: "このサイトは、私の個人的な開発経験と成果物を記録するために開設。" # contact options (side nav bottom and about page) # the order of the items will be shown as here. # comment to remove any contact item contacts: - #- github: "" + - github: "takaakiu" #- email: "" #- linkedin: "" - #- twitter: "" + - twitter: "takaakiu_81z" #- mastodon: "" #- instagram: "" #- youtube: "" #- facebook: "" # to add more, check the _data/const/contact.yml file # - your_new_contact: "" # make sure one of comment engine is enabled in _data/conf/posts.yml file comments: # Create a Disqus account and fill out the items below. disqus: shortname: "" # To use Giscus, go to https://giscus.app and look for the "Configuration". # - Enter your repository name, and it will create the following settings for you under "Enable giscus". # - Get the corresponding items and fill in the items below. # For other settings, please check the _data/conf/posts.yml file. giscus: repo: "" repo-id: "" category: "" category-id: "" # if no id is provided, this feature will be disabled. # make sure your environment does not match with google.analytics.ignore in _data/conf/main.yml google_analytics_id: "" # there are different ways to verify web page. One is adding this as meta into html. # make sure you set meta.google_site_verify: true in _data/conf/main.yml # make sure your environment does not match with google.site_verification.ignore in _data/conf/main.yml google_site_verification: "" # make sure you set contact_form.enable: true in _data/conf/main.yml # - Create a form in Google Forms. You can use the template named "Contact Information". # - Customize the form colors and response validation according to your needs. # - To disable forced Google sign-in, go to "Settings > Response" and switch off the "Limit to 1 response". # - Click the "Send" button at the top right. # - Click the link icon from "Send via" list and copy the link. # - Then paste the link between double quotes. google_forms_contact_form_url: ""
_config.yml
########################################################### # Global Configuration (https://jekyllrb.com/docs/configuration/options/) ########################################################### # if you want to force HTTPS, specify the domain without the http at the start # set domain: "your_github_user_name.github.io" domain: "" # your web site url # for GitHub Pages, url: "https://your_github_user_name.github.io" - url: "" + url: "https://takaakiu.github.io" # path to this site # if your page is located at https://your_github_user_name.github.io/blog, then set baseurl: "/blog" baseurl: "" # please use TZ database name column on the list table # https://en.wikipedia.org/wiki/List_of_tz_database_time_zones #timezone: "" ########################################################### # Front Matter Defaults (https://jekyllrb.com/docs/configuration/front-matter-defaults/) ########################################################### defaults: # for posts - scope: # to separate language posts folders path: "_posts" values: layout: "post" permalink: /posts/:path # for multilingual posts - scope: # to separate language posts folders path: "*/_posts" values: hidden: true layout: "post" permalink: /:path # example: enable setting for all pages. You may still need to enable some setting from _data/conf/posts.yml or _data/conf/main.yml # - scope: # # an empty string here means all files in the project # path: "" # values: # image_viewer_on: true # image_lazy_loader_on: true ########################################################### # Markdown Options (https://jekyllrb.com/docs/configuration/markdown/) # Configuring Jekyll in your GitHub Pages site (https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/about-github-pages-and-jekyll) ########################################################### # This is default for GitHub Pages sites and cannot be changed. highlighter: rouge markdown: kramdown kramdown: # This is default for GitHub Pages sites and cannot be changed. syntax_highlighter: rouge ########################################################### # Plugins (Plugins supported by GitHub Pages https://pages.github.com/versions/) ########################################################### plugins: - jekyll-paginate - jekyll-redirect-from # since GitHub Pages runs jekyll with "--safe" flag, we need to add supported plugins in here. (only github supported plugins are allowed) whitelist: - jekyll-paginate - jekyll-redirect-from ########################################################### # jekyll-paginate (https://jekyllrb.com/docs/pagination/) ########################################################### paginate_path: "/tabs/blog/:num" # number of post per page # make sure this matches with post_query_paginator_post_per_page in _data/conf/posts.yml paginate: 5 ########################################################### # jekyll-redirect-from (https://github.com/jekyll/jekyll-redirect-from) ########################################################### redirect_from: # Disabling generation of redirects.json json: false ########################################################### # html compression (https://jch.penibelst.de) ########################################################### compress_html: clippings: all comments: all #endings: all profile: false blanklines: false ignore: # disable this feature for development env. envs: [development] ########################################################### # js compression (for removing comments(/**/only), line breaks and spaces) # for debugging js files, simply set linebreak_and_space: false (in production env, this will be enabled automatically) # for more info about environments (https://jekyllrb.com/docs/configuration/environments/) ########################################################### compress_js: # enable or disable line breaks and space removal feature for development env. linebreak_and_space: false # disable this feature entirely for development or production env. #ignore: development ########################################################### # Sass (https://jekyllrb.com/docs/assets/) ########################################################### sass: sass_dir: assets/_scss # enable css compression style: compressed ########################################################### # Exclude these files or folders from production site ########################################################### exclude: ["Gemfile*", "vendor", ".github", ".vscode", "README*", "CODE_OF_CONDUCT.md", "LICENSE", "docs"]
まとめ
- このサイトは下記の技術で立ち上げ
- GitHub Pages GitHubリポジトリを基に静的ウェブサイトを無料で公開できるサービス。設定不要で自動デプロイが可能なため、個人サイトやブログに最適。
- Jekyll MarkdownやHTMLファイルを静的ウェブサイトに変換するツール。GitHub Pagesが公式にサポートしていることもあり連携が非常に良い。 リポジトリにプッシュするだけでサイトが簡単に公開可能。シンプルかつ高速なウェブ構築に最適。
- Jekyll テーマ「Mr. Green」 開発者のお名前を見つけることができませんでしたが、@MrGreensWorkshop さんが開発したJekyllのテーマ。 2022年にリリースされており、多言語の対応が可能。公式のリポジトリにない言語もユーザーで追加することが可能。 まだ試していないが設定ファイルをみるとGoogle AnalyticsやGoogle Search Consoleとも連携が可能だと思われる。
参考文献
GitHub Pagesを使って約10分で個人のWebサイトやブログを公開しよう!|Mr.Green公式YouTube
Jekyllテーマ「Mr.Green」を使用して GitHub Pages サイトを作成|Mr.Green公式