前にこれを読んで、それは読者がされていることを前提としNode.js
、そのような追加の必要性として、ベースのNode.js
知識を、あなた自身の百度。
Hexo
あるNode.js
枠組みの下でのプロジェクトの使用Node.js
静的なページにマークダウンから変換するために供給された電力。
次のテーマは、ページの高度にカスタマイズされた外観を提供するために、プラグインHexoプロジェクトです。
1.私たちが行う必要がある何
- Node.jsの環境を設定
- Hexoプロジェクトをダウンロード
- 次のテーマプラグインをダウンロード
- ランのブログ
2. Windowsシステムをインストールします。Node.js
Windowsでは、Node.js
コアは、コマンドライン実行可能ファイルですNode.exe
。かどうか、バージョン緑色のバージョンをインストールする限り、次の2つの基本的な条件が満たされたとして、Hexo
あなたは実行することができます。
node.exe
現在のフォルダ、またはシステム環境変数のコマンドラインコンソールでできpath
たこと。Node.js
(のような関連ツールキットnpm
、実際には、Windowsのスクリプトファイル、npm.cmd
現在のフォルダまたはシステム環境変数のコマンドラインコンソール上は)することができpath
ました。
注意:内蔵のモジュールのパッケージ管理ツールを、と同じフォルダ。プロジェクトでは、コマンドラインツールを提供します。このプロジェクトは、すべてのインスタンスで共有され、一般的にグローバルにインストールする必要があります。それはだフォルダがシステムに配置する必要がどこ変数。npm
Node.js
node.exe
Hexo
hexo.cmd
Hexo
hexo.cmd
path
Node.jsのをインストールします。
上記の情報は、Windows古いドライバのために十分です。古いドライバは、このの残りの部分をスキップしてください。
http://nodejs.cn/download/ 32または64 zipアーカイブ版からダウンロードし、長期的なサポートのバージョンをインストールすることをお勧めします。
あなたはたとえば、フォルダをインストールするダウンロードパッケージを解凍します
D:\DevelopTools\Nodejs\
。以下の必要に応じて1つの実施形態
Node.exe
のシステムにパスpath
変数。変更しpath
た変数を、唯一開いた新しいコマンドウィンドウで有効になります。使用する
setx
コマンドをsetx PATH "%PATH%;D:\DevelopTools\Nodejs\;" /M
レジストリを直接変更します。
レジストリエディタを使用して開く
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Session Manager\Environment
にはpath
、変数の後に追加;D:\DevelopTools\Nodejs\;
。で
我的电脑
右クリックして[プロパティ]を選択し、選択高级系统设置
、選択高级
、選択系统变量
、でpath
ルート変数を追加します。
- 任意の方法で想定される位置、次のグローバルパッケージ実装位置を、提供
d:\node_global
。npm
コマンドnpm config set prefix ="d:\node_global"
。- 直接開いている
C:\Users\Administrator\.npmrc
ファイル、それらを追加または変更prefix=d:\node_global
。
インストールパスの実施例3を参照すると、グローバルパケットをNode.jsの
d:\node_global
システムにpath
変数。実行
node -v
とnpm -v
インストールの正常なバージョンが完全であることを示しています。
補足:ダウンロード速度をスピードアップするために淘宝網のミラーとしてリモートサーバーをパッケージ化するために、家庭環境。
- 実行するコマンドラインを使用してください
npm config set registry=https://registry.npm.taobao.org/
。 - それとも、単に変更
C:\Users\Administrator\.npmrc
、ファイルを行を追加しますregistry=https://registry.npm.taobao.org/
。
3.インストールまたはHexoプロジェクトをダウンロード
公式にはお勧めnpm
のインストールのために。
npm install hexo-cli -g
上記のコマンドはされますhexo.cmd
、Windowsシステム内のリポジトリフォルダとして、グローバルリポジトリにパッケージをインストールpath
しました。だから、任意の位置で行うことができますhexo
コマンド。
確認するために、次のコマンドを実行しhexo
、完全なインストールを。
hexo -v
このコマンドは、表示しhexo
たバージョンと依存パッケージを。
4.インストールまたは次のテーマプラグインをダウンロード
git
指示ダウンロードするにはNexT
、最新のテーマファイルを。
git clone https://github.com/iissnan/hexo-theme-next themes/next
または直接出版社のページからhttps://github.com/iissnan/hexo-theme-next/releasesソースコードのソース指定されたバージョンをダウンロードしてください。
資産2
ダウンロードした後、テーマテーマファイルを解凍し、中にそれを置くthemes
テーマファイル
+---public
| +---about
| +---archives
| +---categories
| +---css
| +---images
| +---js
| +---lib
| +---page
| +---post
| \---tags
+---scaffolds
+---source
| +---about
| +---categories
| +---images
| +---tags
| +---_drafts
| \---_posts
\---themes
\---next
+---languages
+---layout
+---scripts
+---source
| +---css
| +---fonts
| +---images
| +---js
サイト構成ファイルで_config.yml
の内部、それを見つけます
# 原来的值是landscape
theme: next
5.ブログを作成し、実行します
ルートディレクトリに、ブログのルートディレクトリとして、空のフォルダを作成し、ブログの初期化
hexo init
テーマファイルは、ブログのファイルにコピーされ
theme
、以下の実行
Hexo
されたサーバーのコマンドを。hexo serve
コンソールが表示されます。
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
ブラウザのアドレスバー内の入力ではhttp://localhost:4000
、あなたは、ブログにアクセスすることができます。
重要情報
この記事では、プロジェクトのバージョンを使用しました
hexo:3.8.0
次へ:5.1.2