Pooleで5分でJekyllブログを設定する
キーテイクアウト
-
Rubyで書かれた静的サイトジェネレーターであるJekyllは、複雑なデータベースを必要とせずにシンプルで管理可能なWebサイトまたはブログを作成するために使用できます。 githubページで無料でホストできます。
- Jekyllサイトの「基礎セットアップ」と呼ばれるPooleは、Jekyllサイトのセットアッププロセスを合理化するために使用できます。すぐに開始するためのテンプレート、ページ、投稿、スタイルの例が付属しています。 Jekyllブログに新しい投稿を追加するには、_Postsフォルダーにマークダウンファイルを配置し、上部に適切なYAMLフロントマターが含まれるようにすることが含まれます。その後、ブログはgithubページを介して公開できます。これには、gitの基本的な理解が必要です。
- 最近では、単純なポートフォリオサイトやブログなど、簡単な、より簡単なサイトに向かって、複雑なデータベース駆動型のWebサイトから離れたものがありました。
- これは、人々が昨年の.htmlサイトに戻っていると言うことではありません。あなたはまだテンプレートとサイト全体のコードを効率的に管理できるようにしたいと思っています。そこから静的サイトジェネレーターが登場します。 静的サイトジェネレーターは、さまざまな静的ファイルを使用してWebサイトに変えるように設計されています。それらを選択できるものはたくさんありますが、SitePointでそれらに関する最近の記事があり、彼らが入ってくるさまざまな言語、ノードベースのオプション、WordPressに対する潜在的な利点、さらにはGruntであなた自身のロールをする方法をカバーしています。
最初に、システムにJekyllをインストールする必要があります。 Macの場合は、ターミナルで次のコマンドを実行してJekyllをインストールします。
これにより、JekyllのGEM依存関係がすべて自動的にインストールされます。インストール中に立ち往生している場合は、Jekyllの公式Webサイトのトラブルシューティングページをご覧ください。またはGithubで問題を提出してください。
JekyllはWindowsで正式にサポートされていませんが、いくつかの微調整で実行できます。 Jekyll WebサイトのWindowsページのJekyllページまたはJulian Thiloのこのガイドを参照してください。 プールと最初のサーバーの取得
生のジキルのテーマから始める代わりに、プールを使用しましょう。それはマーク・オットーによって作成されました、そして、これは彼がそれを説明する方法です:
Pooleは、静的サイトジェネレーターであるJekyllの執事です。 Jekyllサイトに明確で簡潔な基礎セットアップを提供するために、@MDOによって設計および開発されています。これは、サンプルテンプレート、ページ、投稿、スタイルを備えたフルバニラジキルインストールを提供することでそうです。Hydeのセットアップを取得するには、GitHubページに移動してリポジトリをダウンロードします。選択したフォルダーに入れて、端末に向かいます。デスクトップに保管していると仮定しましょう。次のコマンドを実行してそのディレクトリに移動してサーバーを開始します。ここでは、基本バージョンを見ることができます。最小限のブログにはとても良いことですが、その上に構築された2つのテーマが好きです:HydeとLanyon。デモブログを作成するためにHydeを使用しましょう
Jekyll Serveコマンドは、ブラウザの生成されたサイトをローカルにプレビューできる開発サーバーを起動します。
私が何を意味するのかを理解するには、ブラウザに新しいタブを開き、http:// localhost:4000を入力します。すべてを適切にフォローしている場合は、新しく生まれたブログが見つかります。
新しい投稿の追加$ gem install jekyll
新しいブログ投稿を追加するには、_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。
- に変更します
- この記事が役立つことを願っています。上記の手順を使用してブログを作成してどこにでも行き詰めようとしている場合は、以下のコメントで質問してください。私はそこで活動します。
- ポールで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ファイルにプラグインを追加して、バンドルインストールコマンドを実行してインストールできます。
重要なポイント:新しい投稿をリポジトリに追加できるようにするには、少しのgitを知る必要があります。コマンドラインがあなたのものではない場合、GITSUBのようなツールがたくさんあります。これにより、GITの操作が簡単になります。いずれにせよ、リポジトリに投稿を追加すると、Githubページが残りの世話をします。
さらに読み取り
この投稿は、Jekyllを始めることについてでしたが、学ぶために時間を費やすことをいとわない場合にできることがたくさんあります。 JekyllとGitを少しよく理解するのに役立つ以下のリソースを見つけるでしょう:
Jekyllドキュメント - 非常にきれいでポイントドキュメント
Jekyllへのイントロ - Johan Ronsee
による良い説明git and githubの基本 - 公式のgithub youtubeチャンネルから
- 15分でGitの基本を学ぶ - コードスクールによるインタラクティブなチュートリアル。
以上がPooleで5分でJekyllブログを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











このパイロットプログラム、CNCF(クラウドネイティブコンピューティングファンデーション)、アンペアコンピューティング、Equinix Metal、およびActuatedのコラボレーションであるCNCF GithubプロジェクトのARM64 CI/CDが合理化されます。 このイニシアチブは、セキュリティの懸念とパフォーマンスリムに対処します

このチュートリアルは、AWSサービスを使用してサーバーレスイメージ処理パイプラインを構築することをガイドします。 APIゲートウェイ、Lambda関数、S3バケット、およびDynamoDBと対話するECS Fargateクラスターに展開されたnext.jsフロントエンドを作成します。 th

これらのトップ開発者ニュースレターを使用して、最新のハイテクトレンドについてお知らせください! このキュレーションされたリストは、AI愛好家からベテランのバックエンドやフロントエンド開発者まで、すべての人に何かを提供します。 お気に入りを選択し、Relを検索する時間を節約してください
