GithubとHexoを使用してゼロから静的ブログを構築
1366 ワード
Hexoって何?
A fast, simple & powerful blog framework
Hexoは、迅速で簡潔で効率的なブログフレームワークです.HexoはMarkdown(または他のレンダリングエンジン)を使用して文章を解析し、数秒以内に美しいテーマを利用して静的ページを生成することができます.
準備作業
インストールGit
HomeBrewがインストールされていない場合は、まずインストール:
$ brew install git
インストールNode.JS
$ brew install node
Hexoのインストール
npm install hexo-cli -g
インストールが完了したら、次のことを確認します.
$ hexo
Hexo構成
作成ディレクトリの初期化
hexo initコマンドの使用
$hexo init初期化後のファイルディレクトリは次のとおりです.
npm install
次のコマンドを実行します.
うんてん
成功したら、
配置:
$ hexo deploy
HexoはGit構成を追加する: hexo-deployer-git をインストールルートディレクトリの構成_config.yml
Hexo略記コマンド
A fast, simple & powerful blog framework
Hexoは、迅速で簡潔で効率的なブログフレームワークです.HexoはMarkdown(または他のレンダリングエンジン)を使用して文章を解析し、数秒以内に美しいテーマを利用して静的ページを生成することができます.
準備作業
インストールGit
HomeBrewがインストールされていない場合は、まずインストール:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brewでgitをインストールする$ brew install git
インストールNode.JS
$ brew install node
Hexoのインストール
npm install hexo-cli -g
インストールが完了したら、次のことを確認します.
$ hexo
Hexo構成
作成ディレクトリの初期化
hexo initコマンドの使用
$hexo init初期化後のファイルディレクトリは次のとおりです.
├── _config.yml
├── package.json
├── scaffolds
│ ├── draft.md
│ ├── page.md
│ └── post.md
├── source
│ └── _posts
│ └── hello-world.md
└── themes
npm install
次のコマンドを実行します.
$ cd
$ npm install
うんてん
$ hexo generate
$ hexo server
成功したら、
localhost:4000
を開いて効果を表示できます.配置:
$ hexo deploy
HexoはGit構成を追加する:
npm install hexo-deployer-git --save
deploy:
type: git
repo:
branch:
Hexo略記コマンド
hexo n #
hexo g # public
hexo s #