Pretzelとは
pretzelは .NETプラットフォーム向けの静的サイト生成ツールです。
Jekyll使いたいけど、Windows環境なのでいろいろ面倒くさいとかいう時に使うのだと思います。
インストール
- Code52/pretzel の releases から最新版のZIPをダウンロードして適当な場所に解凍
- Pretzel.exe のフォルダにPathを通す（環境変数設定）
使い方
下記表の通りコマンドを読み替えて、
Jekyll入門（ドットインストール）で勉強するといいと思います。
| Pretzel | Jekyll | 機能 |
|---|---|---|
| create | new | サイトの雛形生成 |
| bake | build | サイトの生成（1回） |
| taste | serve | Webサーバ起動（変更監視） |
コードハイライト
- highlight.jsをダウンロードして解凍
- プロジェクトフォルダに配置
-
/styles/default.css→/css/highlight/default.css -
highlight.pack.js→/js/highlight.pack.js
-
- highlight.jsの呼び出しを記述
<!- ↓headに記述 -->
<link rel="stylesheet" href="/css/highlight/default.css">
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
絵文字
- emojify.js をダウンロードして解凍
- プロジェクトフォルダに配置
-
/dist/css/basic/emojify.min.css→/images/emoji -
/dist/images/basic→/css/emojify.min.css -
/dist/js/emojify.min.js→/js/emojify.min.js
-
- emojify.jsの呼び出しを記述
<!- ↓headに記述 -->
<link rel="stylesheet" href="/css/emojify.min.css">
<script src="/js/emojify.min.js"></script>
<!- ↓bodyの閉じタグの直前に記述 -->
<script>emojify.run();</script>