-
Notifications
You must be signed in to change notification settings - Fork 0
/
11.html
73 lines (70 loc) · 10.9 KB
/
11.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>博客详情页</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/blog_detail.css">
</head>
<body>
<script type="text/javascript" color="0,255,0" opacity="0.5"
count="200">!function () { "use strict"; function e(e) { return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e } function t(e, t) { return e(t = { exports: {} }, t.exports), t.exports } var n = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }); var n = 1; t.default = function () { return "" + n++ }, e.exports = t.default }); e(n); var o = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.default = function (e) { var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 30, n = null; return function () { for (var o = this, i = arguments.length, r = Array(i), a = 0; a < i; a++)r[a] = arguments[a]; clearTimeout(n), n = setTimeout(function () { e.apply(o, r) }, t) } }, e.exports = t.default }); e(o); var i = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }); t.SizeSensorId = "size-sensor-id", t.SensorStyle = "display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;opacity:0", t.SensorClassName = "size-sensor-object" }); e(i); i.SizeSensorId, i.SensorStyle, i.SensorClassName; var r = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.createSensor = void 0; var n, r = (n = o) && n.__esModule ? n : { default: n }; t.createSensor = function (e) { var t = void 0, n = [], o = (0, r.default)(function () { n.forEach(function (t) { t(e) }) }), a = function () { t && t.parentNode && (t.contentDocument.defaultView.removeEventListener("resize", o), t.parentNode.removeChild(t), t = void 0, n = []) }; return { element: e, bind: function (r) { t || (t = function () { "static" === getComputedStyle(e).position && (e.style.position = "relative"); var t = document.createElement("object"); return t.onload = function () { t.contentDocument.defaultView.addEventListener("resize", o), o() }, t.setAttribute("style", i.SensorStyle), t.setAttribute("class", i.SensorClassName), t.type = "text/html", e.appendChild(t), t.data = "about:blank", t }()), -1 === n.indexOf(r) && n.push(r) }, destroy: a, unbind: function (e) { var o = n.indexOf(e); -1 !== o && n.splice(o, 1), 0 === n.length && t && a() } } } }); e(r); r.createSensor; var a = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.createSensor = void 0; var n, i = (n = o) && n.__esModule ? n : { default: n }; t.createSensor = function (e) { var t = void 0, n = [], o = (0, i.default)(function () { n.forEach(function (t) { t(e) }) }), r = function () { t.disconnect(), n = [], t = void 0 }; return { element: e, bind: function (i) { t || (t = function () { var t = new ResizeObserver(o); return t.observe(e), o(), t }()), -1 === n.indexOf(i) && n.push(i) }, destroy: r, unbind: function (e) { var o = n.indexOf(e); -1 !== o && n.splice(o, 1), 0 === n.length && t && r() } } } }); e(a); a.createSensor; var s = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.createSensor = void 0; t.createSensor = "undefined" != typeof ResizeObserver ? a.createSensor : r.createSensor }); e(s); s.createSensor; var u = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.removeSensor = t.getSensor = void 0; var o, r = (o = n) && o.__esModule ? o : { default: o }; var a = {}; t.getSensor = function (e) { var t = e.getAttribute(i.SizeSensorId); if (t && a[t]) return a[t]; var n = (0, r.default)(); e.setAttribute(i.SizeSensorId, n); var o = (0, s.createSensor)(e); return a[n] = o, o }, t.removeSensor = function (e) { var t = e.element.getAttribute(i.SizeSensorId); e.element.removeAttribute(i.SizeSensorId), e.destroy(), t && a[t] && delete a[t] } }); e(u); u.removeSensor, u.getSensor; var c = t(function (e, t) { Object.defineProperty(t, "__esModule", { value: !0 }), t.clear = t.bind = void 0; t.bind = function (e, t) { var n = (0, u.getSensor)(e); return n.bind(t), function () { n.unbind(t) } }, t.clear = function (e) { var t = (0, u.getSensor)(e); (0, u.removeSensor)(t) } }); e(c); var l = c.clear, d = c.bind, v = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function (e) { return window.setTimeout(e, 1e3 / 60) }, f = window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.msCancelAnimationFrame || window.oCancelAnimationFrame || window.clearTimeout, m = function (e) { return new Array(e).fill(0).map(function (e, t) { return t }) }, h = Object.assign || function (e) { for (var t = 1; t < arguments.length; t++) { var n = arguments[t]; for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]) } return e }, p = function () { function e(e, t) { for (var n = 0; n < t.length; n++) { var o = t[n]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o) } } return function (t, n, o) { return n && e(t.prototype, n), o && e(t, o), t } }(); var y = function () { function e(t, n) { var o = this; !function (e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this, e), this.randomPoints = function () { return m(o.c.count).map(function () { return { x: Math.random() * o.canvas.width, y: Math.random() * o.canvas.height, xa: 2 * Math.random() - 1, ya: 2 * Math.random() - 1, max: 6e3 } }) }, this.el = t, this.c = h({ zIndex: -1, opacity: .5, color: "0,0,0", pointColor: "0,0,0", count: 99 }, n), this.canvas = this.newCanvas(), this.context = this.canvas.getContext("2d"), this.points = this.randomPoints(), this.current = { x: null, y: null, max: 2e4 }, this.all = this.points.concat([this.current]), this.bindEvent(), this.requestFrame(this.drawCanvas) } return p(e, [{ key: "bindEvent", value: function () { var e = this; d(this.el, function () { e.canvas.width = e.el.clientWidth, e.canvas.height = e.el.clientHeight }), this.onmousemove = window.onmousemove, window.onmousemove = function (t) { e.current.x = t.clientX - e.el.offsetLeft + document.scrollingElement.scrollLeft, e.current.y = t.clientY - e.el.offsetTop + document.scrollingElement.scrollTop, e.onmousemove && e.onmousemove(t) }, this.onmouseout = window.onmouseout, window.onmouseout = function () { e.current.x = null, e.current.y = null, e.onmouseout && e.onmouseout() } } }, { key: "newCanvas", value: function () { "static" === getComputedStyle(this.el).position && (this.el.style.position = "relative"); var e, t = document.createElement("canvas"); return t.style.cssText = "display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:" + (e = this.c).zIndex + ";opacity:" + e.opacity, t.width = this.el.clientWidth, t.height = this.el.clientHeight, this.el.appendChild(t), t } }, { key: "requestFrame", value: function (e) { var t = this; this.tid = v(function () { return e.call(t) }) } }, { key: "drawCanvas", value: function () { var e = this, t = this.context, n = this.canvas.width, o = this.canvas.height, i = this.current, r = this.points, a = this.all; t.clearRect(0, 0, n, o); var s = void 0, u = void 0, c = void 0, l = void 0, d = void 0, v = void 0; r.forEach(function (r, f) { for (r.x += r.xa, r.y += r.ya, r.xa *= r.x > n || r.x < 0 ? -1 : 1, r.ya *= r.y > o || r.y < 0 ? -1 : 1, t.fillStyle = "rgba(" + e.c.pointColor + ")", t.fillRect(r.x - .5, r.y - .5, 1, 1), u = f + 1; u < a.length; u++)null !== (s = a[u]).x && null !== s.y && (l = r.x - s.x, d = r.y - s.y, (v = l * l + d * d) < s.max && (s === i && v >= s.max / 2 && (r.x -= .03 * l, r.y -= .03 * d), c = (s.max - v) / s.max, t.beginPath(), t.lineWidth = c / 2, t.strokeStyle = "rgba(" + e.c.color + "," + (c + .2) + ")", t.moveTo(r.x, r.y), t.lineTo(s.x, s.y), t.stroke())) }), this.requestFrame(this.drawCanvas) } }, { key: "destroy", value: function () { l(this.el), window.onmousemove = this.onmousemove, window.onmouseout = this.onmouseout, f(this.tid), this.canvas.parentNode.removeChild(this.canvas) } }]), e }(); y.version = "2.0.4"; var w, b; new y(document.body, (w = document.getElementsByTagName("script"), { zIndex: (b = w[w.length - 1]).getAttribute("zIndex"), opacity: b.getAttribute("opacity"), color: b.getAttribute("color"), pointColor: b.getAttribute("pointColor"), count: Number(b.getAttribute("count")) || 99 })) }();</script>
<!-- 导航栏 -->
<div class="nav">
<img src="image/head.png" alt="">
<span class="title">我的博客系统</span>
<!-- 使用 span 把左右两侧的元素给撑开 -->
<span class="spacer"></span>
<a href="index2.html">主页</a>
</div>
<!-- 版心 -->
<div class="container">
<!-- 左侧区域，显示用户信息 -->
<div class="container-left">
<!-- 用户详情 -->
<div class="card">
<!-- 用户的头像 -->
<img src="image/head.png" alt="">
<!-- 用户名 -->
<h3>编程小白</h3>
<!-- 其它信息 -->
<a href="https://github.com/huchangzhi">GitHub 地址</a>
<a href="https://www.luogu.com.cn/user/1031975">洛谷地址</a>
<a href="https://huchangzhi.github.io/huituban.html">一个绘图板</a>
<a href="https://huchangzhi.github.io/jisuanqi/">一个计算器</a></li>
<a href="https://huchangzhi.github.io/4.html">一个神奇的按钮</a>
<a href="https://note.ms/huchangzhi">留言板</a>
<!-- 文章分类
<div class="counter">
<span>文章</span>
</div>
<div class="counter">
<span>2</span>
</div> -->
</div>
</div>
<!-- 右侧区域，显示博客列表 -->
<div class="container-right">
<!-- 使用这个 div 来放博客内容 -->
<div class="blog-content">
<!-- 博客的标题 -->
<h3>编程小白的AI</h3>
<!-- 博客的日期 -->
<div class="date">2024</div>
<!-- 博客的内容 -->
<div class="detail">
<p>如果访问量过高可能会关闭,密码985211，理论上再也不会挂</p>
<a href="https://hcz1017.pythonanywhere.com/">进入AI</a>
</div>
</div>
<script src="https://utteranc.es/client.js"
repo="huchangzhi/gitalk"
issue-term="pathname"
theme="github-light"
crossorigin="anonymous"
async>
</script>
</body>
</html>