Hexoを利用した個人ブログの作成

ブログを書くのはとても良い習慣だと思います.どんなにいいかは言いません.技術ブログでも、心の歩みでも、ブログであなたの生活を記録してみましょう.

あなたはあなたの個人のブログを持ちたいですか?新浪、ブログ園などのプラットフォームに制約される必要はありません.完全にあなたのブログに属しています.

この文章は、Hexoを利用してGithub静的ブログを構築する過程を共有しています.

一、登録、構成Github

Githubはオープンソースとプライベートソフトウェアプロジェクト向けの管理プラットフォームで、大神が集まっていて、上に大量のオープンソースコードを見つけることができます.プログラム猿必須!

1.登録
2.倉庫の作成
ユーザー名が「xxx」の場合、倉庫名は「xxx.github.io」になります.⚠️ 倉庫名はあなたのユーザー名に対応する必要があります.
3.SSH-Keyの構成

SSH-Keyを作成し、「ここはあなたのメールボックスです」とパスワードを必要とせず、車に戻ると、デフォルト設定でssh-keygen-t rsa-Cができます[email protected]"

あなたのpublic keyを見て、cat~/をコピーします.ssh/id_rsa.pub

Github->Settings->SSH and GPG keysでNew SSH keyをクリックし、Titleに記入し、Keyにpublic key

を貼り付けます.
GitHubは識別操作が確かにあなたが提出したもので、他の人が提出したものではないことを認識する必要があります.GitはSSHプロトコルをサポートしているので、GitHubはあなたの公開鍵を知っていれば、あなた自身の提出であることを確認することができます.

二、インストールNode、Hexo

簡単な命令はいくつかしかありません.とても簡単です.Hexoはnodeに基づいています.jsのため、node

をインストールします.
1.ノードのインストール

  brew install node

最新版のnode.jsはnpmパッケージを統合しています.だからnode、npmがインストールに成功したかどうかを検証するだけでnode-v npm-v
2.Hexoのインストール

  npm install hexo -g

三、ブログの作成、配置

cdブログを保存するディレクトリの下に

1.初期化

  hexo init QP_blog (  QP_blog， )

2.静的ページの生成
cdはあなたのinitのフォルダの下に着きます例えば:私のファイルはデスクトップの上でcd Desktop/QP_を作成しますblog hexo generate
3.プレビュー

  hexo server

ブラウザ入力http://localhost:4000効果が見えます.プレビューが完了するとctrl+cでローカルサービスを閉じることができます.
4.ブログ作成

  hexo new "article"

あなたはQP_blog\source_下でarticleを見つけたmdというファイルを開いてMarkDownで書き始めました.

PS:2つのMacで非常に使いやすいMarkDownソフトをお勧めします.MouとMacDown、個人的にはMouが好きですが、残念ながらシステムが10.12にアップグレードされた後、Mouは使用できません.実はこの2つの差は多くありません.このようにして、タイトル、日付、分類、ラベルなどのtitle:“Hello Blog”date:2016-11-12:48:02 categories:-手帳tags:-日記---カスタムページをブログで紹介したい場合は、“関連”の境界面が必要です.hexo new page"about"それから直接sourceの下のaboutフォルダに行って、indexを編集します.mdでいいです.そしてthemesの下の具体的なテーマの下で修正することを忘れないでください.config.ymlファイル.menu:トップページ:/アーカイブ:/archives説明:/about rss:/atom.xml

5.配置

Githubに配備する前に構成が必要です.config.ymlファイルtitle、descriptionなどはどのように書いても書きます.主にdeployにこの「xxx」を加えてユーザー名deploy:type:git repository:[email protected]:xxx/xxx.github.io.git branch: master ⚠️ SSH形式のurlでなければなりません([email protected]:xxx/xxx.github.io.git)実行:hexo deployエラー:hexo ERROR Deployer not found:githubインストール:npm install hexo-deployer-git--save実行:hexo deploy OK!大功を成し遂げて、あなた自身のブログの構築が完成しました.ブラウザにxxxを入力できます.github.ioあなたのブログを見てください.(「xxx」はあなたのユーザー名)

PS:ブログを公開するたびに、hexo clean hexo generate hexo deploy

を以下の3つのステップで行うことができます.
ページのロードが遅いのが嫌な場合は、アップロード時にgoogleフォントに関するコードを注記します.テーマ、コメント、ストラップなどを追加するには、自分でgoogleしてみましょう.
これは私の技術ブログです.大丈夫ですか.ぶらぶらしましょう.http://jackiequ.github.io/

共通コマンド

hexo new "postName"       # 
hexo new page "pageName"  # 
hexo generate             # public 
hexo server               # （ 4000，'ctrl + c'  server ）
hexo deploy               # .deploy   GitHubhexo 
help                      # 
hexo version              #  Hexo  

複合コマンド

hexo deploy -g  # 
hexo server -g  # 

略記

hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy