Mac下Hexo+GitHub構築ブログ図文教程


労働成果を尊重し、転載は出典を明記してください.http://blog.csdn.net/growth58/article/details/50708451新浪微博に注目:@于衛国メールアドレス:[email protected] github:yuweiguocn
インストールノード
公式サイトからダウンロードして一歩一歩インストールすればいいか、ここからnode-v 4をダウンロードします.3.1インストール、パスワード:3 n 33.
インストールGit
XcodeはGitを持参し、詳細なインストール方法は自分で検索します.
Hexoのインストール
NodeとGitのインストールが完了したら、端末の下に次のコマンドを入力します.
sudo npm install -g hexo
下図のような効果が見られたら、Mac下Hexo+GitHub搭建博客图文教程_第1张图片のインストールに成功しました.
初期化hexo
ユーザーディレクトリの下にhexoというフォルダを作成し、cdをこのディレクトリの下に実行します.
hexo init
Mac下Hexo+GitHub搭建博客图文教程_第2张图片
インストール依存
上の図に示すように、導入前にインストール依存性を忘れないでください.
npm install
静的ページの生成
次のコマンドを実行して、静的ページを生成します.
hexo generate
サービスを開始
ローカルサーバーを起動します.Ps:Ctrl+Cのサービス使用を停止します.
hexo server
Mac下Hexo+GitHub搭建博客图文教程_第3张图片
効果をローカルで表示
ブラウザを開き、Webサイトを入力http://0.0.0.0:4000/
repositoryの作成
名前の書式:your_user_name.github.io Mac下Hexo+GitHub搭建博客图文教程_第4张图片
gitデプロイメントのインストール
npm install hexo-deployer-git –save
プロファイルの変更
開く_config.ymlファイル、ファイルの末尾で以下の効果に変更して、Ps:yuweiguocnはあなたの自分のユーザー名に変更します
deploy:
  type: git
  repo: https://github.com/yuweiguocn/yuweiguocn.github.io.git
  branch: master

Mac下Hexo+GitHub搭建博客图文教程_第5张图片
配置
hexoディレクトリの下で配置コマンドを実行します.
hexo deploy
Mac下Hexo+GitHub搭建博客图文教程_第6张图片
ファイナルエフェクト
ブラウザを開き、Webサイトを入力します.http://yuweiguocn.github.ioPs:yuweiguocnを自分のユーザー名Mac下Hexo+GitHub搭建博客图文教程_第7张图片に変更
注意:1.hexoに関するコマンドはhexoディレクトリの下で実行する必要があります.hexoコマンドは略語モードをサポートします.
hexo g == hexo generate hexo d == hexo deploy hexo s == hexo server hexo n == hexo new
新しい文章を発表する
my-first-blogファイル名
hexo new「私の最初の文章」
作成に成功するには、次のヒントがあります.
INFO Created: ~/hexo/source/_posts/私の最初の文章です.md
編集後、次のコマンドを実行して、再生成して配置します.
hexo clean hexo g hexo d
効果を見てみましょう
Mac下Hexo+GitHub搭建博客图文教程_第8张图片
参照リンク:http://www.zipperary.com/2013/05/28/hexo-guide-2/ http://www.jianshu.com/p/465830080ea9