0から個人のブログサイト(A)を構築します

EDITORIAL

私はビデオ羊の弟を参照して、常に自分のブログサイトを設定したい読んで、白、学生は、先週少し時間を引き出さプログラムhexo |ビデオチュートリアルのピット無料版|自分の個人的なブログを構築するために、ゼロからあなたを教えて偉大な神と各方面からのチュートリアルでは、自分の設定したブログサイトhttps://trace001.gitee.ioは、建物の全体のプロセスについてはこちらを記録段階的

私たちをお伝え

内蔵環境

建築環境はwindow10、Hexoを使用してブログのフレームワークであり、

Hexo公式紹介

Hexoは、高速、シンプルかつ効率的なフレームワークのブログです。Hexo使用Markdownを(あるいは他のレンダリングエンジン)の分析記事は、数秒で、あなたは、静的なページを生成するための美しいテーマを使用することができます。

Hexoは地元の展開をブログ

まず、設置環境

インストールのNode.js

0から個人のブログサイト(A)を構築します
著者は、に行き始め公式サイトの本当に遅いですし、ここに行くダウンロード速度ダウンロードに、高速の泥棒。インターネットはまたで見ることができます淘宝網のNode.jsミラーダウンロード
あなたは以下のページを参照することができ、食事の後に動作、インストールするには、ばか
0から個人のブログサイト(A)を構築します
あなたはNode.jsのとNPMのインストールを確認することができます

gitのをインストールします。

0から個人のブログサイト(A)を構築します

インストールhexo

  • 新しいフォルダを作成します。例えば:空白でマウスのブログを開き、フォルダをクリックし、右クリックし、インストールしたばかりのNode.jsとNPMのバージョンを見て、ここにgit bashのかを選択します。ノード-v(Node.jsのバージョン)NPM -v(パッケージManagerのバージョン)
    0から個人のブログサイト(A)を構築します

  • 速度を上げるためにcnpmをインストールします

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    インストールが成功したことを確認します。cnpm
    0から個人のブログサイト(A)を構築します

    • インストールhexo

      cnpm install -g hexo-cli

      インストールが成功したことを確認します。hexo -v
      0から個人のブログサイト(A)を構築します

    • プロジェクトの設立:hexo init
      0から個人のブログサイト(A)を構築します
      次のように新しい終了後、ディレクトリのフォルダを指定するには、次のとおりです。
      .
      ├── _config.yml
      ├── package.json
      ├── scaffolds
      ├── source
      |   ├── _drafts
      |   └── _posts
      └── themes
  • _config.yml
    ウェブサイトの構成情報は、あなたはここでほとんどのパラメータを設定することができます。
  • package.jsonの
    アプリケーションに関する情報。EJS、スタイラスや値下げレンダラはデフォルトでインストールされている、あなたが削除するのは自由です。
    package.json
    {
    "name": "hexo-site",
    "version": "0.0.0",
    "private": true,
    "hexo": {
    "version": ""
    },
    "dependencies": {
    "hexo": "^3.8.0",
    "hexo-generator-archive": "^0.1.5",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.1",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.3.1",
    "hexo-renderer-stylus": "^0.3.3",
    "hexo-renderer-marked": "^0.3.2",
    "hexo-server": "^0.3.3"
    }
    }
  • 足場
    テンプレートフォルダ。新しい記事を作成すると、Hexoファイルが足場に応じて確立されます。
    Hexoデフォルトのテンプレートは、新品のファイルに充填内容です。たとえば、あなたはフロント物質含有量を変更した場合、足場/ post.mdで、各時間は、新しい資料では、この修正が含まれています。
  • ソース
    リソースフォルダは、ユーザーのリソースを格納する場所です。加えて、外部のポストという名前から始め、フォルダ(アンダースコア)のファイル/フォルダや隠しファイルは無視されます。MarkdownをHTMLファイルとは、解析され、パブリックフォルダに入れ、他のファイルは、過去にコピーされますされています。
  • テーマ
    テーマはフォルダ。Hexoは、トピックごとに静的なページを生成します。

    いくつかのコマンド

    1. キャッシュをクリアするhexoきれい#
    2. hexoグラム#のMakefile
    3. ローカルサーバーを実行しているhexo S#
    4. hexoさd#は、そのサービスにアップロード
      :ローカルサーバー上で実行されているhexo s
      0から個人のブログサイト(A)を構築します
      ブラウザの種類:localhost:4000
      0から個人のブログサイト(A)を構築します
      ローカル環境展開を成功

おすすめ

転載: blog.51cto.com/13646338/2484374