Markdown

Markdownコードスクリーンショット生成

Markdownのスニペットを、Macから離れることなく共有したくなる画像に。

Markdown のスクリーンショットは少し変わった行為ですが、レンダリング結果ではなくソースそのものが要点なら、これがまさに正解です。

Codeshotは貼り付けたコードからMarkdownを判別するので、言語の選び間違いは起きません。付属する30種類のうち3つのテーマで同じスニペットを、アプリ自身のスタイルシートで表示しています。

## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
GitHub · ダーク
## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
iA · ダーク
## Why an image

Pasted code loses **indentation** and syntax colouring. An image keeps
both, at the cost of being unselectable.

See [the size guides](/posts/) for per-platform dimensions.
Solarized · ダーク

Markdownに合うテーマ選び

強調が見えるテーマを使ってください。そうしないと見出しや太字の記号が本文から浮き上がりません。

サイズを正しく決める

画像サイズを内容に合わせるか、比率で固定します(1:1、4:3、3:2、16:9、9:16、2:3、3:4)。そのうえで1×・2×・3×から選んで書き出せば、Retinaディスプレイでも鮮明なままです。Cでクリップボードに直接コピー、またはSで保存できます。

30種類のテーマを見比べるか、全体の流れをご覧ください。

Markdownと、ほかの59言語のために

すべてMac上で動作します。コードが外に出ることはありません。

ダウンロード