未验证 提交 3768b245 编写于 作者: A Ayu 提交者: GitHub

docs: switch unpkg to jsdelivr (#1165)

上级 e45d7801
......@@ -130,13 +130,13 @@ All files included in `@tabler/core` npm package are available over a CDN.
#### Javascript
```html
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script>
```
#### Styles
```html
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css">
```
## Feature requests
......
......@@ -838,21 +838,21 @@
</div>
<p class="mb-4 text-muted">Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.</p>
</div>
<h2 id="cdn-via-unpkg">CDN via unpkg</h2>
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a unpkg CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.</p>
<h2 id="cdn-via-jsDelivr">CDN via jsDelivr</h2>
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a jsDelivr CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.</p>
<div class="language-html highlighter-rouge">
<div class="highlight">
<pre class="highlight"><code><span class="nt">&lt;script </span><span class="na">src=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/js/tabler.min.js"</span><span class="nt">&gt;&lt;/script&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler.min.css"</span><span class="nt">&gt;</span>
<pre class="highlight"><code><span class="nt">&lt;script </span><span class="na">src=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/js/tabler.min.js"</span><span class="nt">&gt;&lt;/script&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler.min.css"</span><span class="nt">&gt;</span>
</code></pre>
</div>
</div>
<p>You can also include additional Tabler plugins:</p>
<div class="language-html highlighter-rouge">
<div class="highlight">
<pre class="highlight"><code><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler-flags.min.css"</span><span class="nt">&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler-payments.min.css"</span><span class="nt">&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler-vendors.min.css"</span><span class="nt">&gt;</span>
<pre class="highlight"><code><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler-flags.min.css"</span><span class="nt">&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler-payments.min.css"</span><span class="nt">&gt;</span>
<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler-vendors.min.css"</span><span class="nt">&gt;</span>
</code></pre>
</div>
</div>
......
......@@ -842,7 +842,7 @@
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-flags.css</code> or <code>tabler-flags.min.css</code> file to your page.</p>
<p>You can also include plugin via CDN:</p>
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler-flags.min.css"</span><span class="nt">&gt;</span></code></pre>
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler-flags.min.css"</span><span class="nt">&gt;</span></code></pre>
</figure>
</div>
</div>
......
......@@ -842,7 +842,7 @@
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-payments.css</code> or <code>tabler-payments.min.css</code> file to your page.</p>
<p>You can also include plugin via CDN:</p>
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://unpkg.com/@tabler/core@1.0.0-beta10/dist/css/tabler-payments.min.css"</span><span class="nt">&gt;</span></code></pre>
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">"stylesheet"</span> <span class="na">href=</span><span class="s">"https://cdn.jsdelivr.net/npm/@tabler/core@1.0.0-beta10/dist/css/tabler-payments.min.css"</span><span class="nt">&gt;</span></code></pre>
</figure>
</div>
</div>
......
......@@ -5,13 +5,13 @@ description: Download Tabler to get the compiled CSS and JavaScript, source code
---
## CDN via unpkg
## CDN via jsDelivr
All files included in `{{ site.npm-package }}` npm package are available over a unpkg CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.
All files included in `{{ site.npm-package }}` npm package are available over a jsDelivr CDN. Use it to deliver cached version of Tabler’s compiled CSS and JS to your project.
```html
<script src="https://unpkg.com/{{ site.npm-package }}@{{ site.data.package.version }}/dist/js/tabler.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/tabler.min.css">
<script src="https://cdn.jsdelivr.net/npm/{{ site.npm-package }}@{{ site.data.package.version }}/dist/js/tabler.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/tabler.min.css">
```
You can also include additional Tabler plugins:
......@@ -19,7 +19,7 @@ You can also include additional Tabler plugins:
```html
{% removeemptylines %}
{% for plugin in site.tabler-css-plugins %}
<link rel="stylesheet" href="https://unpkg.com/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/{{ plugin }}.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/{{ plugin }}.min.css">
{% endfor %}
{% endremoveemptylines %}
```
......
......@@ -5,5 +5,5 @@
<p>You can also include plugin via CDN:</p>
{% highlight html %}<link rel="stylesheet" href="https://unpkg.com/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/tabler-{{ include.plugin }}.min.css">{% endhighlight %}
{% highlight html %}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/{{ site.npm-package }}@{{ site.data.package.version }}/dist/css/tabler-{{ include.plugin }}.min.css">{% endhighlight %}
</div>
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册