【Blog】Gitbubが自分のブログを作る

2284 ワード

本文は主にgithubを記録する上で自分のblogを構築して、環境の配置の過程の中でスキップしたいくつかの穴.環境:Mac OSがwinシステムの場合、gemパッケージ管理ツールが必要ですので、インストールrubyをダウンロードしてください.注意不要なトラブルを避けるためには、中国語以外でスペースの下線などの特殊文字を含まないディレクトリの下にインストールすることをお勧めします.
1.静的プライベートサイトの作成
github pagesの操作構成に従って、自分の静的サイトにアクセスできます.静的サイトと呼ばれるのは、データベースが含まれていないからです.タイトルリンクは詳細なリファレンスドキュメントであり、クイックスタートドキュメントを参照することもできます.個人的には、クイックスタートドキュメントを読んで概要の流れを理解した後、詳細ドキュメントを参照してプライベート静的サイトを作成することをお勧めします.
注意:倉庫のusernameは自分のgithubユーザー名と同じでなければなりません.
2.jekyllの構成
Jekyllは簡単なブログ形態の静的サイト生産機械である.元のテキスト形式のドキュメントを含むテンプレートディレクトリがあり、Markdownなどの変換器とLiquidレンダラーを通じて完全なパブリッシュ可能な静的Webサイトに変換し、お気に入りのサーバにパブリッシュすることができます.JekyllはGitHub Pageでも実行できます.つまり、GitHubのサービスを利用してプロジェクトページ、ブログ、サイトを構築することができ、完全に無料です.詳細はjekyll中国語公式サイトへ
注意:sudo gem install jekyl bundlerを使用すると、/usr/bin Operation not permittedとエラーが発生します.
これは、El CapitanがRootlessメカニズムに加わって、好きなように多くのパスを読むことができなくなったからです.root権限を設定してもだめです.Rootlessメカニズムは悪意のあるプログラムに対抗する最後の防御線になります.だから、Rootlessを一時的に閉じてみることができます.
再起動Command+Rを押して、回復モードに入り、Terminalを開く$ csrutil disable
この時にjekyllをインストールすると成功します.
Rootlessを開く必要がある場合
リカバリモードに戻り、Termialを開きます.$ csrutil enable
3.基本的な使い方
3.1効果プレビュー
まずclone私たちの前にgithubで作成したblog倉庫です.Jekyllはappatchのようなサイトサーバーを持っていて、ブラウザでWebサイトの効果を動的に表示したり、ローカル倉庫のディレクトリに入ったりすることができます.$ jeykll server、127.0.0.1:4000ポートでgithubにアップロードする必要はありません.
もちろんbundlerをインストールする必要があります.Ruby gemの依存ライブラリを管理し、jekyllのコンパイルエラー情報を処理し、構成環境に関連するいくつかのbugsを出力し、作業効率を向上させるのに役立ちます.
Bundler manages Ruby gem dependencies, reduces Jekyll build errors, and prevents environment-related bugs. To install Bundler, you must installRuby.
次のコマンドを使用してbundlerをインストールします.$ bundle installインストールが完了するとサイトをプレビューできます
サイトディレクトリにアクセスし、次の2つの方法でデフォルトのサイトプレビューサーバを起動します.
  • $ bundle exec jekyll serveまたは
  • $ jekyll serve

  • ブラウザに入力しますhttp://localhost:4000/プレビュー効果
    3.2パーソナライズされた構成
    Jekyllは自動的にブログフレームワークに多くのデフォルト値を生成し、githubに対して特別な処理があるため、自分の第1版のブログをgithubに公開する前に個性的な構成(ブログ名、個人情報など)を行う必要があります.もちろん、これらのデフォルト値を残しておくと、このセクションを直接スキップしてパブリッシュすることもできます:)パーソナライズされた構成は主に_config.ymlで行う
    以上の構成を完了すると、githubからローカルまでプロジェクトを開発し、自分のプライベートブログをさらに開発することができます.具体的なプロジェクト構造と開発事項はここでは紹介しません.もっと詳しくはjeykll公式サイトに移動してください.