coding.netを使用して、WindowsでHexoブログの記録を作成します

Node.js環境を構成する

1. Node.jsインストールファイルをダウンロードします 。nodejs中国の公式ウェブサイト
Windowsのバージョンに応じて、対応するインストールファイルを選択します。写真が示すように:
coding.netを使用して、WindowsでHexoブログの記録を作成します

デフォルト設定をそのままにして、[次へ]まで、インストールはまもなく終了します。
次に、必要なコンポーネントがインストールされているかどうかを確認し、WinとRを同時に押して実行中のウィンドウを開きます。

coding.netを使用して、WindowsでHexoブログの記録を作成します

新しく開いたウィンドウでcmdと入力し、Enterキーを押してコマンドラインインターフェイスを開きます。(以下では、openコマンドラインを直接使用して上記の操作を示します。覚えておいてください〜)

開いたコマンドラインインターフェイスで、次のように入力します。

node -v
npm -v

結果が次の図のようになっている場合インストールは正しく、次の手順に進むことができます。正しくない場合は、戻ってインストールプロセスを確認する必要があります。
coding.netを使用して、WindowsでHexoブログの記録を作成します

Gitをインストールする

GIt公式ウェブサイトダウンロードアドレス国内
ダウンロードステーション

Node.jsと同様に、ほとんどの設定はデフォルトのままにしておく必要があります。
インストールが完了したら、今すぐコマンドラインをオフにして再度開きます。それ以外の場合、gitコマンドはありません。

同様に、Gitが正しくインストールされているかどうかを確認し、cmdコマンドライン開いて次のように入力します。

git --version

結果が下図のようになっている場合は、インストールが正しいことを意味し、次の手順に進むことができます。正しくない場合は、戻って自分のインストールプロセスを確認する必要があります。

coding.netを使用して、WindowsでHexoブログの記録を作成します

コーディングアカウントの登録と構成

国内のウェブサイトのほとんどは中国語なので、登録については何も言わず、コーディングを入力してキーボードをスクロールするだけです==

プロジェクトの作成(コーディングページ)

登録後、ホームページに移動し、プロジェクトをクリックし、+をクリックしてプロジェクトを作成します。

Pagesサービスがオンになっているかどうかを確認します。[プロジェクト]-> [コード]-> [Pagesサービス]をクリックします。オンになっていない場合は、[開く]をクリックします。

coding.netを使用して、WindowsでHexoブログの記録を作成します

SSHとGitを構成する

次に、無料のサーバーを入手したら、パソコンをバインドしてサーバーに接続する必要があります。つまり、SSHがGitにバインドされた後は、プロジェクトを展開するたびにアカウントとパスワードを入力する必要はありません。

SSHキーを生成する

gitコマンドウィンドウを開く

coding.netを使用して、WindowsでHexoブログの記録を作成します

次のコマンドを入力します

ssh-keygen -t rsa -C [email protected]

[email protected]をメールアドレスに変更すると、パスの確認とパスワードの入力を求められます。デフォルトのパスを使用して、Enterキーを押します。成功
するcd .sshと、〜/の下に.sshフォルダーが生成され、
実行されcat id_rsa.pub、コンテンツ表示するために実行され、内部のキーがコピーされます。失礼なポイントはCtrl + a、次にCtrl + cです。

SSHキーを追加

追加するには、メールアドレスを確認する必要があります。

コーディング、ホームページへのログイン、アバターにマウスを置く、個人アカウント-個人設定

coding.netを使用して、WindowsでHexoブログの記録を作成します

個人アカウント—> SSH公開鍵—>鍵を入力し、[追加]をクリックします

coding.netを使用して、WindowsでHexoブログの記録を作成します

パスワードを確認したら、正常に追加できます。

検証の成功

コーディングを確認する

ssh -T [email protected]

初めての場合は、続行するかどうかを確認するメッセージが表示されます。「はい」と入力すると、次のように表示されます。

認証に成功しましたが、コーディングではシェル
アクセスが提供されません

これは、コーディングが正常に接続されたことを意味します。次に行う必要があるのは、ローカルウェアハウスをコーディングにアップロードすることです。コーディングではコミットごとに記録されるため、その前にユーザー名と電子メールを設定する必要があります。

git config --global user.name your_name
git config --global user.email [email protected]

上記のyour_nameと[email protected]を自分のものに置き換えます。

Hexoをインストールする

G:\hexo説明する例として、ここでフォルダを作成するのに適切な場所だと思います。まず、EドライブにHexoフォルダディレクトリを作成し、そのディレクトリにcmdコマンドラインウィンドウを作成します。

coding.netを使用して、WindowsでHexoブログの記録を作成します

コマンドラインに次のように入力します。

npm install hexo-cli -g

次に、次のように表示されます。

coding.netを使用して、WindowsでHexoブログの記録を作成します

警告が表示される場合がありますが、心配しないでください。通常の使用には影響しません。

Hexoがすでにインストールされているかどうかを見てみましょう。CMDコマンドラインに入力ます

hexo -v

図のようなテキストが表示された場合は、インストールが成功したことを意味します。

coding.netを使用して、WindowsでHexoブログの記録を作成します

hexoの関連構成

入力し続ける

hexo init

次に、

npm install

Hexoは、作成したディレクトリにいくつかのファイルを自動的にダウンロードします。

初めてHexoを体験して操作を続行するには、コマンドラインにも次のように入力します

hexo g

次に、

hexo s

次に、次のプロンプトが表示されます
。INFOHexoはhttp:// localhost:4000 /で実行されてい ます。Ctrl+ Cを押して停止します。
ブラウザでhttp:// localhost:4000 /を開くと、最初のブログが表示されます。
プレビュー後にキーボードを停止するには、Ctrl + Cを押してローカルプレビューを停止します



これまでのところ、Hexoのローカル構成はすべて終了しています。

Hexoとコーディングページを接続する

デプロイメントの構成その前に、Gitデプロイメントプラグインをインストールします。Ctrl + Cキーを押してhexoプレビューを停止し、次のコマンドを入力します。

npm install hexo-deployer-git --save

上記のコマンドは、hexoインストールパスを入力した後に入力する必要がありますつまりE:\hexo、以前はこのディレクトリにあったため、パスを切り替える必要はありません。

以下のブログフォルダを開くと、次のようなファイルが表示されます。

coding.netを使用して、WindowsでHexoブログの記録を作成します

このファイルは、ユーザー名など、ブログの設定を行うことを意味します。このファイルは特に重要であることを忘れないでください。、将来的にはここで構成する必要があります。notepad++で開きましょう。これはあなたのウェブサイト情報です

coding.netを使用して、WindowsでHexoブログの記録を作成します

英語がわからない場合は、辞書を確認してください。注:名前の後にスペースを入れてください。スペースを入れないと間違いになります。
次に、一番下に移動してgitアドレスを入力します。この手順は非常に重要です。私に従って書くことができます。また、スペースも忘れないでください。

coding.netを使用して、WindowsでHexoブログの記録を作成します

次に、ファイルをクリックして保存するか、Ctrl + Sを直接押します。

記事を投稿する

新しいブログを作成するには、コマンドラインまたはgit bashでhexoファイルディレクトリを入力してから、次のコマンドを実行します。

hexo new post "article title"

以下は、hexoディレクトリにgitbashを入力した後に実行したものです。

24222@DESKTOP-R7NOJG5 MINGW64 /E/hexo
$ hexo new post 这是第一篇文章
INFO  Created: E:\hexo\source\_posts\这是第一篇文章.md

このとき、コンピューターのディレクトリで:hexosource _postsにmdファイルが表示
され、MarDownエディターで開くと、投稿を編集できます。記事を編集した後、生成コマンドと展開コマンドを実行します。

hexo g // 生成
hexo d // 部署

もちろん、上記の2つのコマンドの効果と同等の次のコマンドを実行することもできます。

hexo g -d #在部署前先生成

デプロイが成功したら、アドレスにアクセスします。https://yourname.coding.meで 生成された記事を確認できます。



再版および変更:hexo + nextチュートリアル(1)-简书

おすすめ

転載: blog.csdn.net/qq_34626094/article/details/113074171