なぜブログなのか、GithubPages + hexoを使用して個人のブログサイトを構築する方法

前書き

私たちはよくブログを読んだり、多くの人がブログを書いたり、多くの人が独自のブログサイトを構築したりしますが、なぜ私たちはブログを書くのですか?なぜ個人的なブログを構築するのですか?個人的なブログを作成する方法は?

何かをするためには、その意味を知る必要があります。そうしないと、何も得られません。そこで、なぜ最初にブログを書きたいのか、次になぜ個人的なブログを作りたいのかを理解する必要があります。次に、これらの側面からコンテンツを拡張します。

1.なぜブログを書くのですか?

1.1、良い記憶は悪いペンほど良くない

ブログとは、イベントや質問を自分のクラウドノートに書き込んだり、特定のブログプラットフォームに書き込んだりすることです。つまり、忘れた場合は、それを見つけて、以前に書いた内容を確認できます。 sもの。

多くの場合、私たちが記憶しているいくつかの質問に対する答えや思考プロセスは、実際にはしばらくして見つけられると思うかもしれませんが、それらを記憶する痕跡があり、将来同じ問題が発生したときに多くを節約できます。時間。

1.2教えることは最高の学習です

ブログを書くプロセスは、問題、問題、知識のポイントを明確に説明するプロセスです。このブログがうまく書かれているかどうか、そしてそれが理にかなっているかどうかは、問題が明確に述べられているかどうか、そしてそれを読ませるかどうかによって異なります。あなたのブログの人々はそれを読んだ後に理解するでしょう。

1つのことを明確に説明できない場合は、おそらくそれを習得していません。問題を説明するときは、問題を明確に説明するために読者が知っておく必要のある概念と知識ポイントを最初に知る必要があります。次に、知識システムでこれらの知識ポイントを検索し、1つだけを完全に理解する必要があります。問題を抱えている人だけがそれを明らかにすることができます。
ディスカッションで自分自身を向上させます私たちが書いたものがインターネットに投稿された後、私たちはしばしばいくつかの反対意見や異なる解決策やバグを見ることができます、そしてこれらのことは私たちがこの問題について考える過程で残っているものを見ることができます。 、改善を続けるために。

1.3、価値を創造する

ブログを書き続け、思考プロセスと研究結果の一部を記録します。これは貴重なブログであり、間違いなくあなたの履歴書にポイントを追加します。
あなたはあなたのブログの広告に投資して利益を得ることができます。

2.なぜ個人的なブログを構築するのか

今日、非常に多くのブログプラットフォームがあるのに、なぜ個人的なブログを作成するのでしょうか。個人のサイトには時間がかかりますが、それでも多くのメリットがあります。

  • より自由に、私のサイトは私に耳を傾けます(スタイル、コンテンツ、広告)
  • コンテンツが変更されたりブログが削除されたりする心配はありません。すべての権利はあなたの手にあります
  • それは会社が焦点を移すことを防ぎ、もはやブログに注意を払ったり宣伝したりすることを防ぐことができます。
  • あなた自身の名刺になり、あなた自身のブランドを構築してください

3.個人のブログを作成する方法

3.1。準備

ブログサイトを構築するには、まずコンテンツを保存するためのストレージスペース必要です。次に、サイトにリンクできるドメイン名必要です。次に、静的なWebページとスタイルファイルの束が必要です。これがサイトに表示されるものです。ただし、誰もがサーバーを構築できるわけではなく、誰もがフロントエンドでcssとhtmlを記述できるわけではないため、既存のツールやフレームワークを使用してサーバーを構築できます。

3.1.1、GithubPages

あなたとあなたのプロジェクトのためのウェブサイト。GitHubリポジトリから直接ホストされます。編集してプッシュするだけで、変更が反映されます。

これは公式ウェブサイトの紹介です。理解するのは難しいことではありません。翻訳は次のとおりです。あなたとあなたのプロジェクトに属するウェブページ。Githubリポジトリから直接Webサイトを構築でき、Webページは編集と公開によって動的に変化します。

GithubPagesの機能:

  • 静的ブログ、強力な構成
  • 軽量のブログシステム、シンプルな構成、自分でサーバーを構築する必要はありません
  • 各サイトには3億の空き容量があります
  • 独自のドメイン名をバインドできます。

3.1.2、16進

Hexoは、高速でシンプルかつ強力なブログフレームワークです。Markdown(または他の言語)で投稿を書くと、Hexoは美しいテーマの静的ファイルを数秒で生成します。

Hexoは、Node.jsに基づく高速でシンプルかつ強力なブログフレームワークです。マークダウンまたは他の言語を使用してコンテンツを作成できます。hexoは見栄えの良いテーマを使用して、対応する静的ページをすばやく生成します。

hexoの機能:

  • 風速:HexoはNode.jsに基づいており、複数のプロセスをサポートし、数百の記事を数秒で生成できます。
  • スムーズな書き込み:GitHub FlavouredMarkdownとすべてのOctopressプラグインをサポートします。
  • 強力なスケーラビリティ:HexoはEJS、Swig、Stylusをサポートしています。プラグインを介してHaml、Jade、Lessをサポートします。

したがって、hexoは、フロントエンドを理解していない私たちが静的なWebページ作成するのに役立つフレームワークです

3.2。サイトの構築を開始します

3.2.1、新しいGithub倉庫

言うまでもなく、githubの登録とログインは主要なWebサイトと同じです。
新しいウェアハウスを作成し、ウェアハウス名xxx.github.ioの固定形式に注意してください。xxxはgithubの登録時に入力された名前です。プロンプトに従って、ステップバイステップで完了します。
ここに写真の説明を書いてください

3.2.2、構成環境

まず、Gitをインストールして、コードとファイルをアップロードおよびダウンロードする必要があります。
HexoはNode.js基づいているため、Node.jsもインストールする必要があります。どちらも、ダウンロードしてインストールする公式Webサイトでコンピューターに対応するバージョンを見つけるためのものであり、環境変数を構成する必要はなく、インストールプロセス中に既に構成されています。

最後に、hexoをインストールする必要があります。任意の場所を右クリックし、gitBashを選択してgitコマンドラインに入ります

ここに写真の説明を書いてください

次のコマンドを入力します。npminstallhexo-cli-g
インストールが完了したら、次のコマンドを入力します。npminstall hexo –save
最後に-vコマンドを入力してバージョン情報を表示し、インストールが成功したかどうかを確認します。

ここに写真の説明を書いてください

3.2.3、hexoを初期化します

これらの環境をインストールして構成した後、hexoを使用してブログの管理を開始できます。まず、hexoの構成とコンテンツを保存するために、フォルダーを指定する必要があります(新しいフォルダーを作成することをお勧めします。中国語のパスはありません)。次に、このディレクトリにgitコマンドラインを入力し、hexoinitコマンドを入力してhexoの初期化を開始します。

initコマンドには時間がかかる場合がありますので、しばらくお待ちください。


さて、ようやく順調に進んでいます。今回は、同じオープンgitコマンドラインでローカルへの影響を確認できます。のコマンドを入力します。HEXOG:生成されたコンテンツ
HEXO S
ブラウザのアドレスバーでマシンサーバーオンにします。次のように入力します。localhost: 4000、デフォルトのサイトスタイルが表示されます!

ここに写真の説明を書いてください

3.2.4、githubにアップロード

サイトの効果はローカルで見ましたが、ローカルエリアネットワークだけでなく、誰もが見られるようにしたいと思っています。心配しないでください。githubに投稿しても問題ありません。
まず、サイトファイル(作成したhexoホームディレクトリの_config.ymlファイル)を構成し、デプロイオプションをgithub情報に設定します。

ここに写真の説明を書いてください

構成後、保存して、コマンドラインに次のコマンドを入力します
。hexog
hexo d:公開してgithubにアップロードします。

このプロセスでは、コードをgit経由でgithubにアップロードするため、ポップアップウィンドウでgithubのユーザー名とパスワードを入力するよう求められ、入力は問題ありません。毎回それほど面倒になりたくない場合は、SSHを設定できます。これは逸脱です。
アップロードが成功すると、ブラウザは「xxx.github.io」と入力します。ブログサイトにデフォルトのコンテンツがあることがわかります。ほぼ成功!

3.2.5、テーマを設定

ビルドが成功すると、これが構成になります。hexoのデフォルトのテーマが気に入らない場合は、好きなテーマをダウンロードして、hexoルートディレクトリの下のthemesフォルダに配置し(デフォルトのランドスケープがあります)、サイトを編集できます。構成ファイルで、テーマをダウンロードしたばかりのテーマに置き換えます。

hexo wikiにアクセスして、利用可能なテーマのいくつかを表示できます。
https://hexo.io/themes/

ここに写真の説明を書いてください

3.2.6、ブログ構成

まず、2つの構成ファイルを知る必要があります。1つはhexoルートディレクトリの_config.ymlで、これをサイト構成ファイルと呼び、もう1つはthemesフォルダーの下のテーマの_config.ymlファイルと呼びます。テーマ設定ファイルです。変更タイトル、アバター、テーマ、言語、githubのアドレスおよびその他の設定を自分のサイトでブログサイト。構成ファイルを変更したコンテンツのスタイル、メニューバー、ページの分類をし、他の設定は、テーマの設定ファイルでサイト上に表示
最もよく使用される次のテーマを例として取り上げます。詳細な構成は、公式Webサイトで確認できます。
はじめに-NexTドキュメント

ブログページの追加の操作は、比較的簡単なドキュメントに記載されています。

ブログ必要なコメント共有機能、次のテーマも用意しておりますので、対応するウェブサイトに登録し、キー値を入力するだけでOKです。

さらに、サイトのアクセスステータスを知りたい場合は、Baidu統計Tencent統計Google分析などの統計を追加し、対応するWebサイトにドメイン名を登録して、IDまたはキーをテーマ構成ファイルに構成できます。

3.2.7、ドメイン名のバインド

これはオプションの操作です。独自のドメイン名を使用してサイトにアクセスする場合は、もちろん、いくつかの構成が必要です。

1つ目は、Alibaba CloudまたはGodaddy(Alipay支払いをサポート)で購入できるドメイン名を購入することです。好きで登録されていないドメイン名を選択するだけで、それほど高価ではありません。

ドメイン名の解決を設定します。国内のDNSPodを使用してドメイン名を解決できます。速度は比較的高速です。具体的な設定については、公式Webサイトの概要を参照してください。

最後に、githubウェアハウスに設定されます。新しく構築されたウェアハウスのルートディレクトリに新しいCNAMEファイルを作成します。サフィックスは必要ありません。コンテンツは、申請したドメイン名です。

ここに写真の説明を書いてください

3.3。ブログの旅を始める

この時点で、ブログの構成はすべてOKです。ブラウザを開き、http://lizebin.infoなど、申請したドメイン名を入力すると、個人的なブログの旅を始めることができます〜

最後に、ご理解のほどよろしくお願いいたします。また、私の個人的なブログサイトであるムーアのAndroidロードにぜひお越しください。

ここに写真の説明を書いてください

再度、感謝します!
ソースを示してください

おすすめ

転載: blog.csdn.net/lizebin_bin/article/details/54318314