Ubuntu に基づいて Hexo 個人ブログを構築する

背景

        Wordpress と比べて Hexo のシンプルさが気に入ってチュートリアルを探したところ、環境の違いなのかチュートリアルによってはエラーが発生することが分かり、複数のチュートリアルを組み合わせてみました。様々なオンラインエラーレポートを集めました。最終的に Hexo をセットアップして、それを整理して投稿しました。これから Hexo の個人ブログを構築したいと考えている皆様の参考になれば幸いです。まずは効果を確認したいと思います。私のサイトへようこそヘキソブログ_

1. 環境を準備する

1.Gitをインストールする

sudo apt install git-core -y

2.Node.jsをインストールする

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
source ~/.profile
nvm install stable

2. Hexo をインストールする

1.cnpmをインストールする

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

2. Hexo をインストールする

まずフォルダーを作成し、そのフォルダーを入力してインストールを開始します

mkdir hexo
cd hexo/
cnpm install -g hexo-cli
hexo init 

3. テストインストールは成功しました

Hexo サービスを開く

hexo server

この時点で、ブラウザを開いて自分の [ホスト IP: 4000] にアクセスすると、正常に構築されたブログ ページが表示されます。

ただし、これはローカルのみであり、ブログを GitHub にデプロイすると、ローカルからアクセスできるようになります。

 

3. ブログを GitHub にデプロイします

1.GitHubに登録する

    

GitHub アカウントをお持ちでない場合は、まずGitHubアカウントの登録に進み、GitHub アカウントをお持ちの場合は、直接次のステップに進みます。

 

2. user.name と user.email を設定します

登録後、自分のマシンに戻ります

git config --global user.name "Your user.name"
git config --global user.email "You user.email"

「 」を自分の user.name と user.email に置き換えます。

3. shh キーの生成

ssh-keygen -t rsa -C user.email

次のプロンプトでは、保存先のパスを入力するように求められます。

 
 /home/ubuntu/.ssh/id_rsa

次に、すぐ下で Enter キーを押します。

4. shh キーを表示する

 vim /home/ubuntu/.ssh/id_rsa

キーをコピーし、GitHub アカウントに移動して SSH キーを追加します。

5. GitHub アカウントに SSH キーを追加する

SSH キーを追加し、[送信] をクリックします

6. GitHub リポジトリを作成する

命名形式は「アカウント ユーザー名」.github.io です。

例: zhangsan.github.io

「GitHubリポジトリの作成」へ(転送

7. hexo 設定ファイルを変更する

独自の hexo インストール ディレクトリに移動し、_config.yml ファイルを開きます。

次の部分を変更します。

deploy:
    type: git
    repo: [email protected]:(BoView)/(BoView).github.io.git #括号里面换成自己的用户名和仓库名,去掉括号
    branch: master

8. 導入

hexo-deployer-git プラグインをインストールする

npm install hexo-deployer-git --save
//生成静态页面
hexo g
//将public文件内容部署到github仓库
hexo d
//这两条是常用的命令,后者也可以这样
hexo d -g
//或者
hexo g -d

 

この時点で、ブラウザを開いて userName.github.io (GitHub ウェアハウス名) にアクセスできます。

つまり、構築されたブログページにアクセスできます

基本的にタスクはここで完了しますが、さらに完璧にするために、ドメイン名をバインドし、そのドメイン名を使用してアクセスします。

4 番目に、ドメイン名をバインドします

1. 分析レコードを追加する

 

独自ドメイン名で「分析の追加」(移管)に進みます。

レコード タイプは CNAME、ホスト レコードは @ 行、デフォルトが選択され、TTL は 600、レコード値は github userName.github.io のウェアハウス名です。

2.ヘキソの設定

 

CNAME設定ファイルを作成する

touch ~/hexo/source/CNAME

次に、解決したばかりのドメイン名を CNAME 構成ファイルに追加します。

例: zhangsan.com

その後、再デプロイして、

わかりました、わかりました、皆さんおめでとうございます、

 

この時点で、ブラウザを開いて独自のドメイン名にアクセスし、構築したブログにアクセスします

あなた自身の【ブログの旅】を始めて、

5つ目、ついに

何か問題があれば投稿して一緒に話し合ってください、足りないところや間違っているところがあれば追加してください!

最終結果を確認するには、私のHexo ブログにアクセスしてください。
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

おすすめ

転載: blog.csdn.net/Gage__/article/details/80302471