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

3341 ワード
  • ブログを書くのはとても良い習慣だと思います.どんなにいいかは言いません.技術ブログでも、心の歩みでも、ブログであなたの生活を記録してみましょう.
  • あなたはあなたの個人のブログを持ちたいですか?新浪、ブログ園などのプラットフォームに制約される必要はありません.完全にあなたのブログに属しています.
  • この文章は、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
    Backjun-グラフ(#2178)
    R言語xlsxとxlsファイルの読み込み