Cosa significa Markdown? Come utilizzare la sintassi Markdown/il markup di formattazione?

riduione di prezzoCosa significa?

Come utilizzare la sintassi Markdown/il markup di formattazione?

Panoramica

Markdown è un linguaggio di markup leggero creato da John Gruber.

Consente alle persone di "scrivere documenti in un formato di testo semplice che sia facile da leggere e scrivere, e quindi convertirli in documenti XHTML (o HTML) validi".

Il linguaggio ha assorbito molte delle caratteristiche del markup del testo normale già presenti nelle e-mail.

John Gruber ha creato il linguaggio Markdown nel 2004, in collaborazione con Aaron Swartz in gran parte sulla sintassi.Lo scopo del linguaggio è utilizzare "un formato di testo semplice che sia facile da leggere, facile da scrivere e, opzionalmente, convertibile in XHTML (o HTML) valido".

?

L'obiettivo di Markdown è di essere "facile da leggere e facile da scrivere".

leggibilità, fallo comunqueMarketing su Internet, l'esperienza dell'utente è molto importante.

Un file scritto in Markdown dovrebbe poter essere pubblicato direttamente in testo normale e non dovrebbe sembrare costituito da molti tag o direttive di formattazione.

La sintassi Markdown è influenzata da alcuni formati text-to-HTML esistenti, inclusi Setext, atx, Textile, reStructuredText, Grutatext ed EtText, ma la più grande fonte di ispirazione è il formato e-mail di testo normale.

Insomma, la sintassi di Markdown è tutta composta da simboli, selezionati con cura e le cui funzioni sono chiare a colpo d'occhio.Ad esempio: metti degli asterischi intorno al testo per farlo sembrare *enfasi*.

Gli elenchi in Markdown sembrano, beh, elenchi. Le virgolette in Markdown sembrano davvero citare un pezzo di testo, proprio come hai visto nelle e-mail.

Compatibile con HTML

L'obiettivo della grammatica Markdown è quello di essere un linguaggio di scrittura per il web.

Markdown non ha lo scopo di sostituire l'HTML, o addirittura di avvicinarsi ad esso, ha pochissimi tipi di sintassi e corrisponde solo a un piccolo sottoinsieme di markup HTML. Markdown non è stato concepito per semplificare la scrittura di documenti HTML.

Secondo me, HTML è già facile da scrivere. L'idea di Markdown è rendere i documenti più facili da leggere, scrivere e modificare a piacimento. HTML è un formato di pubblicazione, Markdown è unCopywritingformato scritto.In quanto tale, la sintassi di formattazione di Markdown copre solo ciò che il testo normale può fare.

I tag che non sono coperti da Markdown possono essere scritti in HTML direttamente nel documentoPromozione Webcopia.Non è necessario contrassegnarlo come HTML o Markdown; basta aggiungere direttamente il markup.

Solo alcuni elementi di blocco HTML da vincolare, ad esempio <div>,<table>,<pre>,<p> e altri tag, devono essere separati dalle altre aree di contenuto con righe vuote prima e dopo e i tag di apertura e chiusura non devono essere rientrati con tabulazioni o spazi. Il generatore di Markdown è abbastanza intelligente da non aggiungere tag di blocco HTML non necessari <p> etichetta.

L'esempio è il seguente, aggiungendo una tabella HTML al file Markdown:

这是一个普通段落。

<table>
    <tr>
        <td>Foo</td>
    </tr>
</table>

这是另一个普通段落。

Si noti che la sintassi di formattazione Markdown tra i tag di blocco HTML non verrà elaborata.Ad esempio, se utilizzi uno stile Markdown all'interno di un blocco HTML*强调*non avrà alcun effetto.

Tag di sezione HTML (inline) come <span>,<cite>,<del> Può essere utilizzato liberamente in paragrafi, elenchi o titoli di Markdown.In base alle abitudini personali, puoi persino utilizzare i tag HTML per la formattazione senza utilizzare il formato Markdown.Esempio: se preferisci HTML <a> 或 <img> tag, che possono essere utilizzati direttamente senza la sintassi dei tag di collegamento o immagine fornita da Markdown.

A differenza dei tag di blocco HTML, la sintassi Markdown è valida tra i tag di sezione HTML.

Conversione automatica di caratteri speciali

Nei file HTML, ci sono due caratteri che richiedono una gestione speciale: < 和 & . < i simboli sono usati per i tag di inizio,& I simboli sono usati per contrassegnare le entità HTML, se vuoi solo visualizzare il prototipo di questi caratteri, devi usare il modulo dell'entità, come < 和 &.

& I caratteri sono particolarmente tormentosi per gli autori di documenti web, se devi digitare "AT&T", devi scrivere"AT&T".mentre nell'URL & Anche i caratteri vengono convertiti.Ad esempio vuoi collegarti a:

http://images.google.com/images?num=30&q=larry+bird

Devi scrivere la conversione dell'URL come:

http://images.google.com/images?num=30&q=larry+bird

da inserire nel tag di collegamento href nelle proprietà.Inutile dire che questo è facile da ignorare e probabilmente il maggior numero di errori rilevati dalla convalida degli standard HTML.

Markdown ti consente di scrivere caratteri in modo naturale e si occupa di ciò che deve essere convertito.se usi & Un carattere fa parte di un'entità carattere HTML, viene lasciato così com'è, altrimenti viene convertito in &;.

Quindi se vuoi inserire un simbolo di copyright nel documento ©, tu puoi scrivere:

©

Markdown lo lascerà intatto.E se scrivi:

AT&T

Markdown lo convertirà in:

AT&T

Una situazione simile si verifica anche in < notazione, poiché Markdown consente la compatibilità HTML, se si inserisce < I simboli sono usati come delimitatori per i tag HTML e Markdown non eseguirà alcuna conversione su di essi, ma se scrivi:

4 < 5

Markdown lo convertirà in:

4 < 5

Tuttavia, va notato che nell'ambito del codice, sia esso inline o block, < 和 & entrambi i simbolicertovengono convertiti in entità HTML, una funzionalità che ti consente di scrivere facilmente codice HTML in Markdown (al contrario di HTML, dove metti tutti i < 和 & Tutti vengono convertiti in entità HTML, al fine di scrivere codice HTML nel file HTML. )

elemento di blocco

Paragrafi e interruzioni di riga

Un paragrafo Markdown è costituito da una o più righe di testo consecutive, precedute e seguite da più di una riga vuota (la definizione di riga vuota è che appare vuota sul display ed è considerata una riga vuota. Ad esempio, , se una riga contiene solo spazi e tabulazioni, anche la riga verrà considerata come una riga vuota).I paragrafi normali non devono essere rientrati con spazi o tabulazioni.

La frase "consiste in una o più righe di testo consecutive" implica in realtà che Markdown consente l'inserimento forzato di nuove righe (inserimento di nuove righe) all'interno dei paragrafi, una caratteristica diversa dalla maggior parte degli altri formati da testo a HTML (incluso il tipo mobile "Converti interruzioni di riga " opzione), altri formati convertiranno ogni interruzione di riga in <br /> etichetta.

如果 你确实Vuoi fare affidamento su Markdown per l'inserimento <br /> Per le etichette, premere due o più spazi nel punto di inserimento e quindi premere Invio.

In effetti, ci vuole un po' più di lavoro (spazi aggiuntivi) per generare <br /> , ma semplicemente "ogni nuova riga viene convertita in <br />"Il metodo non è adatto in Markdown, em in MarkdownaiLe virgolette in blocco stile L e gli elenchi di più paragrafi non sono solo più utili ma anche più facili da leggere quando si scrive con interruzioni di riga.

标题

Markdown supporta due sintassi per i titoli, Setext-like e atx-like.

Il modulo simile a Settext è il modulo con la riga inferiore, utilizzando = (titolo più alto) e - (Titoli del secondo ordine), ad esempio:

This is an H1
=============

This is an H2
-------------

qualsiasi importo = 和 - può essere efficace.

Il modulo simile ad Atx inserisce da 1 a 6 all'inizio della riga # , corrispondenti alle rubriche da 1 a 6, ad esempio:

# 这是 H1

## 这是 H2

###### 这是 H6

Puoi facoltativamente "chiudere" intestazioni simili a atx, questo è puramente estetico, se ti senti a tuo agio in questo modo, puoi aggiungerlo alla fine della riga #, mentre la riga termina # Il numero non deve essere necessariamente lo stesso dell'inizio (il numero di caratteri cancelletto all'inizio della riga determina l'ordine del titolo):

# 这是 H1 #

## 这是 H2 ##

### 这是 H3 ######

Citazioni in blocco Citazioni in blocco

Le virgolette markup markup sono utilizzate in modo simile a quelle utilizzate nelle e-mail > di citazioni.Se hai familiarità con le virgolette nelle lettere e-mail, sai come creare una virgoletta in blocco in un file Markdown, che sembrerebbe che tu stesso rompa le righe, quindi aggiungi > :

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> 
> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
> id sem consectetuer libero luctus adipiscing.

Markdown ti consente anche di essere pigro e aggiungere solo la prima riga dell'intero paragrafo > :

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.

I riferimenti di blocco possono essere annidati (es: riferimenti all'interno di riferimenti) aggiungendo un numero diverso di > :

> This is the first level of quoting.
>
> > This is nested blockquote.
>
> Back to the first level.

Altre sintassi Markdown possono essere utilizzate anche all'interno di blocchi tra virgolette, inclusi titoli, elenchi, blocchi di codice, ecc.:

> ## 这是一个标题。
> 
> 1.   这是第一行列表项。
> 2.   这是第二行列表项。
> 
> 给出一些例子代码：
> 
>     return shell_exec("echo $input | $markdown_script");

Qualsiasi editor di testo decente può facilmente creare citazioni in stile e-mail.Ad esempio in BBEdit puoi selezionare il testo e quindi scegliere dal menuaumentare la gerarchia delle citazioni.

lista

Markdown supporta elenchi ordinati e non ordinati.

Gli elenchi non ordinati utilizzano asterischi, segni più o segni meno come indicatori di elenco:

*   Red
*   Green
*   Blue

Equivalente a:

+   Red
+   Green
+   Blue

Equivalente anche a:

-   Red
-   Green
-   Blue

Gli elenchi ordinati utilizzano numeri seguiti da un punto:

1.  Bird
2.  McHale
3.  Parish

È importante notare che i numeri che utilizzi nel tag elenco non influiscono sull'HTML di output. Il markup HTML risultante per l'elenco sopra sarebbe:

<ol>
<li>Bird</li>
<li>McHale</li>
<li>Parish</li>
</ol>

Se il markup dell'elenco è scritto come:

1.  Bird
1.  McHale
1.  Parish

o anche:

3. Bird
1. McHale
8. Parish

Otterrete entrambi esattamente lo stesso output HTML.Il punto è che puoi rendere i numeri dell'elenco nel file Markdown uguali ai risultati di output o, se sei pigro, non devi preoccuparti della correttezza dei numeri.

Se si utilizza la scrittura pigra, si consiglia di iniziare con 1. per il primo elemento, poiché Markdown potrebbe supportare l'attributo di inizio degli elenchi ordinati in futuro.

Il tag dell'elemento dell'elenco viene solitamente posizionato all'estrema sinistra, ma può essere rientrato, fino a 3 spazi, e il tag dell'elemento deve essere seguito da almeno uno spazio o tabulazione.

Per rendere l'elenco più gradevole, puoi organizzare i contenuti con un rientro fisso:

*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
    viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
    Suspendisse id sem consectetuer libero luctus adipiscing.

Ma se sei pigro, va bene anche questo:

*   Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi,
viverra nec, fringilla in, laoreet vitae, risus.
*   Donec sit amet nisl. Aliquam semper ipsum sit amet velit.
Suspendisse id sem consectetuer libero luctus adipiscing.

Se gli elementi dell'elenco sono separati da righe vuote, Markdown utilizzerà il contenuto degli elementi durante l'output HTML. <p> Le etichette sono avvolte, ad esempio:

*   Bird
*   Magic

sarà convertito in:

<ul>
<li>Bird</li>
<li>Magic</li>
</ul>

Ma questo:

*   Bird

*   Magic

sarà convertito in:

<ul>
<li><p>Bird</p></li>
<li><p>Magic</p></li>
</ul>

Gli elementi dell'elenco possono contenere più paragrafi e i paragrafi sotto ogni elemento devono essere rientrati di 4 spazi o 1 tabulazione:

1.  This is a list item with two paragraphs. Lorem ipsum dolor
    sit amet, consectetuer adipiscing elit. Aliquam hendrerit
    mi posuere lectus.

    Vestibulum enim wisi, viverra nec, fringilla in, laoreet
    vitae, risus. Donec sit amet nisl. Aliquam semper ipsum
    sit amet velit.

2.  Suspendisse id sem consectetuer libero luctus adipiscing.

Sembra molto meglio se rientri in ogni riga, ovviamente, di nuovo, se sei pigro, Markdown consente anche:

*   This is a list item with two paragraphs.

    This is the second paragraph in the list item. You're
only required to indent the first line. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit.

*   Another item in the same list.

Se vuoi inserire un riferimento all'interno di una voce di elenco, allora > Deve essere rientrato:

*   A list item with a blockquote:

    > This is a blockquote
    > inside a list item.

Se vuoi inserire un blocco di codice, il blocco deve essere rientratodue volte, che è 8 spazi o 2 schede:

*   一列表项包含一个列表区块：

        <代码写在这>

Naturalmente, un elenco di elementi potrebbe essere generato accidentalmente, qualcosa del genere:

1986. What a great season.

In altre parole, appare all'inizio della riganumero-punto-vuoto, per evitare ciò, puoi aggiungere una barra rovesciata prima del punto.

1986\. What a great season.

blocco di codice

Il codice sorgente del linguaggio di scrittura o tag relativo al programma di solito ha già dei blocchi di codice digitati. Di solito, non vogliamo che questi blocchi siano impaginati come file di paragrafo generici, ma li mostrino così come sono. Markdown utilizzerà <pre> 和 <code> tag per avvolgere i blocchi di codice.

Gli elementi costitutivi del codice in Markdown sono semplici come indentare 4 spazi o 1 tab, ad esempio, inserire quanto segue:

这是一个普通段落：

    这是一个代码区块。

Markdown verrà convertito in:

<p>这是一个普通段落：</p>

<pre><code>这是一个代码区块。
</code></pre>

Questo rientro del primo ordine per riga (4 spazi o 1 tabulazione) viene rimosso, ad esempio:

Here is an example of AppleScript:

    tell application "Foo"
        beep
    end tell

sarà convertito in:

<p>Here is an example of AppleScript:</p>

<pre><code>tell application "Foo"
    beep
end tell
</code></pre>

Un blocco di codice continua fino alla riga non rientrata (o alla fine del file).

All'interno del blocco di codice, & , < 和 > Verrà automaticamente convertito in entità HTML.Questo metodo ti semplifica l'utilizzo di Markdown per inserire il codice sorgente HTML per l'esempio, basta copiarlo e incollarlo, aggiungere il rientro e il resto Markdown lo gestirà per te, per esempio:

    <div class="footer">
        © 2004 Foo Corporation
    </div>

sarà convertito in:

<pre><code><div class="footer">
    © 2004 Foo Corporation
</div>
</code></pre>

Nel blocco di codice, la sintassi generale di Markdown non verrà convertita, ad esempio gli asterischi sono solo asterischi, il che significa che puoi facilmente scrivere file correlati alla sintassi di Markdown nella sintassi di Markdown.

divisore

Puoi utilizzare più di tre asterischi, segni meno, trattini bassi per creare un divisore in una riga, nient'altro nella riga.Puoi anche inserire spazi tra asterischi o segni meno.Le linee di separazione possono essere create in ciascuno dei seguenti modi di scrittura:

* * *

***

*****

- - -

---------------------------------------

elemento di sezione

collegamento

Markdown supporta due forme di sintassi dei link: In linea和riferimentodue forme.

In ogni caso, il testo del collegamento è contrassegnato da [parentesi quadre].

per creare unIn lineaSe si desidera aggiungere il testo del titolo del collegamento, è sufficiente racchiudere il testo del titolo tra virgolette doppie dopo l'URL, ad esempio:

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

Produrrà:

<p>This is <a href="http://example.com/" title="Title">
an example</a> inline link.</p>

<p><a href="http://example.net/">This link</a> has no
title attribute.</p>

Se ti stai collegando a risorse sullo stesso host, puoi utilizzare percorsi relativi:

See my [About](/about/) page for details.

riferimentoIl collegamento è seguito da un'altra parentesi quadra dopo la parentesi del testo del collegamento e il segno utilizzato per identificare il collegamento deve essere compilato nella seconda parentesi quadra:

This is [an example][id] reference-style link.

Opzionalmente puoi anche inserire uno spazio tra le due parentesi quadre:

This is [an example] [id] reference-style link.

Quindi, in qualsiasi punto del file, puoi definire il contenuto del collegamento di questo tag:

[id]: http://example.com/  "Optional Title Here"

Il contenuto del collegamento è definito nella forma:

• Parentesi quadre (facoltativamente precedute da un massimo di tre spazi per il rientro) in cui viene inserito il testo del collegamento
• seguito da due punti
• seguito da uno o più spazi o tabulazioni
• l'URL del collegamento successivo
• Facoltativamente, segui il contenuto del titolo, che può essere racchiuso tra virgolette singole, virgolette doppie o parentesi

Le definizioni dei tre collegamenti seguenti sono le stesse:

[foo]: http://example.com/  "Optional Title Here"
[foo]: http://example.com/  'Optional Title Here'
[foo]: http://example.com/  (Optional Title Here)

请 注意:Esiste un problema noto in cui Markdown.pl 1.0.1 ignora i titoli dei collegamenti racchiusi tra virgolette singole.

Gli URL dei link possono anche essere racchiusi tra parentesi angolari:

[id]: <http://example.com/>  "Optional Title Here"

Puoi anche inserire l'attributo title nella riga successiva o aggiungere un po' di rientro, che sembrerà migliore se l'URL è troppo lungo:

[id]: http://example.com/longish/path/to/resource/here
    "Optional Title Here"

La definizione dell'URL viene utilizzata solo durante la generazione del collegamento e non viene visualizzata direttamente nel file.

I tag di identificazione del collegamento possono contenere lettere, numeri, spazi bianchi e segni di punteggiatura, ma non lo fanno不Fa distinzione tra maiuscole e minuscole, quindi i due collegamenti seguenti sono gli stessi:

[link text][a]
[link text][A]

Tag di collegamento implicitofunzione consente di omettere di specificare un tag di collegamento. In questo caso, il tag di collegamento verrà trattato come equivalente al testo del collegamento. Per utilizzare un tag di collegamento implicito, è sufficiente aggiungere una parentesi quadra vuota dopo il testo del collegamento. Se si desidera "Google " Collegandoti a google.com, puoi semplificare in:

[Google][]

Quindi definire il contenuto del collegamento:

[Google]: http://google.com/

Poiché il testo del collegamento può contenere spazi bianchi, questo markup semplificato può contenere più parole:

Visit [Daring Fireball][] for more information.

Quindi vai a definire il collegamento:

[Daring Fireball]: http://daringfireball.net/

La definizione del link può essere posta in qualsiasi punto del file, io preferisco metterla subito dopo il paragrafo in cui compare il link, puoi anche metterla alla fine del file, proprio come un commento.

Ecco un esempio di link di riferimento:

I get 10 times more traffic from [Google] [1] than from
[Yahoo] [2] or [MSN] [3].

  [1]: http://google.com/        "Google"
  [2]: http://search.yahoo.com/  "Yahoo Search"
  [3]: http://search.msn.com/    "MSN Search"

Se lo modifichi per utilizzare il nome del link per scrivere:

I get 10 times more traffic from [Google][] than from
[Yahoo][] or [MSN][].

  [google]: http://google.com/        "Google"
  [yahoo]:  http://search.yahoo.com/  "Yahoo Search"
  [msn]:    http://search.msn.com/    "MSN Search"

I due modi di scrittura precedenti produrranno il seguente HTML.

<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from
<a href="http://search.yahoo.com/" title="Yahoo Search">Yahoo</a>
or <a href="http://search.msn.com/" title="MSN Search">MSN</a>.</p>

Di seguito è riportato un file Markdown dello stesso contenuto scritto in linea, fornito per il confronto:

I get 10 times more traffic from [Google](http://google.com/ "Google")
than from [Yahoo](http://search.yahoo.com/ "Yahoo Search") or
[MSN](http://search.msn.com/ "MSN Search").

In effetti, il punto di riferimento dei collegamenti in stile non è che sia più facile da scrivere, ma che sia più facile da leggere. Confronta l'esempio sopra. L'articolo in stile di riferimento stesso è di soli 81 caratteri, ma il modulo inline aumenterà a 176 caratteri. , se è scritto in puro formato HTML, ci saranno 234 caratteri In formato HTML, ci sono più tag che testo.

Utilizzando i collegamenti in stile riferimento di Markdown, puoi rendere il documento più simile al risultato finale del browser, consentendoti di spostare alcuni metadati relativi al markup al di fuori del testo del paragrafo e puoi aggiungere collegamenti senza dare la sensazione di lettura dell'articolo. .

强调

Markdown utilizza asterischi (*) e la riga inferiore (_) come simbolo per contrassegnare una parola sottolineata, è * 或 _ Le parole circondate vengono convertite in <em> circondato da etichette, con due * 或 _Se è avvolto, verrà convertito in <strong>,Per esempio:

*single asterisks*

_single underscores_

**double asterisks**

__double underscores__

si trasformerà in:

<em>single asterisks</em>

<em>single underscores</em>

<strong>double asterisks</strong>

<strong>double underscores</strong>

Puoi usare lo stile che preferisci, l'unica limitazione è che puoi usare il simbolo per aprire il tag e il simbolo per terminarlo.

L'enfasi può anche essere inserita direttamente al centro del testo:

un*frigging*believable

mase tuo * 和 _ Se sono presenti spazi bianchi su entrambi i lati, vengono trattati come normali simboli.

Per inserire normali asterischi o trattini bassi direttamente prima e dopo il testo, puoi utilizzare le barre rovesciate:

\*this text is surrounded by literal asterisks\*

Codice

Se vuoi contrassegnare un piccolo pezzo di codice inline, puoi avvolgerlo in backtick (`),Per esempio:

Use the `printf()` function.

Produrrà:

<p>Use the <code>printf()</code> function.</p>

Se vuoi inserire backtick all'interno di una sezione di codice, puoi iniziare e terminare la sezione di codice con più backtick:

``There is a literal backtick (`) here.``

Questa sintassi produce:

<p><code>There is a literal backtick (`) here.</code></p>

Puoi inserire uno spazio vuoto all'inizio e alla fine di una sezione di codice, uno dopo l'inizio e uno prima della fine, in modo da poter inserire backtick all'inizio della sezione:

A single backtick in a code span: `` ` ``

A backtick-delimited string in a code span: `` `foo` ``

Produrrà:

<p>A single backtick in a code span: <code>`</code></p>

<p>A backtick-delimited string in a code span: <code>`foo`</code></p>

All'interno della sezione del codice,& e parentesi angolari都verrà automaticamente convertito in entità HTML, il che semplifica l'inserimento del codice sorgente HTML, Markdown inserisce il seguente paragrafo:

Please don't use any `<blink>` tags.

a:

<p>Please don't use any <code><blink></code> tags.</p>

Puoi anche scrivere questo:

`—` is the decimal-encoded equivalent of `—`.

Produrre:

<p><code>—</code> is the decimal-encoded
equivalent of <code>—</code>.</p>

图片

Ovviamente, è difficile progettare una sintassi "naturale" per inserire immagini in un'applicazione di solo testo.

Markdown utilizza una sintassi simile a quella dei collegamenti per contrassegnare le immagini e consente anche due stili: In linea和riferimento.

La sintassi dell'immagine in linea è simile a:

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

I dettagli sono i seguenti:

• un punto esclamativo !
• seguito da una parentesi quadra con testo alternativo per l'immagine
• Quindi una parentesi normale, inserisci l'URL dell'immagine all'interno e infine avvolgila tra virgolette e aggiungi un testo "titolo" facoltativo.

La sintassi dell'immagine di riferimento è simile alla seguente:

![Alt text][id]

"id" è il nome del riferimento all'immagine, che è definito allo stesso modo di un riferimento al collegamento:

[id]: url/to/image  "Optional title attribute"

Finora, Markdown non ha modo di specificare la larghezza e l'altezza dell'immagine, se necessario, puoi usare la normale <img> etichetta.

其它

collegamento automatico

Markdown supporta l'elaborazione di URL ed e-mail sotto forma di brevi collegamenti automatici. Finché sono racchiusi tra parentesi angolari, Markdown lo convertirà automaticamente in un collegamento.Il testo del collegamento dell'URL generale è lo stesso dell'indirizzo del collegamento, ad esempio:

<http://example.com/>

Il markdown verrà convertito in:

<a href="http://example.com/">http://example.com/</a>

Anche il collegamento automatico degli indirizzi e-mail è molto simile, tranne per il fatto che Markdown eseguirà prima un processo di conversione della codifica, convertendo i caratteri di testo in entità HTML esadecimali.Questo formato può ingannare alcuni robot di raccolta di indirizzi e-mail non validi, come:

<[email protected]>

Il ribasso si trasformerà in:

<a href="mailto:addre
[email protected]
m">address@exa
mple.com</a>

Nel browser, questa stringa (in realtà <a href="mailto:[email protected]">[email protected]</a>) diventa un link cliccabile "[email protected]".

(Sebbene questo approccio possa ingannare molti robot, non può fermarli tutti, ma è meglio di niente. In ogni caso, aprire la tua casella di posta alla fine attirerà lettere pubblicitarie.)

barra rovesciata

Markdown può utilizzare le barre rovesciate per inserire simboli che hanno altri significati nella grammatica, ad esempio: se vuoi aggiungere un asterisco accanto al testo per enfatizzare (ma non <em> tag), puoi far precedere l'asterisco da una barra rovesciata:

\*literal asterisks\*

Markdown supporta i seguenti simboli preceduti da una barra rovesciata per facilitare l'inserimento di simboli comuni:

\   反斜线
`   反引号
*   星号
_   底线
{}  花括号
[]  方括号
()  括弧
#   井字号
+   加号
-   减号
.   英文句点
!   惊叹号

Editor gratuito di ribasso

Piattaforma Windows

• Markdown Pad
• Mark Pad

Piattaforma Mac

• Mou

editore in linea

• Editore MP

plug-in del browser

• Plugin Markdown qui

*** Se c'è un editor Markdown gratuito migliore da consigliare, si prega di prestare attenzione al feedbackChen Weiang,Grazie!