序文
近年、知識の不足のために、簡単で便利なHexoを使用することを決め検索した後、いくつかのあなた自身の個人的なブログ、フロントエンドを設定しようとしました。
私の環境
- ウインドウズ10
- Gitの2.22.0
- Node.jsの10.16.3 LTS
- テンセントクラウドのCentOS 7.6 64ビット
Hexoプロフィール
Hexoは、高速、シンプルかつ効率的なフレームワークのブログです。Hexoがマークダウン(または他のレンダリングエンジン)の分析記事を使用して、数秒で、あなたは、静的なページを生成するための美しいテーマを使用することができます。
最初の部分
1.Hexoインストール
-
gitのをインストールします。
Windowsでは、直接にgitの公式ウェブサイトにそれをダウンロードしてください
-
Node.jsのをインストールします。
また、直接にWindowsの下でNode.jsの公式ウェブサイトは、次のステップに、何の脳をダウンロードしないように
-
インストールHexo
オープンGITバッシュ
$ NPM -g hexo-CLIをインストール
2.開始ステーション
Hexoをインストールした後、次のコマンドを実行しHEXOは、指定したフォルダに新しいファイルが必要になります
HEXOのinit $ <フォルダ> #<フォルダ>は、フォルダのサイトで $ CD <フォルダ> $のNPMインストール
次のように加工した後、指定されたファイルのディレクトリフォルダは次のようになります。
。 ├──_config.yml ├──package.json ├──足場 ├──ソース | ├──_drafts | └──_posts └──テーマ
そして、 CD <フォルダ> 指定したフォルダに hexoの-debug プロジェクトを開始することができ
我々はlocalhostを入力して、ブラウザで正常に起動した後:4000私たちのブログを訪問することができるようになります
3.設定、テーマを変更します
プロジェクトのルートディレクトリには、これらの文書
- node_modules:依存関係
- 公共:生成されたページを保存します
- 足場:一部のテンプレートは、記事を生成します
- ソース:あなたの記事を格納するために使用されます
- テーマ:テーマ
- _config.yml:ブログのプロフィール
私たちは、Hexoで始めることができ、サイトのテーマを、好きなテーマをダウンロードするには、ここで私が使用しochuunn
このトピックではgithubのページには、より詳細なインストールガイドを持っている、それは学生がまた私に連絡することができます構成をインストールしません
プロジェクトを開始するには、テーマをインストールした後、あなたは素敵なブログにアクセスすることができます
サーバーへの展開の第二部
1.クラウドサーバにインストールgitの、Node.jsの、Hexo
サーバーにログインした後、入力してください
sudoのyumをgitのコアをインストール
入力が完了した後
-qO- HT wgetのTPS://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | SHの
NVMは、ノードのインストール
には、サーバーの再起動することができれば実行されません#のNVMを
NPMは-g hexo-CLIをインストール
2. gitリポジトリを作成します。
エントリー
MKDIRは/ var / www /のブログ/ #更改权限 のchown -R $ USER:$ USERの/ var / www /のブログ/ chmodの-R 755の/ var / www /のブログ/
CD /ホーム/
gitの初期化--bare Blog.git
今、空のgitリポジトリを作成します
3. gitのフックを作成します。
で /home/BLog.git 、フックはフォルダを持っています。私たちは、フック内のファイルを作成する必要があります
vimの/home/Blog.git/hooks/post-receive
ファイル内のコードの2行を追加します。
#!/ binに/ bashのは
gitの--workツリー=の/ var / www /のブログ--git-DIR = /ホーム/ Blog.gitチェックアウト-f
ファイルのパーミッションを変更します。
chmodの+ X /home/Blog.git/hooks/post-receive
4.コンフィギュレーション・サーバnginxの
インストール
YUM -y nginxのインストール
スタート
サービスnginxの開始
あなたはウェルカムページそれほど成功したインストール手順nginxのを見ることができれば今、私たちは、サーバーにアクセスするためにブラウザからパブリックネットワークに対処することができます
そして、nginxのの設定を変更するには
Vimの/etc/nginx/nginx.conf
{サーバ インクルードを聞く80 DEFAULT_SERVER; [::]聞く:80 DEFAULT_SERVER; ルートの/ var / WWW /ブログ; #修正 SERVER_NAMEのchenmingzhang.cnを; #、その後、ドメイン名、ドメイン名の場合に #ロード設定ファイルS Sのデフォルト ERVER 。ブロック Iは/etc/nginx/default.d/* nclude の.confと、 LOCATION / { } error_page 404 /404.html; LOCATION /40x.html = { }
最後に、nginxのを再起動します
サービスnginxの再起動
5.ローカル設定を変更します。
_config.ymlローカルプロジェクトのルートディレクトリで、次のように変更します。
:展開する タイプの:Gitの レポ:[email protected]:/ホーム/ hexoBlog // XX.XX.XX.XXサーバアドレス 支店:マスター
その後、gitのを入力します。
NPM hexo-デプロイヤ-のgit --saveをインストール
インストールはgitの限り、完了した後、
hexoが発生
hexo展開します
完了するのを待って
あなたはパブリックIPとブログにアクセスすることができます