web-dev-qa-db-ja.com

マークダウン構文を使用してブロック引用の著者を引用する

Symphony CMSを使用しており、記事の作成にMarkdownを使用しています。私はベンジャミン・フランクリンからの引用のブロック引用を行う必要があり、ifの下に引用が続きますが、今は行全体をブロック引用するだけです。これをマークダウン構文でどのように行うのですか？

markdowncitations
118
CMS Critic

Markdownには専用の引用構文はありません。

あなたの最善の策は次のようなものです：

> Quote here.
>
> -- <cite>Benjamin Franklin</cite>

結果：

ここで引用します。

-ベンジャミン・フランクリン

158
ceejayoz
> The secret to creativity is knowing how to hide your sources. 
> -- <cite>[Albert Einstein][1]</cite>

[1]:http://www.quotedb.com/quotes/2112

スタイルマニュアルがある場合は、そのガイドラインを使用して、引用の配置場所などを正確に決定してください。

上記のMarkdown + Smartypantsの出力は

創造性の秘は、ソースを隠す方法を知ることです。 - アルバートアインシュタイン

72
Darren Meyer

参照用に別のサンプルをここに追加します。 https://en.wikipedia.org/wiki/Special:CiteThisPage から生成

> Test-driven development (TDD) is a software development process that relies on the repetition of a very short development cycle: requirements are turned into very specific test cases, then the software is improved to pass the new tests, only. 
>
> --- [Test-driven development. (2016, November 20). In Wikipedia, The Free Encyclopedia. Retrieved 23:45, November 20, 2016](https://en.wikipedia.org/w/index.php?title=Test-driven_development&oldid=750634597)

以下を生成します。

テスト駆動開発（TDD）は、非常に短い開発サイクルの繰り返しに依存するソフトウェア開発プロセスです。要件は非常に特定のテストケースに変換され、ソフトウェアは新しいテストのみに合格するように改善されます。

--- テスト駆動開発。（2016年11月20日）。ウィキペディアでは、The FreeEncyclopedia。Retrieve23:45、November 20、2016

4
Dilini Rajapaksha

1。引用があるので、たとえそれが未知であっても、ソースを持っていると思われます。

2。マークダウン以来> Quoteは<blockquote><p>Quote</p></blockquote>および

> Quote1
>
> Quote2

としてレンダリングされます

<blockquote>
  <p>Quote1</p>
  <p>Quote2</p>
</blockquote>

これに対する私の解決策は、常に最後の<p></p>ソースとして、cssで処理します（私の場合はSCSS）：

blockquote {
    p {
        display: inline;

        &:first-of-type {
            quotes: '\201C' '\201D' '\2018' '\2019';

            &::before {
                content: open-quote;
                margin-right: 0.1rem;
            }
        }

        &:last-of-type {
            quotes: '\201C' '\201D' '\2018' '\2019';
            font-style: italic;

            &::before {
                content: close-quote "\000A" "\2014" " ";
                white-space: pre;
                margin-left: 0.1rem;
                font-style: normal;
            }
        }

        // In case of a quote without a source.
        &:only-of-type {
            font-style: normal;
            quotes: '\201C' '\201D' '\2018' '\2019';

            &::before {
               content: open-quote;
               margin-right: 0.1rem;
            }

            &::after {
                content: close-quote;
                margin-left: 0.1rem;
            }
        }
    }
}

\000A it new line unicode character css format 、次の行にソースを表示するのに役立ちます。必要ない場合は、削除してスペースを追加します。その他は、Unicode文字のCSS形式です。

1
Undefined Behavior

個人的には、blockquoteにblockquoteをネストすることを好みます。

私はそれをするのが好きです：

> Quote here.
>
>> <cite>Benjamin Franklin</cite>

出力はすべてをどのようにスタイルするかによって異なりますが、単純な `ol githubを使用すると、このように見えます。

enter image description here

https://Gist.github.com/nahtnam/63e3a14acd0f02313ec

0
nahtnam