Markdownを始めたばかりです。とても気に入っていますが、1 つ気になる点があります。Markdown を使用して画像のサイズを変更するにはどうすればよいですか?
ドキュメントは、画像に対して次の提案のみを提供します。
可能であれば、画像も中央に配置したいと思います。GitHub のやり方だけでなく、一般的な Markdown を求めています。
1116001 次
34 に答える
1436
マークダウンでHTMLを使用することができます。
<img src="drawing.jpg" alt="drawing" width="200"/>
styleまたは属性経由（ GitHubではサポートされていません）
<img src="drawing.jpg" alt="drawing" style="width:200px;"/>
または、マークダウンと画像の配置に関するこの回答で説明されているように、カスタムCSSファイルを使用することもできます
別のファイルのCSS：
img[alt=drawing] { width: 200px; }
于 2013-02-07T09:26:18.263 に答える
95
PanDoc の MarkDown を作成している場合は、次のようにすることができます。
{ width=50% }
style="width: 50%;"これは、HTML<img>タグまたはLaTeX[width=0.5\textwidth]に追加されます。\includegraphics
ソース: http://pandoc.org/MANUAL.html#extension-link_attributes
于 2016-12-15T16:40:15.803 に答える
27
属性値に基づくCSS セレクターと一緒に、ほぼすべてのMarkdown実装/レンダリングで設定できるalt属性を利用することができます。利点は、さまざまな画像サイズ (およびその他の属性) のセット全体を簡単に定義できることです。
マークダウン:
CSS:
img[alt="minipic"] {
max-width: 20px;
display: block;
}
于 2014-10-28T12:36:10.270 に答える
20
kramdown を使用している場合は、次のようにできます。
{:.foo}
次に、これをカスタム CSSに追加します。
.foo {
text-align: center;
width: 100px;
}
于 2013-02-04T08:51:32.670 に答える
19
Tiemes の回答に基づいて、CSS 3を使用している場合は、部分文字列セレクターを使用できます。
このセレクターは、「-fullwidth」で終わる alt タグを持つすべての画像に一致します。
img[alt$="-fullwidth"]{
width: 100%;
display: block;
}
その後、画像を説明する目的で alt タグを引き続き使用できます。
上記のマークダウンは次のようになります。
私はこれを Ghost マークダウンで使用しており、うまく機能しています。
于 2015-12-31T16:32:43.800 に答える
11
これも kramdown で使用できます。
markdown
{:.some-css-class style="width: 200px"}
また
markdown
{:.some-css-class width="200"}
このようにして、任意の属性を最後の html 要素に直接追加できます。クラスを追加するには、ショートカット.class.secondclassがあります。
于 2013-11-16T22:18:37.953 に答える
9
R markdown/ bookdownで機能するソリューションを探しているすべての人にとって、これらの以前のソリューションは機能する/機能しないか、わずかな適応が必要です。
働く
追加
{ width=50% }または{ width=50% height=50% }{ width=50% }{ width=50% height=50% }重要:幅と高さの間にカンマを入れないでください。つまり、機能し
{ width=50%, height=30% }ません!
追加
{ height="36px" width="36px" }{ height="36px" width="36px" }- 注：
{:height="36px" width="36px"}@saythのようにコロンを使用すると、Rマークダウンでは機能しないようです
動作していません:
- 追加
=WIDTHxHEIGHT- 画像のサイズを変更するためのグラフィック ファイルの URL の後に (@prosseek から)
- どちら
=WIDTHxHEIGHTでも=WIDTHない_
于 2019-12-06T16:05:49.207 に答える
7
R-Markdown の場合、上記の解決策はどちらもうまくいかなかったので、通常のLaTeX構文に変更しました。これは問題なく機能します。
\begin{figure}
\includegraphics[width=300pt, height = 125 pt]{drawing.jpg}
\end{figure}
次に、たとえば\begin{center}ステートメントを使用して画像を中央に配置できます。
于 2016-09-05T13:53:05.997 に答える
5
Flaskを使用する場合（フラットページで使用しています）...マークダウンへの呼び出し内の拡張機能で明示的に（何らかの理由でデフォルトではありませんでした）「attr_list」を有効にするとうまくいくことがわかりました-その後、属性を使用できます(CSS へのアクセスにも非常に便利です - たとえば、class="my class" など...)。
FLATPAGES_HTML_RENDERER = prerender_jinja
そして機能：
def prerender_jinja(text):
prerendered_body = render_template_string(Markup(text))
pygmented_body = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
return pygmented_body
そしてMarkdownで：
{: width=200px}
于 2016-02-08T05:10:30.527 に答える
3
ソース URL への相対次元の追加は、Markdown レンダラーの大部分でレンダリングされます。
これをCorillaに実装したのは、ユーザーに基本的な HTML への依存を強いることなく、既存のワークフローの期待に従うパターンだと思うからです。お気に入りのツールが同様のパターンに従っていない場合は、機能リクエストを提出する価値があります。
構文の例:
子猫の例:
于 2018-02-08T14:13:04.203 に答える
2
于 2019-07-22T11:38:58.480 に答える