Skip to content

Commit d798a12

Browse files
orama254orama254
authored
changed the CDN from unpkg to jsDelivr #1020 (#1022)
* changed the CDN from unpkg to jsDelivr #1020 * tweaks after code review of PR #1022 for issue #1020
1 parent 6e9911c commit d798a12

12 files changed

+75
-75
lines changed

‎docs/cdn.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
# CDN
22

3-
Recommended: [unpkg](//unpkg.com), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [unpkg.com/docsify/](//unpkg.com/docsify/).
3+
Recommended: [jsDelivr](//cdn.jsdelivr.net), which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at [cdn.jsdelivr.net/npm/docsify/](//cdn.jsdelivr.net/npm/docsify/).
44

55
## Latest version
66

77
```html
88
<!-- load css -->
9-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
9+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">
1010

1111
<!-- load script -->
12-
<script src="//unpkg.com/docsify/lib/docsify.js"></script>
12+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.js"></script>
1313
```
1414

1515
Alternatively, use [compressed files](#compressed-file).
@@ -18,28 +18,28 @@ Alternatively, use [compressed files](#compressed-file).
1818

1919
```html
2020
<!-- load css -->
21-
<link rel="stylesheet" href="//unpkg.com/docsify@2.0.0/themes/vue.css">
21+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4.10.2/themes/vue.css">
2222

2323
<!-- load script -->
24-
<script src="//unpkg.com/docsify@2.0.0/lib/docsify.js"></script>
24+
<script src="//cdn.jsdelivr.net/npm/docsify@4.10.2/lib/docsify.js"></script>
2525
```
2626

2727
## Compressed file
2828

2929
```html
3030
<!-- load css -->
31-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
31+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css">
3232

3333
<!-- load script -->
34-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
34+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
3535
```
3636

3737
```html
3838
<!-- load css -->
39-
<link rel="stylesheet" href="//unpkg.com/docsify@2.0.0/lib/themes/vue.css">
39+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4.10.2/lib/themes/vue.css">
4040

4141
<!-- load script -->
42-
<script src="//unpkg.com/docsify@2.0.0/lib/docsify.min.js"></script>
42+
<script src="//cdn.jsdelivr.net/npm/docsify@4.10.2/lib/docsify.min.js"></script>
4343
```
4444

4545
## Other CDN

‎docs/cover.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ Set `coverpage` to **true**, and create a `_coverpage.md`:
1414
coverpage: true
1515
}
1616
</script>
17-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
17+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
1818
```
1919

2020
```markdown

‎docs/custom-navbar.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ Alternatively, you can create a custom markdown-based navigation file by setting
3030
loadNavbar: true
3131
}
3232
</script>
33-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
33+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
3434
```
3535

3636
```markdown
@@ -82,8 +82,8 @@ If you use the [emoji plugin](plugins#emoji):
8282
// ...
8383
}
8484
</script>
85-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
86-
<script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
85+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
86+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
8787
```
8888

8989
you could, for example, use flag emojis in your custom navbar Markdown file:

‎docs/index.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010
<meta name="keywords" content="doc,docs,documentation,gitbook,creator,generator,github,jekyll,github-pages">
1111
<meta name="description" content="A magical documentation generator.">
1212
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
13-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css" title="vue">
14-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css" title="dark" disabled>
15-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css" title="buble" disabled>
16-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/pure.css" title="pure" disabled>
17-
<script src="//unpkg.com/docsify-plugin-codefund/index.js"></script>
13+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css" title="vue">
14+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css" title="dark" disabled>
15+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css" title="buble" disabled>
16+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css" title="pure" disabled>
17+
<script src="//cdn.jsdelivr.net/npm/docsify-plugin-codefund/index.js"></script>
1818
<style>
1919
nav.app-nav li ul {
2020
min-width: 100px;
@@ -85,13 +85,13 @@
8585
]
8686
}
8787
</script>
88-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
89-
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
90-
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
91-
<script src="//unpkg.com/docsify/lib/plugins/matomo.min.js"></script>
92-
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
93-
<script src="//unpkg.com/prismjs/components/prism-markdown.min.js"></script>
94-
<script src="//unpkg.com/prismjs/components/prism-nginx.min.js"></script>
88+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
89+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
90+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script>
91+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/matomo.min.js"></script>
92+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
93+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
94+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
9595

9696
<script>
9797
((window.gitter = {}).chat = {}).options = {

‎docs/language-highlight.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
**docsify** uses [Prism](https://github.com/PrismJS/prism) to highlight code blocks in your pages. By default it only supports CSS, JavaScript and HTML. You can make **Prism** load additional languages:
44

55
```html
6-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
7-
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
8-
<script src="//unpkg.com/prismjs/components/prism-php.min.js"></script>
6+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
7+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
8+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-php.min.js"></script>
99
```
1010

1111
?> Check the [component files](https://github.com/PrismJS/prism/tree/gh-pages/components) list for more options.

‎docs/more-pages.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ First, you need to set `loadSidebar` to **true**. Details are available in the [
3737
loadSidebar: true
3838
}
3939
</script>
40-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
40+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
4141
```
4242

4343
Create the `_sidebar.md`:
@@ -97,7 +97,7 @@ A custom sidebar can also automatically generate a table of contents by setting
9797
subMaxLevel: 2
9898
}
9999
</script>
100-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
100+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
101101
```
102102

103103
## Ignoring Subheaders

‎docs/plugins.md

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,8 @@ By default, the hyperlink on the current page is recognized and the content is s
4747
}
4848
}
4949
</script>
50-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
51-
<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>
50+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
51+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
5252
```
5353

5454
## Google Analytics
@@ -61,39 +61,39 @@ Install the plugin and configure the track id.
6161
ga: 'UA-XXXXX-Y'
6262
}
6363
</script>
64-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
65-
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
64+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
65+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script>
6666
```
6767

6868
Configure by `data-ga`.
6969

7070
```html
71-
<script src="//unpkg.com/docsify/lib/docsify.min.js" data-ga="UA-XXXXX-Y"></script>
72-
<script src="//unpkg.com/docsify/lib/plugins/ga.min.js"></script>
71+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js" data-ga="UA-XXXXX-Y"></script>
72+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script>
7373
```
7474

7575
## emoji
7676

7777
The default is to support parsing emoji. For example `:100:` will be parsed to :100:. But it is not precise because there is no matching non-emoji string. If you need to correctly parse the emoji string, you need install this plugin.
7878

7979
```html
80-
<script src="//unpkg.com/docsify/lib/plugins/emoji.min.js"></script>
80+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>
8181
```
8282

8383
## External Script
8484

8585
If the script on the page is an external one (imports a js file via `src` attribute), you'll need this plugin to make it work.
8686

8787
```html
88-
<script src="//unpkg.com/docsify/lib/plugins/external-script.min.js"></script>
88+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>
8989
```
9090

9191
## Zoom image
9292

9393
Medium's image zoom. Based on [medium-zoom](https://github.com/francoischalifour/medium-zoom).
9494

9595
```html
96-
<script src="//unpkg.com/docsify/lib/plugins/zoom-image.min.js"></script>
96+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
9797
```
9898

9999
Exclude the special image
@@ -119,7 +119,7 @@ When readers expand the demo box, the source code and description are shown ther
119119
Add a simple `Click to copy` button to all preformatted code blocks to effortlessly allow users to copy example code from your docs. Provided by [@jperasmus](https://github.com/jperasmus)
120120

121121
```html
122-
<script src="//unpkg.com/docsify-copy-code"></script>
122+
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>
123123
```
124124

125125
See [here](https://github.com/jperasmus/docsify-copy-code/blob/master/README.md) for more details.
@@ -134,18 +134,18 @@ Disqus comments. https://disqus.com/
134134
disqus: 'shortname'
135135
}
136136
</script>
137-
<script src="//unpkg.com/docsify/lib/plugins/disqus.min.js"></script>
137+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/disqus.min.js"></script>
138138
```
139139

140140
## Gitalk
141141

142142
[Gitalk](https://github.com/gitalk/gitalk) is a modern comment component based on Github Issue and Preact.
143143

144144
```html
145-
<link rel="stylesheet" href="//unpkg.com/gitalk/dist/gitalk.css">
145+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css">
146146

147-
<script src="//unpkg.com/docsify/lib/plugins/gitalk.min.js"></script>
148-
<script src="//unpkg.com/gitalk/dist/gitalk.min.js"></script>
147+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/gitalk.min.js"></script>
148+
<script src="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js"></script>
149149
<script>
150150
const gitalk = new Gitalk({
151151
clientID: 'Github Application Client ID',
@@ -164,8 +164,8 @@ Disqus comments. https://disqus.com/
164164
Pagination for docsify. By [@imyelo](https://github.com/imyelo)
165165

166166
```html
167-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
168-
<script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
167+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
168+
<script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
169169
```
170170

171171
## codefund
@@ -175,7 +175,7 @@ a [plugin](https://github.com/njleonzhang/docsify-plugin-codefund) to make it ea
175175
> codefund is formerly known as "codesponsor"
176176
177177
```
178-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
178+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
179179
180180
window.$docsify = {
181181
plugins: [

‎docs/pwa.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const HOSTNAME_WHITELIST = [
2424
self.location.hostname,
2525
'fonts.gstatic.com',
2626
'fonts.googleapis.com',
27-
'unpkg.com'
27+
'cdn.jsdelivr.net'
2828
]
2929

3030
// The Util Function to hack URLs of intercepted requests

‎docs/quickstart.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ If you don't like `npm` or have trouble installing the tool, you can manually cr
4747
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
4848
<meta name="viewport" content="width=device-width,initial-scale=1">
4949
<meta charset="UTF-8">
50-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
50+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">
5151
</head>
5252
<body>
5353
<div id="app"></div>
@@ -56,7 +56,7 @@ If you don't like `npm` or have trouble installing the tool, you can manually cr
5656
//...
5757
}
5858
</script>
59-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
59+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
6060
</body>
6161
</html>
6262
```

‎docs/ssr.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -69,16 +69,16 @@ You can provide a template for entire page's HTML. such as
6969
<meta charset="UTF-8">
7070
<title>docsify</title>
7171
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
72-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css" title="vue">
72+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css" title="vue">
7373
</head>
7474
<body>
7575
<!--inject-app-->
7676
<!--inject-config-->
77-
<script src="//unpkg.com/docsify/lib/docsify.js"></script>
78-
<script src="//unpkg.com/docsify/lib/plugins/search.js"></script>
79-
<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
80-
<script src="//unpkg.com/prismjs/components/prism-markdown.min.js"></script>
81-
<script src="//unpkg.com/prismjs/components/prism-nginx.min.js"></script>
77+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.js"></script>
78+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.js"></script>
79+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
80+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-markdown.min.js"></script>
81+
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-nginx.min.js"></script>
8282
</body>
8383
</html>
8484
```

‎docs/themes.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,21 @@
33
There is a handful of themes available, both official and community-made. Copy [Vue](//vuejs.org) and [buble](//buble.surge.sh) website custom theme and [@liril-net](https://github.com/liril-net) contribution to the theme of the black style.
44

55
```html
6-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/vue.css">
7-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/buble.css">
8-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/dark.css">
9-
<link rel="stylesheet" href="//unpkg.com/docsify/themes/pure.css">
6+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">
7+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css">
8+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css">
9+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/pure.css">
1010
```
1111

1212
!> Compressed files are available in `/lib/themes/`.
1313

1414
```html
1515
<!-- compressed -->
1616

17-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/vue.css">
18-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css">
19-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css">
20-
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/pure.css">
17+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css">
18+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/buble.css">
19+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/dark.css">
20+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/pure.css">
2121
```
2222

2323
If you have any ideas or would like to develop a new theme, you are welcome to submit a [pull request](https://github.com/docsifyjs/docsify/pulls).

‎docs/vue.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@ You can write Vue components directly in the Markdown file, and it will be parse
77
Load the Vue in `./index.html`.
88

99
```html
10-
<script src="//unpkg.com/vue"></script>
11-
<script src="//unpkg.com/docsify"></script>
10+
<script src="//cdn.jsdelivr.net/npm/vue"></script>
11+
<script src="//cdn.jsdelivr.net/npm/docsify"></script>
1212

1313
<!-- Or use the compressed files -->
14-
<script src="//unpkg.com/vue/dist/vue.min.js"></script>
15-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
14+
<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
15+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
1616
```
1717

1818
Then you can immediately write Vue code at Markdown file. `new Vue({ el: '#main' })` script is executed by default to create instance.
@@ -62,17 +62,17 @@ You can manually initialize a Vue instance.
6262

6363
```html
6464
<!-- Inject CSS file -->
65-
<link rel="stylesheet" href="//unpkg.com/vuep/dist/vuep.css">
65+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vuep/dist/vuep.css">
6666

6767
<!-- Inject JavaScript file -->
68-
<script src="//unpkg.com/vue"></script>
69-
<script src="//unpkg.com/vuep"></script>
70-
<script src="//unpkg.com/docsify"></script>
68+
<script src="//cdn.jsdelivr.net/npm/vue"></script>
69+
<script src="//cdn.jsdelivr.net/npm/vuep"></script>
70+
<script src="//cdn.jsdelivr.net/npm/docsify"></script>
7171

7272
<!-- or use the compressed files -->
73-
<script src="//unpkg.com/vue/dist/vue.min.js"></script>
74-
<script src="//unpkg.com/vuep/dist/vuep.min.js"></script>
75-
<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
73+
<script src="//cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
74+
<script src="//cdn.jsdelivr.net/npm/vuep/dist/vuep.min.js"></script>
75+
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
7676
```
7777

7878
*README.md*

0 commit comments

Comments
 (0)