Site Notice

hello, world

Difference between revisions of "Github CDN"

From Project-EPB Commons
([InPageEdit] 没有编辑摘要)
([InPageEdit] →‎调用: 没有编辑摘要)
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
https://raw.githack.com/
+
[https://cdn.jsdelivr.net jsDeliver]
  
−
基本的用法是：
+
== 用法 ==
 +
<code><nowiki>https://cdn.jsdelivr.net/</nowiki>'''gh'''/''用户''/''仓库''@''分支''/''文件名''</code>
 +
 
 +
== 调用 ==
 
<html>
 
<html>
−
<pre p>https://raw.githack.com/用户名/仓库/master/路径/文件名.扩展名<span id="show"></span></pre>
+
<div class="in-page-edit">
−
<span id="apath">https://raw.hithack.com/<input style="width:280px" id="path"/></span>
+
<input id="showUrl" readonly onclick="this.select()" style="width:80%"></input> <a href="javascript:;" id="viewBtn"><button class="btn btn-primary">view</button></a> <button id="purgeBtn" class="btn btn-danger">purge</button>
 +
<form id="dataForm">
 +
<label>用户：<br/><input name="user" value="dragon-fish"/></label><br/>
 +
<label>仓库：<br/><input name="repo" value="inpageedit-v2"/></label><br/>
 +
<label>分支：<br/><input name="version" value="master"/></label><br/>
 +
<label>文件：<br/><input name="file" value="script.js"/></label>
 +
</form>
 +
</div>
 
<script>
 
<script>
−
addEventListener('load',function(){
+
!(function () {
−
  $('#path').mousedown(function(){
+
  var _interval = setInterval(function () {
−
    $('show').html('<br/>https://raw.hithack.com/'+$(this).val());
+
    if (typeof $ !== 'function') return;
−
   });
+
    clearInterval(_interval);
−
});
+
    $('#showUrl').val('Waiting for typing...');
 +
    $('#dataForm').keyup(function () {
 +
      var url = '',
 +
        $this = $(this),
 +
        formData = '?' + $this.serialize(),
 +
        para = function (i) { return mw.util.getParamValue(i, formData) },
 +
        user = '/' + para('user'),
 +
        repo = '/' + para('repo'),
 +
        version = para('version') !== '' ? '@' + para('version') : '',
 +
        file = '/' + para('file');
 +
      url += user + repo + version + file;
 +
      $('#showUrl').val('https://cdn.jsdelivr.net/gh' + url);
 +
      $('#viewBtn').attr({ 'href': 'https://cdn.jsdelivr.net/gh' + url, target: '_blank' });
 +
      $('#purgeBtn').attr('data-url', 'https://purge.jsdelivr.net/gh' + url);
 +
    });
 +
    $('#purgeBtn').click(function () {
 +
      var $this = $(this),
 +
        url = $this.attr('data-url');
 +
      if (url) {
 +
        $this.attr('disabled', 'disabled');
 +
        $.get(url).done(res => {
 +
          ssi_modal.notify('', {
 +
            title: 'Request done',
 +
            content: '<pre>' + JSON.stringify(res, null, 2) + '</pre>',
 +
            className: 'in-page-edit'
 +
          })
 +
        }).fail(err => {
 +
          console.error(err);
 +
          ssi_modal.notify('error', {
 +
            title: 'Request failed',
 +
            content: '<pre>' + JSON.stringify(err, null, 2) + '</pre>',
 +
            className: 'in-page-edit'
 +
          })
 +
        }).always(() => {
 +
          $this.attr('disabled', false);
 +
        })
 +
      }
 +
    });
 +
   }, 200);
 +
})();
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 01:53, 15 August 2020

jsDeliver

用法

https://cdn.jsdelivr.net/gh/用户/仓库@分支/文件名

调用

<html> <div class="in-page-edit"> <input id="showUrl" readonly onclick="this.select()" style="width:80%"></input> <a href="javascript:;" id="viewBtn"><button class="btn btn-primary">view</button></a> <button id="purgeBtn" class="btn btn-danger">purge</button> <form id="dataForm"> <label>用户：<br/><input name="user" value="dragon-fish"/></label><br/> <label>仓库：<br/><input name="repo" value="inpageedit-v2"/></label><br/> <label>分支：<br/><input name="version" value="master"/></label><br/> <label>文件：<br/><input name="file" value="script.js"/></label> </form> </div> <script> !(function () { 

 var _interval = setInterval(function () {
   if (typeof $ !== 'function') return;
   clearInterval(_interval);
   $('#showUrl').val('Waiting for typing...');
   $('#dataForm').keyup(function () {
     var url = '',
       $this = $(this),
       formData = '?' + $this.serialize(),
       para = function (i) { return mw.util.getParamValue(i, formData) },
       user = '/' + para('user'),
       repo = '/' + para('repo'),
       version = para('version') !== '' ? '@' + para('version') : '',
       file = '/' + para('file');
     url += user + repo + version + file;
     $('#showUrl').val('https://cdn.jsdelivr.net/gh' + url);
     $('#viewBtn').attr({ 'href': 'https://cdn.jsdelivr.net/gh' + url, target: '_blank' });
     $('#purgeBtn').attr('data-url', 'https://purge.jsdelivr.net/gh' + url);
   });
   $('#purgeBtn').click(function () {
     var $this = $(this),
       url = $this.attr('data-url');
     if (url) {
       $this.attr('disabled', 'disabled');
       $.get(url).done(res => {
         ssi_modal.notify('', {
           title: 'Request done',
           content: '<pre>' + JSON.stringify(res, null, 2) + '</pre>',
           className: 'in-page-edit'
         })
       }).fail(err => {
         console.error(err);
         ssi_modal.notify('error', {
           title: 'Request failed',
           content: '<pre>' + JSON.stringify(err, null, 2) + '</pre>',
           className: 'in-page-edit'
         })
       }).always(() => {
         $this.attr('disabled', false);
       })
     }
   });
 }, 200);

})(); </script> </html>

Retrieved from "https://common.epb.wiki/index.php?title=Github_CDN&oldid=2986"