ホームページ > テクノロジー周辺機器 > IT業界 > Pooleで5分でJekyllブログを設定する

Pooleで5分でJekyllブログを設定する

Joseph Gordon-Levitt
リリース: 2025-02-20 11:06:11
オリジナル
375 人が閲覧しました

Set Up a Jekyll Blog in 5 Minutes with Poole

Pooleで5分でJekyllブログを設定する

キーテイクアウト

    Rubyで書かれた静的サイトジェネレーターであるJekyllは、複雑なデータベースを必要とせずにシンプルで管理可能なWebサイトまたはブログを作成するために使用できます。 githubページで無料でホストできます。
  • Jekyllサイトの「基礎セットアップ」と呼ばれるPooleは、Jekyllサイトのセットアッププロセスを合理化するために使用できます。すぐに開始するためのテンプレート、ページ、投稿、スタイルの例が付属しています。 Jekyllブログに新しい投稿を追加するには、_Postsフォルダーにマークダウンファイルを配置し、上部に適切なYAMLフロントマターが含まれるようにすることが含まれます。その後、ブログはgithubページを介して公開できます。これには、gitの基本的な理解が必要です。
  • 最近では、単純なポートフォリオサイトやブログなど、簡単な、より簡単なサイトに向かって、複雑なデータベース駆動型のWebサイトから離れたものがありました。
  • これは、人々が昨年の.htmlサイトに戻っていると言うことではありません。あなたはまだテンプレートとサイト全体のコードを効率的に管理できるようにしたいと思っています。そこから静的サイトジェネレーターが登場します。
  • 静的サイトジェネレーターは、さまざまな静的ファイルを使用してWebサイトに変えるように設計されています。それらを選択できるものはたくさんありますが、SitePointでそれらに関する最近の記事があり、彼らが入ってくるさまざまな言語、ノードベースのオプション、WordPressに対する潜在的な利点、さらにはGruntであなた自身のロールをする方法をカバーしています。
この記事では、最も人気があり広く使用されているJekyllを見ていきます。最小限のコーディングでブログを作成する方法を説明し、GitHubページで無料でホストします。また、Jekyllサイトを構築するために、一種のフレームワーク、または「基礎セットアップ」のようなプールを利用します。 一言で言えば、ジキルはルビーで書かれています。 Rubyの宝石としてコンピューターにインストールされています。それはCMSではなく、ブログソフトウェアではなく、テンプレート、コンテンツなどが付属していません。それよりもはるかに簡単です。ファイルを処理する便利な方法を提供するシンプルなプログラムと考えてください。 Jekyllがインストールされたら、コマンドラインから動作させることができます。 Process Markdownのようなことを行うことができ、静的サイトを生成するため、Progressをローカルで簡単に表示し、GitHubページのような静的Webサーバーでサイトをホストできます。 Jekyllのインストール

最初に、システムにJekyllをインストールする必要があります。 Macの場合は、ターミナルで次のコマンドを実行してJekyllをインストールします。

これにより、JekyllのGEM依存関係がすべて自動的にインストールされます。インストール中に立ち往生している場合は、Jekyllの公式Webサイトのトラブルシューティングページをご覧ください。またはGithubで問題を提出してください。

JekyllはWindowsで正式にサポートされていませんが、いくつかの微調整で実行できます。 Jekyll WebサイトのWindowsページのJekyllページまたはJulian Thiloのこのガイドを参照してください。 プールと最初のサーバーの取得

生のジキルのテーマから始める代わりに、プールを使用しましょう。それはマーク・オットーによって作成されました、そして、これは彼がそれを説明する方法です:

Pooleは、静的サイトジェネレーターであるJekyllの執事です。 Jekyllサイトに明確で簡潔な基礎セットアップを提供するために、@MDOによって設計および開発されています。これは、サンプルテンプレート、ページ、投稿、スタイルを備えたフルバニラジキルインストールを提供することでそうです。

ここでは、基本バージョンを見ることができます。最小限のブログにはとても良いことですが、その上に構築された2つのテーマが好きです:HydeとLanyon。デモブログを作成するためにHydeを使用しましょう
Hydeのセットアップを取得するには、GitHubページに移動してリポジトリをダウンロードします。選択したフォルダーに入れて、端末に向かいます。デスクトップに保管していると仮定しましょう。次のコマンドを実行してそのディレクトリに移動してサーバーを開始します。

Jekyll Serveコマンドは、ブラウザの生成されたサイトをローカルにプレビューできる開発サーバーを起動します。

私が何を意味するのかを理解するには、ブラウザに新しいタブを開き、http:// localhost:4000を入力します。すべてを適切にフォローしている場合は、新しく生まれたブログが見つかります。

新しい投稿の追加
$ gem install jekyll
ログイン後にコピー
ダウンロードしたばかりのハイドマスターリポジトリには、_layouts、_posts、_includesなどの多くのフォルダーが含まれています。ただし、ブログの投稿を管理したい場合は、気にする必要があるフォルダーが1つだけあります:_Posts。すべての投稿がMarkdown形式で含まれています。

新しいブログ投稿を追加するには、_Postsフォルダーにマークダウンファイルを配置するだけです。マークダウンファイルには、上部に次の(Yaml Front Matterとして知られています)が含まれていることを確認してください。

これは、Jekyllに投稿を追加していることを伝えます。 (疑問がある場合は、_Postsフォルダーのサンプル投稿を確認してください。)

Jekyllをターミナルで再びサーブすると、http:// localhost:4000を開くと、ブログに新しい投稿があります。

ブログの適切な構築を確保するために、Jekyllはこの命名条約を必要とします:

年は4桁の数字であり、月と1日は両方とも2桁の数字であり、マークアップはファイルで使用される形式(この場合はMD)を表すファイル拡張機能です。たとえば、最初の投稿には2015-03-29-My-First-Post.md。

という名前が付けられます
$ cd Desktop/hyde-master/

$ jekyll serve
ログイン後にコピー
あなたのブログの公開

上記の手順に従って、自分の投稿をいくつか追加したら、新しいブログを世界に表示する準備ができています。ファイルを多くのWebホストに投稿できますが、GitHubはGitHubページを介して静的Jekyllサイトをホストすることが非常に簡単になりました(そして無料です!)。必要なのはgithubアカウントだけです

Githubに押し込む前に、いくつかの変更を加えましょうconfig.ymlファイル:

    タイトル、キャッチフレーズ、説明github、および著者を個人情報に変更します。
  • urlをyour_github_username.github.io。
  • に変更します
  • ブラウザでYour_github_username.github.ioを開いてみてください。新しいブログがあります。

    重要なポイント:新しい投稿をリポジトリに追加できるようにするには、少しのgitを知る必要があります。コマンドラインがあなたのものではない場合、GITSUBのようなツールがたくさんあります。これにより、GITの操作が簡単になります。いずれにせよ、リポジトリに投稿を追加すると、Githubページが残りの世話をします。

    さらに読み取り

    この投稿は、Jekyllを始めることについてでしたが、学ぶために時間を費やすことをいとわない場合にできることがたくさんあります。 JekyllとGitを少しよく理解するのに役立つ以下のリソースを見つけるでしょう:

    Jekyllドキュメント - 非常にきれいでポイントドキュメント

    Jekyllへのイントロ - Johan Ronsee

    による良い説明

    git and githubの基本 - 公式のgithub youtubeチャンネルから

      15分でGitの基本を学ぶ - コードスクールによるインタラクティブなチュートリアル。
    • この記事が役立つことを願っています。上記の手順を使用してブログを作成してどこにでも行き詰めようとしている場合は、以下のコメントで質問してください。私はそこで活動します。
    • ポールで5分でJekyllブログをセットアップすることについてのよくある質問(FAQ)
    • Jekyllとは何ですか?なぜ私のブログにそれを使用する必要があるのか​​?さまざまな形式の生のテキストファイルを含むテンプレートディレクトリを使用し、コンバーターとレンダラーを介して実行し、完全に公開された完全な静的Webサイトを吐き出します。 Jekyllを使用することの主な利点は、そのシンプルさです。データベースや更新は必要ありません。安全で保守しやすくします。さらに、GithubでWebサイトを無料で直接ホストできます。 Jekyllサイトに明確で簡潔な基礎セットアップを提供します。これは、サンプルテンプレート、ページ、投稿、スタイルを備えたフルバニラジキルインストールを提供することでそうです。これは、すぐにJekyllと一緒に立ち上がって走るのに役立ちます。 JekyllとPoole?

      をインストールするには、Jekyllをインストールするには、システムにRubyをインストールする必要があります。 Rubyを使用したら、Jekyll BundlerをインストールするコマンドGEMを実行してJekyllをインストールできます。 Pooleの場合、GithubからPooleリポジトリをダウンロードまたはクローンするだけでいいのですが、行ってもいいです。ジキルは簡単です。コンベンションに続く_Postsディレクトリにファイルを追加する必要がありますyyyy-mm-dd-name-of-post.extとjekyllはそれを自動的に投稿に処理します。そして、私のJekyllブログの感触?

      _layoutsでスタイルシートとレイアウトファイルを編集することで、Jekyllブログのルックアンドフィールをカスタマイズできますおよび_SASSディレクトリ。また、CSSディレクトリに独自のスタイルシートを追加することもできます。

      githubでJekyllブログをホストするにはどうすればよいですか?新しいリポジトリを作成し、Jekyllサイトをプッシュしてから、GithubページにGH-Pagesブランチを使用するようにリポジトリ設定を構成するだけです。 Jekyllブログの更新は、ファイルに変更を加えてGitHubリポジトリにプッシュするのと同じくらい簡単です。 Jekyllは、変更をプッシュするたびにサイトを自動的に再構築します。 _config.ymlファイルでサイトの言語を構成でき、Jekyllは残りを処理します。それらを画像ディレクトリに配置し、適切なマークダウンまたはHTML構文を使用して投稿またはページに参​​照してブログ。 Jekyll?

      はい、Jekyllは機能を拡張できる幅広いプラグインをサポートしています。 Gemfileおよび_Config.ymlファイルにプラグインを追加して、バンドルインストールコマンドを実行してインストールできます。

以上がPooleで5分でJekyllブログを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート