記事ディレクトリ
这篇 ジキル インストールチュートリアルをダウンロードして、お金をかけずに独自のブログを持つ方法を学びましょう。
静的ブログ サイトをゼロから構築します。初心者でも簡単にできます。複雑さは不要ウェブサイトを構築するウェブサイト構築の心配とはお別れし、わずか数分で自分のブログを立ち上げて、あなたの才能と創造性を存分に発揮しましょう。 🚀🎉
Jekyll とは何ですか?
静的ウェブサイトジェネレーターである Jekyll は、ブログサイトの構築に非常に適しています。
マークアップ言語で書かれたテキストを使用し、レイアウトを使用して静的な Web サイトを構築できます。
ウェブサイトの外観、URL、ページに表示されるデータなどを変更できます。
Jekyll の欠点は明らかです。データベースを使用していないため、構築には適していませんEコマースウェブサイトの種類。
Jekyll の利点は何ですか?
- Jekyll は使いやすく、習得も簡単です。
- Jekyll は高速かつ安全な静的 Web サイトを生成できます。
- Jekyll には多数のテーマとプラグインが用意されています。
Jekyll を使い始めるにはどうすればいいですか?
- Jekyll をインストールします。
- 新しい Jekyll サイトを作成します。
- Jekyllテーマを選択する。
- コンテンツを追加します:Jekyll 新規記事チュートリアル
- サイトをプレビューします。
- ウェブサイトを構築します。
- ウェブサイトを展開します。Jekyll 静的ブログを Surge.sh に無料でデプロイ
RubyInstallerをダウンロードしてJekyllをインストールする
Ruby と Jekyll をインストールする最も簡単な方法は、Windows 用の RubyInstaller を使用することです。
RubyInstaller は、Ruby 言語、実行環境、重要なドキュメントなどが含まれるスタンドアロンの Windows ベースのインストーラーです。
ここでは RubyInstaller-2.4 以降のみを取り上げます。古いバージョンでは、Devkit を手動でインストールする必要があります。
ステップ1：RubyInstallerをダウンロード
- RubyInstallerダウンロードからダウンロードしてインストールします。Ruby+開発キットバージョン。
- デフォルトのオプションを使用してインストールします。
ステップ2：cmdを入力
を押すWINキー + Rキーを入力し、 cmdを押してEnterキーを押します ▼
ステップ3：コマンドを入力してください ridk installインストールの最終段階の手順。
- ネイティブ拡張機能を持つ gem をインストールするにはこれが必要です。
- オプションから選択してください
MSYS2 and MINGW development tool chain。 実行コマンド
ruby -vとgem -vバージョン番号をチェックして、インストールが成功したかどうかを確認します。
Windowsのスタートメニューを開いてStart Command Prompt with Ruby、Ruby コマンドラインを有効にすることができます。
ステップ4：宝石のソースを中国のソースに切り替える
ネットワーク接続と速度の問題により、gemの更新を検討する前に、gemのソースを中国のソースに切り替えることを強くお勧めします▼
gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/
または
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
ステップ5：電流源を確認してみましょう▼
gem sources -l
- 必ず
gems.ruby-china.com
ステップ6：Ruby gemを更新する▼
gem update
ステップ7：部品を取り付けます▼
gem install jekyll bundlerステップ8：Jekyllが完全にインストールされているか確認する▼
jekyll -v
ローカルコンピュータにJellyの静的ブログサイトを構築する
ステップ1：ドライブ文字の変更▼
cmdに直接入力d:
ステップ2：現在のフォルダを変更する▼
cd /d d:\Jekyll\
ステップ3：次のコマンドで新しいJekyllサイトを作成します▼
jekyll new site1
ステップ4：プロジェクトディレクトリに入る▼
cd site1
ステップ5：Jekyllサーバーを起動する▼
bundle exec jekyll serve
移行--livereloadオプションserveソースファイルに変更が加えられるたびにページを自動的に更新する▼
bundle exec jekyll serve --livereload
- ウェブサイトを開発する際には、
jekyll serve或jekyll build - 変更ごとにブラウザを強制的に更新するには、
jekyll serve --livereload。 jekyll serve組み込みサイトのバージョン_site展開には適していません。- 作成したサイトのリンクとアセットURLを使用する
jekyll serve使用しますhttps://localhost:4000サイトの構成ファイルではなく、コマンドライン構成で設定された値。
ステップ6：访问 http://localhost:4000 プロジェクトを表示します。
注意事項
- ファイルを xxx.github.io/blog に置くと、Github ページが更新されなくなる可能性があります。
- この現象が発生する理由は、GitHub が Jekyll 内の xxx.github.io/_includes のみを読み取り、blog/_includes の深いところまで読み込まないためです。
- 幸いなことに、この問題は難しくありません。 GitHub に Github ページを設定するだけで、問題はすぐに解決されます。
コマンドを使用してローカルコンピュータにインストールされた Jekyll Web サイトを削除するにはどうすればよいでしょうか?
ローカルにインストールされた Jekyll Web サイトを削除するには、次のコマンドを使用できます。
生成されたファイルを削除します。
ステップ1：生成されたファイルをクリーンアップするには、次のコマンドを実行します▼
jekyll clean
ステップ2：すべてのウェブサイトディレクトリを削除する
- すべてのウェブサイトディレクトリを完全に削除したい場合は、手動で削除することができます。
C:/Users/a/myblogフォルダ。
🔗続きを読む▼
Jekyllリソース
Jekyll は、静的 Web サイトを構築するためのシンプルなブログ スタイルのフレームワークです。
それは使用しています 値下げ Liquid テンプレート言語を使用すると、美しく動的な Web サイトを簡単に作成できます。
詳細については、Jekyll のドキュメントを参照してください。
Jekyll に関する役立つリソースをいくつか紹介します。これらのリソースが Jekyll を使用した Web サイトの構築に役立つことを願っています。
Hope Chen Weiliang ブログ ( https://www.chenweiliang.com/ ) さんが共有した「Jekyll のダウンロードとインストールのチュートリアル: ローカル コンピューターで静的ブログ Web サイトをゼロから構築する」は、役に立つかもしれません。
この記事のリンクを共有することを歓迎します。https://www.chenweiliang.com/cwl-31549.html