前に書かれた0
「FunwithHexo」シリーズの記事では、主に、私のブログなど、Hexoを使用して独自のサーバー上にブログを構築する方法について説明しています。同時に、この記事では、例としてテーマicarusを選択し、既存のテーマをパーソナライズする方法を説明しています。さらに、この記事では、テーマで外部ネットワークリソースを使用するときに発生する可能性のある問題と解決策についても説明しています。
読者は、クラウドサーバーとドメイン名の購入とファイリングを完了する必要があります。このチュートリアルで提供される例は、仮想マシン上で最初からhexoブログを構築する方法ですが、その方法はすでに一般的です。実際、仮想マシンにHexoブログを展開する読者と、クラウドサーバーにHexoブログを展開する読者は、2つの同じプロセスです。唯一の違いは、記事の仮想マシンがUbuntuを使用し、リーダーのクラウドサーバーがCentOSを使用していることです(Ubuntuは引き続き問題ありません。オプションです!!)
Hexoを構築する前に、それがサーバーであるか仮想マシンであるかにかかわらず、デフォルトのログインユーザーがであると宣言する必要がありますroot
。これにより、コマンドを入力するたびにsudo
、アクセス許可によって引き起こされる奇妙な問題を省略して回避できます。したがって、このチュートリアルでは、私もこの習慣を続けました。読者がデフォルトのrootログインを設定する方法を知らない場合は、私のこの記事を参照できます。
さあ始めましょう!
1Hexoの概要
Hexoは、高速で簡潔かつ効率的なブログフレームワークです。HexoはMarkdown(または他のレンダリングエンジン)を使用して記事を解析し、数秒以内に美しいテーマの静的Webページを生成できます。
上記の文章から、Hexoを介して、記事がWebページにどのように解析されるかを気にすることなく、Mardownを直接かつ便利に使用して書き込むことができることがわかります。これにより、記事の特定の形式の表示に時間を浪費するのではなく、記事の執筆により多くの時間を割り当てることができます。
同時に、Hexoは単なる静的なブログです。つまり、Hexoはログインできず、Taobaoのようなコンソールも使用できません。Hexoの機能は静的ページの表示に限定されており、記事を追加するたびに、Hexoの対応するフォルダーに手動で追加し、コマンドを使用して静的ページを生成する必要があります。
2Hexoをインストールします
2.1環境への依存
Hexoのインストールは、以下で別々にインストールされるNodeJSとGitに依存しています。次のコマンドのダウンロードが遅い場合、読者は国内のソースが置き換えられているかどうかに注意を払う必要があります。
最初にGitをインストールします。
apt install git-core
実行後、次のコマンドを入力して、インストールが成功したかどうかを確認します。
git --version
次に、gitバージョン番号を出力します。これは、インストールが成功したことを意味します。
root@ubuntu:~# git --version
git version 2.7.4
NodeJSのインストールは少し面倒です。まず、NodeJSの公式Webサイトにアクセスし、以下のLinuxバイナリ(x64)を選択してダウンロードする必要があります。
ここで、ダウンロードしたのはnode-v14.15.1-linux-x64.tar.xz
です。次に、お気に入りのフォルダに入れます~/env
。下に置きます。
ダウンロードしたパッケージはコンパイル済みのプログラムであり、直接使用できます。しかし、最初にそれを解凍します。ディレクトリ~/env
で、次のコマンドを入力して解凍し、ファイル名の変更に注意してください。
tar -xf node-v14.15.1-linux-x64.tar.xz
次のコマンドを入力して、インストールが成功したことを確認します。
node-v14.15.1-linux-x64/bin/node -v
次に、次の出力を確認できます。
root@ubuntu:~/env# node-v14.15.1-linux-x64/bin/node -v
v14.15.1
ここでのコマンドは長すぎることに注意してください。実行可能プログラムが配置されているフォルダーの名前を省略して、このプログラムを呼び出すことをお勧めします。つまり、直接使用しnode -v
て上記の結果を出力したいと考えています。この時点node-v14.15.1-linux-x64/bin/
で、フォルダーの下のコマンドを環境変数に追加する必要があります。私が使用する方法は/usr/local/bin
、フォルダを指すようにnode-v14.15.1-linux-x64/bin/
コマンドにソフトリンクを作成することです。コマンドは次のとおりです。
ln -s ~/env/node-v14.15.1-linux-x64/bin/node /usr/local/bin/
ln -s ~/env/node-v14.15.1-linux-x64/bin/npm /usr/local/bin/
ln -s ~/env/node-v14.15.1-linux-x64/bin/npx /usr/local/bin/
上記のコマンドのパスは絶対パスを使用する必要があります。
次のコマンドを入力してテストします。
node -v
npm -v
npx -v
次に、次のような結果を出力します。
root@ubuntu:~/env# node -v
v14.15.1
root@ubuntu:~/env# npm -v
6.14.8
root@ubuntu:~/env# npx -v
6.14.8
このようにして、リーダーはデフォルトの実行可能プログラムフォルダでプログラムを実行できます。
2.2Hexoをインストールする
上記の環境依存関係が正常にインストールされた後、リーダーはnodeJSでnpmを使用して、Hexoに必要なパッケージを管理できます。その前に、npmはデフォルトで外部ソースであるため、国内ソースに置き換える必要があります。淘宝網のソースを変更しました。コマンドは次のとおりです。
npm config set registry http://registry.npm.taobao.org
次に、npmを使用してHexoをダウンロードします。
npm install -g hexo-cli
以下の結果が得られます。
root@ubuntu:~/env# npm install -g hexo-cli
/root/env/node-v14.15.1-linux-x64/bin/hexo -> /root/env/node-v14.15.1-linux-x64/lib/node_modules/hexo-cli/bin/hexo
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/hexo-cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {
"os":"darwin","arch":"any"} (current: {
"os":"linux","arch":"x64"})
+ [email protected]
added 63 packages from 334 contributors in 6.283s
ご存知のとおり、エラーはエラーであり、警告は何もありません。上記の結果は、インストールが成功したと見なすことができます。Hexoブログの管理は一律にコマンドを使用しますhexo
。使いやすくするために、それに追加する必要もあり/usr/local/bin
ます。
ln -s ~/env/node-v14.15.1-linux-x64/bin/hexo /usr/local/bin/
3Hexoを使用してブログを作成します
まず、ブログフォルダとして好きなフォルダを選択します。Hexoは、ブログのすべての静的ページ、mdファイル、およびテーマをこのフォルダーに配置します。このフォルダは空のフォルダである必要があることに注意してください。したがって、ブログを設定する間、このフォルダはmkdir
今すぐ作成するのが最適です。
~/
次を選択blog
して、次のコマンドでフォルダーを作成しました。
mkdir ~/blog
では~/blog
、フォルダ、Hexoのブログを作成するには、次のコマンドを実行します。
hexo init .
実行後、ブログの構成ファイル、ブログのテーマ、ブログ投稿のテンプレートなど、ブログフォルダーにさらにいくつかのファイルがあることがわかります。
root@ubuntu:~/blog# ls
_config.yml node_modules package.json scaffolds source themes
次に、次のコマンドを実行してブログをインストールthemes
しますlandscape
。ブログのテーマはにあり、デフォルトはです。
npm install
この時点でエラーが報告された場合は、まず次のコマンドを実行してから、コマンドを実行する必要がありますnpm install
。
npm config set user 0
npm config set unsafe-perm true
次に、ブログを開始します。
hexo s
次に、以下の結果を出力します。
root@ubuntu:~/blog# hexo s
INFO Validating config
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
このコンソールは閉じることができないことに注意してください。
次に、仮想マシンのブラウザに入力しhttp://localhost:4000
てブログを表示します。
4続く
この記事では、次の問題を解決していません
- ブログの設定に成功した後の書き方は?
~/env/blog
フォルダ内のファイルの機能は何ですか?- ブログ構成をパーソナライズする方法は?
これらの問題は次の記事で明らかにされます。読者が興味を持っている場合は、最初にそれを探索することができます。