StackEditが素晴らしい
公開日 2013-11-25
Chrome Web Storeで見つけたStackEditが素晴らしいです。これでMarkdownPad2やMarkedを捨てることができます。
下の機能が使えるのでこれから大活躍しそうです。
PDFエクスポート
資料配布の時はPDFのほうがなにかと都合がいいので、必須機能です。今までhtmlに出力してPDFに印刷していました。グッバイ、無駄な作業。
Fenced code block
コードを記述するときFenced code blockを使っているので、あると嬉しいです。
Code Syntax highlight
資料の中にコードの説明が必要なときに必須です。これがないと読みづらい。
Markdown Extra
変数の一覧など表形式で説明したいものがある場合、資料がすっきりわかりやすくなります。
サービス連携
作成した文章はブラウザのlocal strageに保存されるようですが、以下のサービスと連携できます。
文章単位のシンクロ
- Google Drive
- Dropbox
公開
- blogger
- Dropbox
- Gist
- Github
- Google Drive
- SSH server
- Tumblr
- Wordpress
アイコン
地味に役立ちそうなのが、デフォルトで用意されているテーマのcssに定義されているアイコン。アイコンを使うには生のhtmlを書かなければいけませんが、ちょっとしたアクセントに使えます。web fontをfontelloで生成しているようですが、ラインセンス一覧のものが使えるのかな？
YAML Front Matter
SettingsのServiceにあるDefault templateとPDF templateのハテナをクリックすると使える変数の一つにYAML Front Matterがありました。あとtemplateはunderscore.jsのようです。
使う場合は、frontMatterオブジェクト経由でアクセスします。
Markdownの本文
---
update: 2013/11/25
project: count0.org
---
# hogehoge
本文
テンプレート
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><%= documentTitle %></title>
<link rel="stylesheet" href="https://stackedit.io/res-min/themes/default.css" />
<script type="text/javascript" src="https://stackedit.io/libs/MathJax/MathJax.js?config=TeX-AMS_HTML"></script>
</head>
<body>
<div class="container">
<p><%= frontMatter.project %></p>
<p><%= frontMatter.update %></p>
<%= documentHTML %>
</div>
</body>
</html>
他に独自拡張を使える、テーマを作成できるなど良いところばかりで突然有料になってしまわないか不安になる程の素晴らしさです。しばらくはこれで。
