banner
xingli

xingli

猫娘爱好者

hexoブログの構築チュートリアル

リポジトリの構築#

1. GitHub に登録する#

2. ブログのコンテンツを保存するためのリポジトリを作成する#

登録名:#

ユーザー名.github.io

001

作成したら、以下のようになります。

SSH キーの生成#

1. フォルダを作成して移動する#

右クリックで git bash を開く

image

これらの出力が表示されれば、インストールされています。

SSH キーの生成#

コマンド

ssh-keygen -t rsa -C "メールアドレス"

image-20221117191609590

手順に従って生成後、対応するフォルダに移動します。

公開鍵を取得する

pub 内の内容を開いてコピーする

GitHub でこの公開鍵を追加する#

GitHub の設定を開く

image-20221117192031372

SSH キーを追加する

SSH が正常にバインドされているかテストする:#

image-20221117192820350

成功が表示されれば、問題ありません。

ローカルでコンテンツを生成する#

ブログを書くフォルダで右クリックして git bash を開く

英語のパスを使用することをお勧めします。

hexo コマンド#

hexo init #初期化
hexo g #生成
hexo s #サーバーを起動

初期化がエラーになる場合:プロキシを設定する

$ hexo init
INFO Cloning hexo-starter https://github.com/hexojs/hexo-starter.git
INFO Install dependencies
INFO Start blogging with Hexo!

これでインストールが成功しました。

hexo s を入力します

image-20221117193559304

同意することをお勧めします

image-20221117193620388

その後、サービスが正常に開始され、対応するポートにアクセスするとブログが表示されます。

image-20221117193717833

ブログをインターネットに公開する#

config.yml ファイルを編集する#

deploy の内容を以下の内容に変更する

deploy:
  type: git
  repository: GitHubでcodeをクリックしたhttps.gitのアドレス
  branch: main

git bash で hexo-deployer-git 自動デプロイツールをインストールする:#

npm install hexo-deployer-git --save

エラーが発生した場合はプロキシを設定する

ソースを変更する

これは淘宝のソースです

npm config set registry http://registry.npm.taobao.org/

npm ソース

npm config set registry=http://registry.npmjs.org

ページを生成する

hexo g #生成
hexo d #アップロード

image-20221117195709432

ネットワークの問題で接続が悪い場合

プロキシを使用することをお勧めします

image-20221117195925220

私の場合、認証方法はこのようになっています

おそらく GitHub が更新されたのでしょう

同意した後、以下のような出力が表示されるはずです

image-20221117200104978

image-20221117200111762

この時点で、GitHub リポジトリにブログのコンテンツがあるはずです

その後、GitHub リポジトリ名にアクセスすると、ブログにアクセスできます

image-20221117200228120

カスタムページを追加する

設定のページでカスタムドメインを追加する

リポジトリのアドレスを ping して返された IP を取得する

ドメインに対応する A レコードを対応する IP に追加する

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。