[English] [日本語] [Português do Brasil] [français] [简体中文] [한국어] [Türkçe]
Mr. Green は、Jekyll で生成された、GitHub Pages と完全に互換性のある多言語テーマです。
私は自分のWebサイトを作るつもりでしたが、それをテンプレートとして作成すれば、オープンソースコミュニティと共有できると思い、テーマとして作ることにしました。 このプロジェクトの作成に多くの時間と労力を費やしました。そのため、支援することを考えて頂けたら嬉しいです。
- 多言語Webサイト
- 英語 (デフォルト)、日本語、ブラジルポルトガル語、フランス語、中国語、韓国語、トルコ語
- おすすめの言語提供機能
- アイコン有効無効オプション付き自動ナビゲーションボタン追加機能
Home
,About
,Archives
,Post-list
,Links
,Projects
等々のレイアウト- カラースキーム切替オプション (ダーク・ライト)
- 自動コンタクトオプション追加機能
- 自動画像参照(画像のフルパスを入れる必要なく、先頭に
:
を入れるだけで良い) - 画像遅延読み込み、画像ビューア
- クリエイティブ・コモンズ 表示 4.0 国際 ライセンス付きイケてるフッター
- 投稿用可動式目次モーダルボックス
- 投稿共有オプション
- カテゴリー別、タグ別投稿一覧
- コメント投稿機能
- 番号付ページネーションまたはスクロールして読み込むタイプかを選択可能
- サイトマップ機能
- SEO(検索エンジン最適化)
- アナリティクス (Google アナリティクス)
- クッキー使用同意機能
- お問い合わせフォーム機能 (Google フォーム)
- サイト内検索機能
- コード圧縮によるフットプリントの縮小 (
HTML
JS
SCSS
) - モバイルアプリサポート
- モバイル端末対応 (Android と IOS でテスト済み)
- 開発者向けに整理されたフォルダ構造 (Chrome, Safari, FireFox でテスト済み)
-
_config.yml を編集し、
url
を以下のように変え、変更をプッシュする。url: "https://GitHubユーザー名.github.io"
-
リポ名を
GitHubユーザー名.github.io
に変える。 -
デプロイのステイタスは、リポ上の
Actions
タブで確認する。 -
緑色に変わると、サイトは
https://GitHubユーザー名.github.io
で利用可能になる。
- Jekyll をインストールする。
- リポをクローン、または ダウンロードし、コマンドプロンプトでフォルダに移動し、
bundle install
コマンドを実行する。 bundle exec jekyll serve --watch --host 0.0.0.0 --safe
コマンドでビルドする。--host 0.0.0.0
を指定すると、同じ LAN から Web サーバーにアクセスすることができる。--safe
を指定すると、第三者のプラグインが追加されていないことが確認できる。(Github ページ開発用)
- ページは
0.0.0.0:4000/
アドレスで稼働する。
YouTubeのMr. Green テーマチュートリアルのプレイリストを確認してみてください。
自分のWebサイトを構築する機会を与えてくれたこれらのプロジェクトに感謝します。
-
Jekyll は、静的サイトジェネレータ。好きなマークアップ言語で書かれたテキストを取り、静的なWebサイトを作成するためのレイアウトを使用している。自身でサイトのルック&フィール、URL、ページに表示されるデータなどを微調整することができる。ボランティアによって維持されている素晴らしいプロジェクト。
-
GitHub Pages は、GitHub のリポジトリから直接ホスティングされる。変更をプッシュするだけで、サイトが自動生成。
このプロジェクト作成中に見つけた役立つサイトを紹介します。リンクページへ
何もないところからプロジェクトを立ち上げるのは、とても時間がかかるものです。私がこの様なプロジェクトに取り組み続け、皆さんに新しいコンテンツを提供できるよう、支援をご検討いただければ幸いです。
- Patreonで支援する(月々)
- Ko-fiで支援する (一回)
- GitHubでスポンサーになる (一回/月々)
プルリクは大歓迎です。イシューとプルリクのテンプレートの手順を確認してください。
貢献していただきありがとうございます!
- ブラジルポルトガル語の翻訳 Vitor DallAcqua。
- フランス語の翻訳修正 Jean-Philippe Morissette。
- 中国語の翻訳 fairycn。
- トルコ語の翻訳 Onur Ergünay。
MIT ライセンスでも示されている通り、ライセンス及び著作権表示をした上で、このテーマをどこでも使用することができます。
Copyright (c) 2022 Mr. Green's Workshop https://www.MrGreensWorkshop.com
ご利用の際に私のページへのリンクを貼ったり、フッターの "Pwrd by Mr. Green "のリンクを残したりして頂くと、私の作品に対してクレジットが得られます。
ありがとうございます。
Mr. Green Jekyll テーマには、以下のライブラリが組み込まれています。これらのライブラリがなければ、このテーマを完成させることができませんでした。
ライブラリー | ファイル |
---|---|
jQuery v3.6.0, 著作権は OpenJS Foundation およびその他の貢献者に帰属します。jQuery は MIT ライセンスの条件に基づいて配布されます。 | jquery-3.6.0.min.js |
Bootstrap v3.3.7, 著作権 (c) 2011-2016 Twitter, Inc. Bootstrap は、MIT ライセンスの条件に基づいて配布されます。 | bootstrap.min.js, bootstrap.min.css |
Bootstrap Table of Contents v0.4.1, 著作権 (c) 2015 Aidan Feldman. Bootstrap Table of Contents は、MIT ライセンスの条件に基づいて配布されます。 | bootstrap-toc.min.js, bootstrap-toc.min.css |
Font Awesome v4.7.0, 著作権 (c) 2017 Dave Gandy. Font Awesome フォントは、SIL OFL 1.1 の条件に基づいて配布されます。Font Awesome CSS、LESS、および Sass ファイルは、MIT ライセンスの条件に基づいて配布されます。 | font-awesome.min.css, FontAwesome |
Lozad.js v1.16.0, 著作権 (c) 2017 Apoorv Saxena. Lozad.js は、MIT ライセンスの条件に基づいて配布されます。 | lozad.min.js |
Magnific Popup v1.1.0, 著作権 (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com. Magnific Popup は、MIT ライセンスの条件に基づいて配布されます。 | jquery.magnific-popup.min.js, magnific-popup.css |
Simple-Jekyll-Search v1.9.2, 著作権 (c) 2015 Christian Fei. Simple-Jekyll-Search は、MIT ライセンスの条件に基づいて配布されます。 | simple-jekyll-search-1.9.2.min.js |
Compress HTML in Jekyll v3.1.0, 著作権 (c) 2014 Anatol Broder. Compress HTML in Jekyll は、MIT ライセンスの条件に基づいて配布されています。 | compress.liquid |