note

middlemanでブログを書いてGitHub Pagesで公開する

セットアップメモ

cloneなど

% git clone [email protected]:tnobuhito/note.git % cd note % bundle % npm install

記事のgenerate

(投稿のタイトルが「post」の場合) % bundle exec middleman article post

「source/articles/」配下に投稿用ファイルが作成される。 これを適宜変更する。

% vi source/articles/2020-07-26-post.html.md

サーバ起動

% bundle exec middleman server

ブラウザでアクセス

http://localhost:4567/

ビルド

% bundle exec middleman build

Github Pagesにデプロイ

% bundle exec middleman deploy

ブラウザでGithub Pagesにアクセス

https://tnobuhito.github.io/note/

画像ファイル

画像ファイルは「/assets/images/」ディレクトリ配下に配置して、マークダウンからは以下のようにして参照してください。

![](/assets/images/wakarimi.png)

マークダウンファイルの取り込みとテスト用ファイルの削除

「/source/articles/」ディレクトリのマークダウンファイルを参照するようになっています。 このディレクトリに存在するテスト用ファイルを削除して、お手持ちのマークダウンファイルを配置してください。