Website: Added basic usage for CDNs (#1924) Per [suggestion](https://github.com/PrismJS/prism/issues/1922#issuecomment-497681398) by @foxycode, I added an example for the usage of Prism with CDNs.
diff --git a/index.html b/index.html
index ae71785..fef21c9 100644
--- a/index.html
+++ b/index.html
@@ -152,6 +152,27 @@
<p>If you want to prevent any elements from being automatically highlighted, you can use the attribute <code>data-manual</code> on the <code><script></code> element you used for prism and use the <a href="extending.html#api">API</a>.
Example:</p>
<pre><code><script src="prism.js" data-manual></script></code></pre>
+ <h2>Usage with CDNs</h2>
+
+ <p>In combination with CDNs, we recommend using the <a href="plugins/autoloader">Autoloader plugin</a> which automatically loads languages when necessary.</p>
+
+ <p>The setup of the Autoloader, will look like the following. You can also your own themes of course.</p>
+
+ <pre><code><!DOCTYPE html>
+<html>
+<head>
+ ...</code>
+ <code class="highlight"><link href="https://myCDN.com/prism@v1.x/themes/prism.css" rel="stylesheet" /></code>
+<code></head>
+<body>
+ ...</code>
+<code class="highlight" style="display: inline-block; outline-offset: .2em; margin-bottom: .2em;"> <script src="https://myCDN.com/prism@v1.x/components/prism-core.min.js"></script>
+ <script src="https://myCDN.com/prism@v1.x/plugins/autoloader/prism-autoloader.min.js"></script>
+ <script>Prism.plugins.autoloader.languages_path = 'https://myCDN.com/prism@v1.x/components/'</script></code>
+<code></body>
+</html></code></pre>
+
+ <p>CDNs which provide PrismJS are e.g. <a href="https://cdnjs.com/libraries/prism">cdnjs</a> and <a href="https://www.jsdelivr.com/package/npm/prismjs">jsDelivr</a>.</p>
<h2>Usage with Webpack, Browserify, & Other Bundlers</h2>