|
|
@@ -1,39 +1,29 @@
|
|
|
-<!doctype html>
|
|
|
-<html>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
|
|
|
- <title>jquery根据文章h标签自动生成导航目录</title>
|
|
|
- <link rel="stylesheet" type="text/css" href="https://web.tianyunperfect.cn/simple/toc/jquery.autoMenu.css">
|
|
|
- <script src="https://web.tianyunperfect.cn/simple/toc/jquery.autoMenu.js"></script>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
|
|
|
+ <title>可爱登录页面</title>
|
|
|
</head>
|
|
|
-
|
|
|
<body>
|
|
|
-<div class="autoMenu" id="autoMenu" data-autoMenu></div>
|
|
|
-<div id="content">
|
|
|
- 一路黔行，醉美贵州——黔西南、黔南游记
|
|
|
- <h2>摘要1</h2>
|
|
|
- <div style="height:800px;">
|
|
|
- 第一天抵达贵阳后，先游青岩古镇，后品酸汤鱼 宿：贵阳；第二天白天游览安顺黄果树后，晚上至黔西南州兴义入住；第三天游览完万峰林和马岭河大峡谷，返回安顺；第四天火车前往荔波游览，晚上住小七孔；第五天上午继续游玩小七孔，下午回到贵阳，晚上航班离开贵州。五天的贵州之行，完全采取坐火车坐班车的旅行方式，安排紧凑，由于第一次来到贵州，黄果树景区之大超出预期，加上火车晚点以及班车停开，虽最终均按计划走完行程，其中的曲曲折折，还是留下深刻的教训
|
|
|
- </div>
|
|
|
- <h3>第1天</h3>
|
|
|
- <div style="height:800px;">第1天内容</div>
|
|
|
- <h3>第2天</h3>
|
|
|
- <h4>第212天</h4>
|
|
|
- <h2>摘要2</h2>
|
|
|
- <div style="height:800px;">第2天内容</div>
|
|
|
- <h3>第3天</h3>
|
|
|
- <div style="height:800px;">第3天内容</div>
|
|
|
- <h3>第4天</h3>
|
|
|
- <div style="height:800px;">第4天内容</div>
|
|
|
- <h3>第5天</h3>
|
|
|
- <div style="height:800px;">第5天内容</div>
|
|
|
+<div class="container">
|
|
|
+ <h1 class="text-center">欢迎登录~</h1>
|
|
|
+ <form>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="username">用户名</label>
|
|
|
+ <input type="text" class="form-control" id="username" placeholder="请输入用户名">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label for="password">密码</label>
|
|
|
+ <input type="password" class="form-control" id="password" placeholder="请输入密码">
|
|
|
+ </div>
|
|
|
+ <button type="submit" class="btn btn-primary">登录</button>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
-<!-- 生成博客目录的JS代码，两级目录 -->
|
|
|
-<script type="text/javascript">
|
|
|
- window.onload=function () {
|
|
|
- BlogDirectory.createBlogDirectory("#content", "h2", "h3", 20);
|
|
|
- }
|
|
|
-</script>
|
|
|
+
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.5.16/vue.min.js"></script>
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
|
|
|
+<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
|
</body>
|
|
|
</html>
|
tianyun