Jekyll静的ウェブサイトのバックエンドエンジンのチュートリアル

私はいつも私自身の個人的なウェブサイトを構築したかった、私はPHPバックエンドを知らなかったので、私はドットコムで自分のブログを開き、その後徐々にプログラマに変身、ドットコムブログはこの職業の特定のニーズを満たすことができませんでしたので、私は数日worldpressをドラム、ドメイン空間の購入から私の最初のウェブサイトを構築するために使用します。スペースドメイン名の解像度を修正 ドメインスペースの購入から、スペースドメイン名の解像度の修正、テンプレートの追加、テンプレートの修正、worldpressの威力を理解し、数日前からworldpressで初めてのホームページを作っていたのですが、worldpressを叩いて遊んでいたら、記事を書くモチベーションがなくなり、管理する時間も十分に使えず、このホームページは死んでしまったのでした。今まで、我々はJekyll静的なウェブサイトのバックエンドエンジンを叩き始めた、以下は、Jekyllの学習、およびJekyllでウェブサイトを作成する際に発生した問題について説明します。

1. Jekyllはgithub.comまたはbitbucket.orgをベースとしており、後者は私が検証していないので、同様にサポートされているはずである。データベース、バックエンドの知識がない、Jekyllで個人的な中小規模のウェブサイトを構築することは、その簡単です。

2. ビルド手順（WindowsにJekyllをインストールしているので、少し厄介なことになります）。 

github.comのアカウントにサインアップしてください。ユーザー名とサインアップした時のメールを覚えておいてください。git shellの認証に必要です。

Jekyll は Ruby で書かれているので、まず Ruby 環境をインストールし、Ruby パッケージ管理ツールである gem をインストールします。

Rubyのインストール先、システムに合わせて32bitと64bitを選択し、リンク先のページでDEVELOPMENT Kitも同時にインストールします。

ダウンロードとインストールが終わったら、Rubyの環境変数を設定し、システムの詳細プロパティでシステムパスを設定し、Rubyが正常にインストールされたかどうかをコンソールで確認する必要があります。Ruby -v と入力するだけです。 

ruby dk.rb init//initialize Ruby

Rubyのインストール先ディレクトリをRubyのインストール先のconfigファイルで設定する。

# This configuration file contains the absolute path locations of all
# This configuration file contains the absolute path locations of all installed Rubies to be enhanced to work with the DevKit.
# file is generated by the 'ruby dk.rb init' step and may be modified
This config # file is generated by the 'ruby dk.rb init' step and may be modified # before running the 'ruby dk.rb install' step.
# Rubies that were not automagically discovered, simply add a line below
# the triple hyphens with the absolute path to the Ruby root directory.
# Example.
# Example:
# ---
# ---
# - - D:/ruby19trunk
# - - D:/ruby192dev
# ---
---
- D:/Ruby

DEVELOPMENT Kitツールのインストールに使用したコマンドライン

 ruby dk.rb install 

コマンドラインツールでgem install jekyllと入力し、Jekyllをインストールします。Jekyll -vと入力すると、インストールが成功したかどうかを確認します。成功した場合は、バージョン番号が返されます。

pythonのインストールは、バージョン2またはバージョン3のいずれかをダウンロードしてください。
. その後、ブログに必要なツールをインストールすることができます。

　　4.1 easy_installプラグインをインストールする必要がある

　　4.2 pygments や rouge など、お好みのハイライトツール（highlight）をインストールし、プロジェクトディレクトリの _config.yml に highlighter:rough または highlighter:pygments と設定しないと、プロジェクト生成時にエラーになります。

easy_install Pygments

5 ⑤簡単なデフォルトのブログコマンドを作成します。

jekyll new Blog
 cd Blog //cd is a common command to reach the appropriate folder
 jekyll serve //Using serve and server has the same effect

あなたのlocalhost:4000にデフォルトのブログテンプレートが生成されます。

この間、いくつかのエラーが発生します。

1. 設定ファイルのエラー報告

D:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/posix-spawn-0.3.9/lib/posix/spawn.rb:164
: warning: cannot close fd before spawn
'which' is not recognized as an internal or external command,
Liquid Exception: undefined method is not recognized as an internal or external command, operable program or batch file.
 Liquid Exception: undefined method `[]' for nil:NilClass in _posts/2014-08-01-
welcome to-jekyll.markdown
jekyll 2.2.0 | Error: undefined method `[]' for nil:NilClass

回避策：プロジェクトの設定ファイルでhighlighter:rouge/pygmentsを設定する必要があります、portal

2. RubyGemsのダウンロードの問題

ERROR: Could not find a valid gem 'jekyll' (>= 0), here is why:
      Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server ce
 rtificate B: certificate verify failed (https://rubygems.global.ssl.fastly.net/quick/Marshal.4.8/jekyll-1.3.0.gemspec.rz
 )

解決方法 セキュリティ証明書のファイルをダウンロードし、コマンドラインで次のコマンドを実行します。curlが外部または内部指定のコマンドでない場合、お使いのコンピュータにcurlプラグインがインストールされていないため、プラグインをダウンロードしてインストールする必要があります、素晴らしいチュートリアル、ポータル

 curl http://curl.haxx.se/ca/cacert.pem -o cacert.pem

3. Rubyのインストールが成功しない、プロンプトエラー、あなたは淘宝網が提供する国内ミラーポータルを試すことができます

 では、githubを経由して自分だけのオリジナルな個人サイトを作るにはどうすればいいのでしょうか？

1. gitクライアントは、アドレスをダウンロードして、ダウンロードした後、github GUIクライアントとgitシェルコマンドラインツール2がありますが、我々は、gitシェルを使用しています。

2. git シェルクライアントで、次のように入力します。

git init

でプロジェクトを初期化します。

git checkout --orphan gh-pages

ブログ用のすべてのファイルを保持するgh-pagesブランチを作成します。github.comはデフォルトでその名前でブランチを作成するので、その名前だけを使用します。

git add .
git commit -a -m'just a test'

プロジェクトのリリース準備を開始し、最後の小数点を省かないように注意してください。

git remote add origin https://github.com/username/projectName.git
git push origin gh-pages

これで、プロジェクトが正常に作成されます。