前:私はあなたのIDEAボールは昨日落とし聞いたことありますか?歌Geはあなたに大きな動きを持って
、多くの小さなプライベートの手紙ソングGeのパートナーは、ソングのGeのブログがあり、私が持っていたし、我々が話をし、今日再び話を聞いたことを、実際には、それを行う方法を見つけることです。
私はそれは、CSDN上の私の最初のブログ15回2015年4月だったそれ以来、私は4年以上の日付に、書き込みブログの道を開いた、研究ノートであることを覚えています。
これは、CSDNは550元の合計までブログで私が公開4年間で、CSDNは私のベースキャンプですが、その間に断続的なSFなどの他の公共のプラットフォーム上でブログが送信され、公園、デンバー、ムークラスのブログ私はGitHubのは、個人サイトを設定使用しますが、ほんの数ページをテストし、維持するためには良いがない場合、ネット、しかし、非常に、2016、断片化されています。
今年は、独自の独立したブログのうち、http://www.javaboy.org
今、PV及びUVが肉眼成長率に表示されているブログに4月から、私もとても幸せです。私たちが最も恐れるので、私はこの事が理由の一つを作るために4年間にドラッグしますが、後に本当にDIY置くなぜ、私は個人的に流れにと、はるかに簡単にあなたが思うよりも独立したブログを構築するために見つけることである個人の自立のブログのトラフィック、あります、長いコンテンツOKのように、流量もものではありません。
今日は、私が来て、個人的なブログを構築する方法をみんなと一緒にチャットします。
テクノロジーの選択
現在はまだ非常に人気のあるブログサイト、私は本当にあなたが行くとあなたがあまりにも多くの事を心配する必要ので、動的なブログシステムを得ることを示唆していないので。使用ビルド静的ブログは、私たちが延々と(多くの小さなパートナーは意気揚々は、憂鬱の完了後に設定したときに、ブログを構築しないようにして、何があるだろうブログにビルドにかかるのではなく、ブログの書き込みに主に集中することができますそこにブログサイトを出る空気)。
静的なブログの選択は、ソングのGeは現在、2つのオプションを使用して、メイン接点です。
- 複合ジキルジキルは生産機械の単純な静的サイトのブログの形式で、GitHubのブログ上に構築されました。これは、原稿のテキスト形式を含むテンプレートディレクトリを持っている、と私たちの液体レンダラーは、あなたのお気に入りのサーバーのいずれかに公開することができます(たとえば、値下げなど)コンバータによって、静的なウェブサイトへの完全なパブリッシュを変換します。ジキルはまた、あなたはGitHubのプロジェクトページ、ブログやウェブサイトを構築するためにサービスを使用することができますし、完全に無料ですGitHubのページ、上で実行することができます。
- サーバーにアップロード良好な局所レンダリングHTML、後に、代表的な作品がhexoです。
単純に、私たちは地元の値下げ後に書くことを第一の方法は、サーバーへの直接アップロードを入れ、サーバは自動的にHTMLにレンダリングし、その後ユーザに提示、2番目のオプションは、我々はローカルに値下げ書き込みの後でありますローカルHTMLにレンダリング値下げは、その後、レンダリングされたHTMLは、サーバーにアップロード。(値下げ小さなパートナーは、私があまりにも多くの導入をしない、それを理解しておく必要があります)
歌のGeこれら2つのプログラムが有用であり、あなたが見るhttp://www.javaboy.org
、私はhexo +イカルス達成使用しています。私たちが見るhttp://springboot.javaboy.org
、http://spring.javaboy.org
、http://springmvc.javaboy.org
、http://mybatis.javaboy.org
、http://maven.javaboy.org
というように、私はジキル両方のオプションは、それぞれの長所と短所、ソングGeは再び、みんなの細部を持っているために使用します。
今日はチャット、主要なhttp://www.javaboy.org
私は達成するためにhexo +イカルスを使用し、あること、建築現場。
このブログのすべての資金は、ドメイン名を購入するために数百ドルを置くことで、その後、お金を費やすことを行って。あなたはGitHubの提供するデフォルトのドメイン名を受け入れることができるかどうかGitHubの上でホストされているサイトは、GitHubのコメントシステムはまた、行うために使用され、その場合でも、あなたは、ドメイン名を購入する必要はありません、我々はこのことを達成するためにどのように見てみましょう。
ソングGeのマイクロ人員(https://github.com/lenve/vhr)またはV族(https://github.com/lenve/VBlog)をプレイした場合、hexoは内部にあるため、始めるのは非常に簡単にすることができますのためにまた、運用担当者の前に使用nodejs、およびマイクロは多くの共通点を持っています。
ブログを構築
フロントエンドでの経験を少しはノード良く、もちろんがある場合、関連するコマンドはあまりないですのでHexoでは、問題ではない、設定します。使用Hexoは、インストールが成功し、あなたはHexoがインストールを開始することができ、事前のノードに良いとGitの中でお使いのコンピュータにインストールされています。次のステップ:
- インストールHexo
npm install -g hexo-cli
- ローカルディレクトリにブログを作成します。
hexo init blog
上記のコマンドの実装はローカルのブログにディレクトリが作成されます後は、ここでは、独立したブログのエッジに必要なファイルで、その後、このディレクトリに入るの実行npm install
に関連する依存関係をインストールするコマンドを。
次のようにインストールした後、ディレクトリが生成されます。
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
ここではいくつかのファイルは、/フォルダは、_config.ymlやテーマディレクトリ、_config.ymlファイルの2つ上のフォーカスを聞かせて、私たちは、サイトのいくつかの基本的な設定を行うことができ、サイトのようなタイトル、説明、キーワード、アイコンなどこれらの構成は、ほとんどが知っている名前を参照してくださいことを意図しています。次のとおりです。
実装は設定後、ブログのディレクトリに移動は、hexo s
ローカルプロジェクト、および打ち上げ成功後に開始することができ、ブラウザが入るhttp://localhost:4000
サイトを見ることができます。
いえばhexo s
、コマンド、ここではすなわち、下を導入するために必要ないくつかの一般的に使用されるコマンドです。
コマンド | 表語文字 | 中国の意味 |
---|---|---|
hexoサーバ | hexo秒 | ローカルからの起動 |
hexo生成 | hexoグラム | 静的ファイルを生成します |
hexoデプロイ | hexoさd | 導入サイト |
hexoきれい | キャッシュをクリアし、静的ファイルを生成しました |
4ソングのGeが最も使用されるコマンド、その他のコマンド、これらの日を考え、そして誰もが参照できるhttps://hexo.io/zh-cn/docs/commandsを。
修正件名
一般的に、テーマは多くのオプションのテーマ、風景、hexo-テーマ次のトピックの歌Geの最古の使用を使用してHexoのデフォルトのテーマがあり、生態Hexoの自分の個人的な感覚が非常に豊富で構成されます。ローカルブログ起動して実行した後、次のステップは、テーマを変更することで、最初のステップは、彼らが後に選択した素敵なテーマにクローニング最初に考えるの選挙の前にテーマを変更することである./themes
ディレクトリを、このディレクトリのファイルは、もともと風景を持っていました1日、このテーマが更新された場合、フォルダは、デフォルトのスタイルの内部に置かれ、もちろん、開発者が直接テーマファイルのダウンロード優れたコピーが入って来たことができますが、私はまだちょうどあなたが最新のを取得することができ、それを引っ張って、クローンを使用して、クローンを使用することをお勧めしますスタイル。
次のようにhexoテーマ-次のトピックに、例えば、クローンコマンドは次のとおりです。
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next
次のように成功したクローニングした後、_config.ymlファイルの変更hexoは、次のテーマを変更します。
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next
テーマが作成された後、次のステップは、これは比較的容易であり、への直接参照、テーマを設定することです公式ドキュメントをすることができます。設定後、新しいテーマの効果を確認するために、次のコマンドを実行します。
hexo clean
hexo g
hexo s
コマンドの意味は、ここでそれらを繰り返すことはしません、上記の表を参照することができます。
次のトピック私はおそらく今イカルスに置き換え二、三ヶ月を費やし、テーマ設定では誰もが、限り設定がされるように、確かにこれ以上の他の問題があるでしょう。
GitHubのにバインド
あなたがすべての最初の、非常にシンプルであるのGitHubにアップロードブログを待たなければならないかもしれない、とのGithubのステップにバインドされている自己的GitHub ID.github.io
次のようにリポジトリを作成し、例えば、私のIDはlenveで、公共の倉庫を作るの名前:
正常に作成した後、のhexo変更され_config.yml
たファイルを、コンフィギュレーションGitHubのアドレスとして、次のとおりです。
deploy:
type: git
repo: [email protected]:lenve/lenve.github.io.git
branch: master
ここでは、設定した後、次のコマンドを実行し、自分のアドレスに応じて設定することができます。
hexo g
hexo d
実行が完了したら、あなたはGitHubのにデータをアップロードすることができます(もちろん、ここであなたはGitHubでの公開鍵、特定の参照を事前に設定する必要がリモートリポジトリに関連付けられているGitリポジトリ)。
アップロードが成功した後、アクセスがhttps://lenve.github.io
私たちにGitHubのデフォルトのドメイン名である自分の個人サイトを、見ることができます。
ドメイン名あなたがGitHubでの提供に満足していない場合、あなたはまた、独自のドメイン名、あなたが設定されたすべての分を申請することができます。
ドメイン名のアプリケーション
ドメイン名のアプリケーションは言うまでもない、比較的容易であるドメイン名のアプリケーション、ソングGeは主にサポートPayPal支払いサービスプロバイダーの、GoDaddyは使用し、外部ドメインプロバイダの使用ではなく、レコード(単語、速い!DOは待っていない)を推奨しますが、実際には、多くの類似のドメイン名プロバイダは、あなたがこれを使用することはできません、あなたは自分自身で見ることができます。
結合ドメインとGitHubの
ドメイン名の申請が成功した後、次の構成は、2つの部分に分けられます。
GitHubの設定
(ソースディレクトリブログのディレクトリにまずない置き忘れるaに注意してください:、CNAMEファイルを作成するには、)次のようになど、自分のドメイン名です
そして、実行hexo d
GitHubのそれにファイルをアップロードするコマンドを。
下に示すように、ラインでは、GitHubの上で直接、この設定を誰かを表示するには:
このアプローチは、あなたがローカルで実行する場合ので、この方法を使用することはお勧めしません、ここで自動的に現在のリポジトリにCNAMEファイルを生成します。この方法でも可能ですが、歌のGe hexo clean
、その後、アップロードに行く、あなたは負けるだろうCNAMEファイルは、その後、あなたは再設定する必要があります。キーはあなたが実行したときであるhexo clean
、後で、あなたはCNAMEファイルが失われているが見つからない可能性があります。
DNSの設定
域名解析这块,当时遇到了一些问题,后来松哥使用了国内的 DNSPod 去做域名解析了,没有使用 godaddy 提供的域名解析。使用 DNSPod 首先要做的,就是修改 godaddy 提供的域名解析服务,登录自己的 godaddy 账号,找到域名管理,修改域名解析服务为 DNSPod ,如下:
然后登录到 DNSPod(没有账号注册一个),然后添加自己的域名解析,如下图:
添加两条 A 记录,指向 GitHub 的 IP 地址,再添加一条 CNAME ,指向你的 GitHub 域名就可以了。
如此之后,大功告成!
总结
好了,不知道小伙伴们有没有 GET 到呢?这个不用花很多钱,就是一个域名的费用而已(如果你不想用 GitHub 提供的域名的话),也不需要额外买服务器,hexo 的使用也很简单,有兴趣小伙伴赶快实践下吧!