CS-Notes/docs/_style/prism-master/plugins/autolinker/index.html
2018-12-19 14:09:39 +08:00

70 lines
2.3 KiB
Java
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="favicon.png" />
<title>Autolinker Prism plugins</title>
<base href="../.." />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="themes/prism.css" data-noprefix />
<link rel="stylesheet" href="plugins/autolinker/prism-autolinker.css" data-noprefix />
<script src="prefixfree.min.js"></script>
<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
<script src="https://www.google-analytics.com/ga.js" async></script>
</head>
<body>
<header>
<div class="intro" data-src="templates/header-plugins.html" data-type="text/html"></div>
<h2>Autolinker</h2>
<p>Converts URLs and emails in code to clickable links. Parses <a href="https://daringfireball.net/projects/markdown/">Markdown</a> links in comments.</p>
</header>
<section>
<h1>How to use</h1>
<p>URLs and emails will be linked automatically, you dont need to do anything. To link some text inside a comment to a certain URL,
you may use the Markdown syntax:
<pre><code class="language-markdown">[Text you want to see](http://url-goes-here.com)</code></pre>
</section>
<section>
<h1>Examples</h1>
<h2>JavaScript</h2>
<pre><code class="language-javascript">/**
* Prism: Lightweight, robust, elegant syntax highlighting
* MIT license http://www.opensource.org/licenses/mit-license.php/
* @author Lea Verou http://lea.verou.me
* Reach Lea at fake@email.com (no, not really)
* And this is [a Markdown link](http://prismjs.com). Sweet, huh?
*/
var foo = 5;
// And a single line comment http://google.com</code></pre>
<h2>CSS</h2>
<pre><code class="language-css">@font-face {
src: url(http://lea.verou.me/logo.otf);
font-family: 'LeaVerou';
}</code></pre>
<h2>HTML</h2>
<pre><code class="language-markup">&lt;!-- Links in HTML, woo!
Lea Verou http://lea.verou.me or, with Markdown, [Lea Verou](http://lea.verou.me) -->
&lt;img src="http://prismjs.com/img/spectrum.png" alt="In attributes too!" />
&lt;p>Autolinking in raw text: http://prismjs.com&lt;/p></code></pre>
</section>
<footer data-src="templates/footer.html" data-type="text/html"></footer>
<script src="prism.js"></script>
<script src="plugins/autolinker/prism-autolinker.js"></script>
<script src="utopia.js"></script>
<script src="components.js"></script>
<script src="code.js"></script>
</body>
</html>