autolinker.hast.html

<link href="./theme.css" rel="stylesheet" />
<div class="remark-highlight">
  <pre
    class="language-js"
  ><code class="language-js"><span class="token doc-comment comment">/**
 * Prism: Lightweight, robust, elegant syntax highlighting
 * MIT license http://www.opensource.org/licenses/mit-license.php/
 * <span class="token keyword">@author</span> Lea Verou http://lea.verou.me
 * Reach Lea at fake@email.com (no, not really)
 * And this is a Markdown link. Sweet, huh?
 */</span>
<span class="token keyword">var</span> foo <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">;</span>
<span class="token comment">// And a single line comment <a href="http://google.com" class="token url-link">http://google.com</a></span>
</code></pre>
</div>
<div class="remark-highlight">
  <pre
    class="language-css"
  ><code class="language-css"><span class="token atrule"><span class="token rule">@font-face</span></span> <span class="token punctuation">{</span>
  <span class="token property">src</span><span class="token punctuation">:</span> <span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><a href="http://lea.verou.me/logo.otf" class="token url-link">http://lea.verou.me/logo.otf</a><span class="token punctuation">)</span></span><span class="token punctuation">;</span>
  <span class="token property">font-family</span><span class="token punctuation">:</span> <span class="token string">'LeaVerou'</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
</div>
<div class="remark-highlight">
  <pre
    class="language-html"
  ><code class="language-html"><span class="token comment">&#x3C;!-- Links in HTML, woo!
Lea Verou <a href="http://lea.verou.me" class="token url-link">http://lea.verou.me</a> or, with Markdown, Lea Verou --></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><a href="http://prismjs.com/img/spectrum.png" class="token url-link">http://prismjs.com/img/spectrum.png</a><span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>In attributes too!<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span>p</span><span class="token punctuation">></span></span>Autolinking in raw text: <a href="http://prismjs.com" class="token url-link">http://prismjs.com</a><span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span>p</span><span class="token punctuation">></span></span>
</code></pre>
</div>
<div class="remark-highlight">
  <pre
    class="language-markdown"
  ><code class="language-markdown"><span class="token url">[<span class="token content">Text you want to see</span>](<span class="token url"><a href="http://url-goes-here.com" class="token url-link">http://url-goes-here.com</a></span>)</span>
</code></pre>
</div>