docs.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>接口文档 | JsonBird - 业界领先的远程数据接口代理服务</title>
  6. <link rel="stylesheet" href="./css/main.css">
  7. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <meta name="author" content="xCss xioveliu@gmail.com">
  9. <meta name="keywords" content="JsonBird,数据代理服务,数据接口代理,远程数据接口代理,远程接口,代理服务,A Remote Data Interface Proxy Service,CORS,HTTPS解决方案">
  10. <meta name="description" content="业界领先的远程数据接口代理服务">
  11. <link rel="shortcut icon" href="./images/favicon.ico">
  12. <link rel="bookmark" href="./images/favicon_72.ico">
  13. <link rel="apple-touch-icon" href="./images/fav_72x72.png">
  14. <link rel="apple-touch-icon" sizes="16x16" href="./images/fav-16x16.png">
  15. <link rel="apple-touch-icon" sizes="36x36" href="./images/fav-36x36.png">
  16. <link rel="apple-touch-icon" sizes="72x72" href="./images/fav-72x72.png">
  17. <script src="./js/jquery.min.js"></script>
  18. <script src="./js/skel.min.js"></script>
  19. <script src="./js/util.js"></script>
  20. <script src="./js/main.js"></script>
  21. <script src="./js/marked.js"></script>
  22. <script src="./js/base64.js"></script>
  23. <script>
  24. $(function() {
  25. $.get('/docs.md', function(data, status) {
  26. //var md = Base64.decode(data.content);
  27. var html = status === 'success' ? marked(data) : marked('(ノへ ̄、) 文档君不小心走丢了。\n\r很抱歉,由于`Github`仓库请求失败,我们暂时不能获取到相关的文档信息。\n\r 您可以直接用浏览器访问 https://github.com/xCss/JsonBird/wiki ');
  28. $('#docs .inner').html(html);
  29. });
  30. });
  31. </script>
  32. <style>
  33. .spinner {
  34. margin: 100px auto;
  35. width: 50px;
  36. height: 40px;
  37. text-align: center;
  38. font-size: 10px;
  39. }
  40. .spinner>div {
  41. background-color: #6cc091;
  42. height: 100%;
  43. width: 6px;
  44. display: inline-block;
  45. -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  46. animation: sk-stretchdelay 1.2s infinite ease-in-out;
  47. }
  48. .spinner .rect2 {
  49. -webkit-animation-delay: -1.1s;
  50. animation-delay: -1.1s;
  51. }
  52. .spinner .rect3 {
  53. -webkit-animation-delay: -1.0s;
  54. animation-delay: -1.0s;
  55. }
  56. .spinner .rect4 {
  57. -webkit-animation-delay: -0.9s;
  58. animation-delay: -0.9s;
  59. }
  60. .spinner .rect5 {
  61. -webkit-animation-delay: -0.8s;
  62. animation-delay: -0.8s;
  63. }
  64. @-webkit-keyframes sk-stretchdelay {
  65. 0%,
  66. 40%,
  67. 100% {
  68. -webkit-transform: scaleY(0.4)
  69. }
  70. 20% {
  71. -webkit-transform: scaleY(1.0)
  72. }
  73. }
  74. @keyframes sk-stretchdelay {
  75. 0%,
  76. 40%,
  77. 100% {
  78. transform: scaleY(0.4);
  79. -webkit-transform: scaleY(0.4);
  80. }
  81. 20% {
  82. transform: scaleY(1.0);
  83. -webkit-transform: scaleY(1.0);
  84. }
  85. }
  86. </style>
  87. </head>
  88. <body>
  89. <header id="header">
  90. <div class="inner"><a class="logo" href="/">JsonBird</a>
  91. <nav id="nav">
  92. <a href="/">首页</a>
  93. <a href="https://jsfiddle.net/LNing/duL5Lby7/" target="_blank">示例</a>
  94. <a href="/#interface">数据接口</a>
  95. <a href="/docs.html">接口文档</a>
  96. <a href="https://github.com/xCss/JsonBird" target="_blank">Github</a>
  97. </nav>
  98. <a class="navPanelToggle" href="#navPanel"><span class="fa fa-bars"></span></a>
  99. </div>
  100. </header>
  101. <section id="banner">
  102. </section>
  103. <section class="wrapper" id="docs">
  104. <div class="inner">
  105. <div class="spinner">
  106. <div class="rect1"></div>
  107. <div class="rect2"></div>
  108. <div class="rect3"></div>
  109. <div class="rect4"></div>
  110. <div class="rect5"></div>
  111. </div>
  112. </div>
  113. </section>
  114. <footer id="footer">
  115. <div class="inner">
  116. <div class="copyright">
  117. &copy; 2016 <a href="https://ioliu.cn" target="_blank">云淡风轻 </a>
  118. </div>
  119. <div class="copyright">
  120. <a href="/go/qiniu" target="_blank">
  121. <img src="./images/qiniu.png" width=50 alt="七牛云存储">
  122. </a>
  123. <a href="/go/aliyun" target="_blank">
  124. <img src="./images/aliyun.png" width=50 alt="阿里云计算">
  125. </a>
  126. </div>
  127. </div>
  128. </footer>
  129. <script>
  130. window.onload = function() {
  131. //- baidu Analytics
  132. if (!/^http:\/\/localhost/.test(location.href)) {
  133. var _hmt = _hmt || [];
  134. var hm = document.createElement("script");
  135. if (/ioliu/.test(location.href)) {
  136. hm.src = "//hm.baidu.com/hm.js?930e83393fcca01f1abff14df21cec12";
  137. } else {
  138. hm.src = "//hm.baidu.com/hm.js?9b00cc8218f3159497e6207cee8dd0c6";
  139. }
  140. var s = document.getElementsByTagName("script")[0];
  141. s.parentNode.insertBefore(hm, s);
  142. }
  143. };
  144. </script>
  145. </body>
  146. </html>