moonwalkダウンロード - moonwalkソースコードのダウンロード

moonwalk

その他のカテゴリー

1.0.0

ダウンロード

ムーンウォーク - クリーンダークモードの高速でミニマルなブログテーマ

デモを試してみてください

特徴

テーマスイッチャー付きのライト＆ダークモード
垂直リスト、水平リスト、カードリスト
Navbar、フッター、ポートフォリオ付きのランディングページ
高速（非常に最小限のCSS）-100/100パフォーマンス、アクセシビリティ、ベストプラクティス、SEO、詳細についてはLighthouseレポートをご覧ください
レスポンシブでモバイルフレンドリー
SEO最適化（Jekyll Soopr SEOタグを使用）
RSSフィード（Jekyllフィードを使用）
簡単に拡張できます
githubページと完全に互換性があります（githubページのインストールを参照）
ソーシャルメディアの自動生成された共有画像（SOOPRを使用）
共有＆いいボタン（SOOPRを使用）

灯台

クイックインストール

このリポジトリをフォークします。
cd moonwalk
bin/bootstrap
[オプション] SOOPRにサインアップし、 _config.ymlファイルにpublish_tokenを追加します。

Windowsにムーンウォークをインストールしている場合は、Ruby 3.1.xの代わりにRuby 3.0.xを使用する必要がある場合があることに注意してください。

サーバーの起動

bin/start - development server will start at http://127.0.0.1:4000

展開

MoonWalkは、すべてのクラウドプロバイダー（AWSなど）およびNetlify＆Vercelなどの静的Webサイトホスティングサービスに簡単に展開できます。このボタンを使用して、ワンクリックデプロイを実行することもできます

ムーンウォークを宝石として使用するか、githubページを使用する場合は、このページをご覧ください

カスタマイズ

_config.ymlファイルを編集して、ブログをカスタマイズできます。ブログの名前、著者、テーマの外観（明るい、暗い、または自動）、日付のフォーマットなどを変更することができます。カスタマイズ可能なフィールドは、理解するために簡単です。それでも、 _config.ymlは、各フィールドが何をするかを理解するのに役立ついくつかのコメントが含まれています。

さらなるカスタマイズ（レイアウト、CSSなど）については、GEMベースのテーマのカスタマイズに関する公式のJekyllのドキュメントを参照してください。

メニューをカスタマイズします

ホームページにエントリを追加/編集/削除するために、 _dataフォルダー内のhome.ymlファイルをコピーできます。そのファイルを介してメニューの構造を定義し、Navbar、フッター、ポートフォリオのデータを追加するか、そのすべてを削除して簡単なブログレイアウトを使用できます。デフォルトの構成を見て、それがどのように機能するかについてのアイデアを取得し、より包括的な説明のために読んでください。

home.ymlファイルは、次のフィールドを受け入れます。

垂直リスト

entriesメニューエントリを含む新しい順序付けられていないリストを定義します
各エントリは-ラインの先頭にマークされます
各エントリには次の属性があります。
- そのメニューエントリ用にレンダリングするテキストを定義するtitle
- url 、これはURLまたはfalseである可能性があります。 falseの場合、エントリはプレーンテキストとしてレンダリングされます。それ以外の場合、エントリは指定されたURLを指すリンクとしてレンダリングされます。 URLは相対的または絶対的なものである可能性があることに注意してください。
- post_list 、これはtrueまたはfalseである可能性があります。それが本当なら、エントリにはサイト内のすべての投稿がSubentriesとしてあります。これは、投稿リストをレンダリングするために使用されます。
- entries , yes, you can have entries inside entries.このようにして、ネストされたサブリストを作成できます！

カードリスト - カードは、ポートフォリオプロジェクトを紹介するために使用されます。 _data/home.ymlファイルのproject_entriesをご覧ください

各エントリは-ラインの先頭にマークされます
各エントリには次の属性があります。
- titleカードのヘッダーを定義します
- descカードの本文です
- url 、このカードが指すことができる相対的または絶対的なリンクです。
- 何かを強調表示したい場合にhighlight 、テキストを短くしてください

Horizontal List -MoonWalkは水平リストを使用してNavbarとフッターを作成します。 Please see navbar_entries and footer_entries in data/home.yml file

各エントリは-ラインの先頭にマークされます
各エントリには次の属性があります。
- titleカードのヘッダーを定義します
- url 、このカードが指すことができる相対的または絶対的なリンクです。

プロのヒント

ムーンウォークには3つの組み込みレイアウトがあります。

投稿 - コンテンツ用
ブログ - ブログ投稿をリストするため
ホーム - ランディングページでは、 index.mdファイルを変更して、ホームレイアウトまたはブログレイアウトのいずれかを使用できます。

配色を調整するのは非常に簡単です。

ライトモードの場合、これらのCSS変数をカスタマイズします

 html {
    --bg : # fff ;
    --bg-secondary : # f3f4f6 ;
    --headings : # 1e293b ;
    --text : # 374151 ;
    --text-secondary : # 6b7280 ;
    --links : # 6366f1 ;
    --highlight : # ffecb2 ; // light yellow
    --code-text : # 9d174d ;
}

ダークモードの場合、これらのCSS変数をカスタマイズします

 @mixin dark-appearance {
  html , body  {
      --headings : # 74c0fc ;
      --links : # 91a7ff ;
      --highlight : # 41c7c7 ;
      --bg : # 1f242a ;
      --bg-secondary : # 323945 ;
      --text : # adb5bd ;
      --text-secondary : # 9ca3af ;
      --code-text : # 91a7ff ;
  };
}

SOOPRで無料でサインアップし、 _config.ymlファイルにpublish_token追加する - これにより、各ページはボタンや自動生成された共有イメージなどの短いURLを取得します。

貢献

バグレポートとプルリクエストは、https://github.com/abhinavs/moonwalkのGithubで大歓迎です。

発達

このテーマを開発するために環境を設定するには、 bundle install実行します。

あなたのテーマは、通常のジキルサイトのようにセットアップされています！テーマをテストするには、 bundle exec jekyll serveを実行し、 http://localhost:4000でブラウザを開きます。これにより、テーマを使用してJekyllサーバーが開始されます。テーマの内容をテストするために、通常のようにページ、ドキュメント、データなどを追加します。テーマとコンテンツを変更すると、サイトが再生され、リフレッシュ後にブラウザの変更が表示されます。

テーマがリリースされると、 _layouts 、 _includes 、 _sass 、およびgitで追跡されたassetsのファイルのみがバンドルされます。テーマGEMにカスタムディレクトリを追加するには、それに応じてmoonwalk.gemspecのRegexpを編集してください。