Author Avatar
LittleBlack 3月 26, 2020
  • 在其它设备中阅读本文章

小黑的备注

此备注写给我自己备忘。

规范

  • url这个目录用来放跳转到其他网站的链接, 或者放通往本网站的快捷方式。
  • 所有文件名一律只允许小写。
  • 每个HTML文件之前必须加上文件说明,格式如下。
<!-- [文件内容] 文件目的 -->

其中文件内容可以是

[html] 这是一个独立运作的HTML文件
[iframe] 这个页面的运作原理是隐形URL
[redirect] 这个页面的运作原理是显性URL
[blog-iframe] 这个页面指向博客内部,运作原理是隐形URL
[blog-redirect] 这个页面指向博客内部,运作原理是显性URL 

通过链接动态实现

如果想要跳转到任意网站

hackblack.cn/url/?=http://www.baidu.com

如果想要为文章固定链接

  1. 在文章的头部加入
    abbrlink: SamsungRecv

  2. 访问hackblack.cn/posts/SamsungRecv 即可

通过文件固定实现

如果想要跳转

  1. 目录下新建一个文件名为abc.html,内容为
<!-- 【请在这里说明文件的目的】 -->
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="0.001;url=https://www.hackblack.cn">
    <title>Redirecting...</title>
</head>
<body>
<h3>正在<a href="https://www.hackblack.cn/">跳转</a>...</h3>
</body>
</html>
  1. 访问hackblack.cn/redirect/abc/ 即可

如果想要 隐形URL

<!-- 【请在这里说明文件的目的】 --><!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <title>【TITLE】</title> 
  <link rel="shortcut icon" href="【Path to icon】" /> 
  <style type="text/css">
html,body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
iframe {
    margin: 0;
    border-style: none;
    width: 100%;
    height: 100%;
}
</style> 
  <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet" /> 
  <!-- ion-icons v2     https://ionicons.com/v2/cheatsheet.html --> 
  <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> 
  <!-- 不是非要有谷歌字体
    <link href='http://fonts.googleapis.com/css?family=Raleway:100,200,300,400' rel='stylesheet' type='text/css'>
--> 
    <!-- build:js modernizr.touch.js -->
    <script src="/assets/js/mfb/dist/lib/modernizr.touch.js"></script>
    <!-- endbuild -->

    <link href="/assets/js/mfb/demo/index.css" rel="stylesheet">
    <!-- build:css mfb.css -->
    <link href="/assets/js/mfb/dist/mfb.css" rel="stylesheet">
    <!-- endbuild -->
 </head> 
 <body> 
  <iframe src="【URL】"></iframe> 
  <script async="">window.onload=function(){var a=document.createElement('script'),b=document.getElementsByTagName('script')[0];a.type='text/javascript',a.async=!0,a.src='/sw-register.js?v='+Date.now(),b.parentNode.insertBefore(a,b)};</script> 
  <ul id="menu" class="mfb-component--br mfb-slidein-spring" data-mfb-toggle="hover"> 
   <li class="mfb-component__wrap"> <a href="#" class="mfb-component__button--main"> <i class="mfb-component__main-icon--resting ion-plus-round"></i> <i class="mfb-component__main-icon--active ion-close-round"></i> </a> 
    <ul class="mfb-component__list"> 
     <li> <a href="【此链接】" data-mfb-label="【链接干什么】" class="mfb-component__button--child"> <i class="mfb-component__child-icon ion-social-github"></i> </a> </li> 
     <li> <a href="https://hackblack.cn" data-mfb-label="回到博客" class="mfb-component__button--child"> <i class="mfb-component__child-icon  ion-home"></i> </a> </li> 
    </ul> </li> 
  </ul>  
 </body>
</html>

如果想要 HTML

<!-- 【请在这里说明文件的目的】 --><!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <title>【TITLE】</title> 
  <link rel="shortcut icon" href="【Path to icon】" /> 
  <style type="text/css">
html,body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}
iframe {
    margin: 0;
    border-style: none;
    width: 100%;
    height: 100%;
}
</style> 
  <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet" /> 
  <!-- ion-icons v2     https://ionicons.com/v2/cheatsheet.html --> 
  <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> 
  <!-- 不是非要有谷歌字体
    <link href='http://fonts.googleapis.com/css?family=Raleway:100,200,300,400' rel='stylesheet' type='text/css'>
--> 
    <!-- build:js modernizr.touch.js -->
    <script src="/assets/js/mfb/dist/lib/modernizr.touch.js"></script>
    <!-- endbuild -->

    <link href="/assets/js/mfb/demo/index.css" rel="stylesheet">
    <!-- build:css mfb.css -->
    <link href="/assets/js/mfb/dist/mfb.css" rel="stylesheet">
    <!-- endbuild -->
 </head> 
 <body> 
 <!-- 【HTML内容开始】 -->
 <!-- 【HTML内容结束】 -->



  <ul id="menu" class="mfb-component--br mfb-slidein-spring" data-mfb-toggle="hover"> 
   <li class="mfb-component__wrap"> <a href="#" class="mfb-component__button--main"> <i class="mfb-component__main-icon--resting ion-plus-round"></i> <i class="mfb-component__main-icon--active ion-close-round"></i> </a> 
    <ul class="mfb-component__list"> 
     <li> <a href="【此链接】" data-mfb-label="【链接干什么】" class="mfb-component__button--child"> <i class="mfb-component__child-icon ion-social-github"></i> </a> </li> 
     <li> <a href="https://hackblack.cn" data-mfb-label="回到博客" class="mfb-component__button--child"> <i class="mfb-component__child-icon  ion-home"></i> </a> </li> 
    </ul> </li> 
  </ul>  
 </body>
</html>

本博客使用CC BY-NC-SA 3.0创作协议,转载请注明出处。
本文链接:https://www.hackblack.cn/url/README.html