hexo+github個人ブログの作成--基礎編

3402 ワード

  • コンテンツの概要


    この文章は基礎的なhexo+githubが個人ブログを構築する方法を紹介し、構築前の準備作業と構築の手順過程を含む.最後に予想された効果を達成し、他の機能を深く研究したい場合は、hexo+githubを参考に個人ブログを作成することができる.

  • ツールの紹介

    1.hexo紹介


    Hexoは、迅速で簡潔で効率的なブログフレームワークです.HexoはMarkdownを使って文章を解析して、数秒以内に、美しいテーマを利用して静的なホームページを生成することができます

    2.Markdown紹介


    Markdownは、通常のテキストエディタで作成できるタグ言語で、簡単なタグ構文で、通常のテキストの内容に一定のフォーマットを持たせることができます.

  • 準備作業

    1.githubアカウントの作成とgitインストール

  • githubアカウントを持っていない友達は先にgithubアカウントの登録を行って、流れによって登録すれば
  • 倉庫を作成し、名前をyournameとする.git.io、例えば私のgithubの名前はhaloMelodyで、倉庫の名前はhaloMelodyです.git.io
  • 倉庫に2つのブランチを作成し、master(デフォルトのメインブランチ)はブログのパブリケーションに使用され、もう1つのブランチhexo(名前は自分次第)はブログプロジェクトを保存するために作成され、パソコンを交換して以前のブログが失われることを防止するために、記録の同期を確保し、自分で作成したブランチhexoをデフォルトブランチに設定する--settingsで
    • を設定することができます.
  • git-pagesを作成します.一般的に倉庫が作成されると自動的にチェックされます.このオプションは、プロジェクト名がドメイン名であることで、ブログにアクセスできることを保証します(自分のドメイン名があるドメイン名バインド、参照).http://www.cnblogs.com/penglei-it/p/hexo_domain_name.html)
  • 次に、端末でgitコマンドを実行できることを保証するためにgitをインストールし、ダウンロードが完了した後に環境変数を構成し、cmdディレクトリをpathに構成する必要がある.
    git version  //

    • 2.nodejsインストール

  • nodeに入ります.js公式サイトのインストールは、ナビゲーションに従って
    npm -v  // nodejs
    • を行います.
  • コマンドが見つからないエラーメッセージが表示された場合、手動で環境変数を構成し、nodejsディレクトリをpathディレクトリの下に配置する必要があります.ここでnodejsバージョンを選択するときは、できるだけ最新のバージョンを選択し、後続のテーマを選択するときの互換性を便利にします.

    • 3.hexoインストール

  • nodejsのインストールに成功すると、以下のコマンドを使用してhexoをインストールすることができる.
    npm install hexo -g // hexo
npm install hexo // 
hexo -v //
  • コマンドが見つからないエラーメッセージが表示された場合、手動で環境変数を構成し、hexoのインストールディレクトリを見つける必要があります.グローバルインストールはC:UsersLittleDragonAppDataRoamingpm(自分のパソコンのパスに変更)を参照して、このパスをpathに構成し、hexo-vを実行して正常かどうかを検出します.

  • ブログ作成

    1.プロジェクト作成

  • 倉庫をローカルに同期する場所を選択し、ファイルに入り、ファイル表示オプションの表示チベットファイルを開くと、少なくとも1つが表示される.gitファイル(ここでは.gitファイルを別の場所にコピーし、その後倉庫プロジェクトフォルダを空にし、その後の操作のために--hexo initを実行する場合はフォルダを空にする必要があります)、同期コマンドは
    git clone  xxx  // github
    • です.
  • その後、このディレクトリの下で(この時点で空のフォルダであることを保証する)、CMD(shift+マウスの右ボタン)を開き、順次実行:
    hexo init // 
npm install hexo // 
npm install hexo-deployer-git // git
    • .
  • プロジェクトの初期化後、
          .deploy # 
      node_modules #Hexo 
      public # 
      scaffolds # 
      source # ，404、favicon、CNAME  
      _drafts # 
      _posts # 
      themes # 
      _config.yml # 
      package.json
    • と表示されるディレクトリ構造が見られる.
  • 次にコマンドを実行して、MarkDown言語を使用するブログを作成できます.具体的な構文はここでは説明しません.
    hexo new "title" //
  • 文章の内容を編集した後、命令を実行する:
    hexo clean // 
hexo g //generate html 
hexo s //server
  • ローカル実行後、リアルタイムでローカルファイルを監視し、修正後、ブラウザを直接更新すると効果が得られます.これで、簡単な個人ブログの構築が完了しました.次に、githubにブログを公開することができます.ネットユーザーはあなたのドメイン名を通じて個人ブログを訪問し、必要ないくつかのステップを発表することができます.
  • パブリケーションに必要なプラグインnpm install hexo-deployer-git // git
    • が正常にインストールされました.
  • はあなたのgithubのためにSSH Keyを配置して、1回だけ配置する必要があります.詳細はgithubのSSH Key
    • を参照してください.
  • ブログプロジェクトのルートディレクトリの下にある_config.ymlでは、deploy: type: git repo: [email protected]:yourname/yourname.github.io.git branch: master>4とする.githubのユーザー名とパスワードhexo d>5を入力する必要がある場合は、パブリッシュコマンドを実行します.公開後、ドメイン名にログインして効果
    • を表示できます.

    146.下降
    CSS属性値の単位