1<!DOCTYPE html> 2<!-- bingæ¶å½æ è¯ --> 3<!-- Hello, World! --> 4<!-- END --> 5<html lang="zh-CN"> 6 <head> 7
7<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7898146169839147" 8 crossorigin="anonymous"></script>
8 9
9<script src="js/boom.js"></script>
9<!-- ç¹å»çè±ç¹æ --> 10 <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"> 11 <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1"> 12 <link rel="shortcut icon" type="image/x-icon" href="https://img1.imgtp.com/2022/08/20/GW3hQRAj.jpg" alt="I"> 13 <title>æ¸ æ²³æ梦 | 个人ä»ç» æ¸ æ²³æ梦çå客 HOMç»ç»å®æ¹ç½ç«</title> 14 <meta name="description" content="æ¸ æ²³æ梦çå客,对æ趣çä¸çåå¯è½æ趣çä½ æå°å¥½å¥,æå¾ ä¸æ´å¤äººç¸éï¼"> 15 <meta name="keywords" content="æ¸ æ²³æ梦,æ¸ æ²³æ梦çå客,theBlueSpace,å·¥ä½å®¤,BlueSpaceå·¥ä½å®¤,HMOç»ç»,äºæ¬¡å ,个人ç½ç«,å客"><link rel="apple-touch-icon-precomposed" href="https://img1.imgtp.com/2022/08/20/GW3hQRAj.jpg"> 16 <link rel="stylesheet" type="text/css" href="css/h.9c69ed6c.css"> 17 <link rel="stylesheet" type="text/css" href="css/nekotora.99cf6f8c.css"> 18
18<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
18 19 </head> 20 <body> 21 22<!-- 12/06 23<style> 24 25html { filter: grayscale(1); } 26 27</style> --> 28 29<style> 30 .toast-bottom-center { 31 position: absolute; 32 left: 30px; 33 right:10px; 34 top: 20px; 35} 36 </style> 37 38 <div class="background"> 39 <canvas id="startrack"></canvas> 40 <div class="cover"></div> </div> 41 <div class="main"> <div class="ch intro"> 42 <div class="container"> <div class="hello"> 43 <h1 id="slogan">æèä¸...</h1> 44 <h2> <div class="circle"> <span></span> <span></span> 45 <span></span> </div>æ¸ æ²³æ梦 | 个人ä»ç» </h2><br><span></span><h3> 46 <h3 id="hitokoto"><a style="color: #FFFFFF; text-decoration: none;" href="#" id="hitokoto_text">:D è·åä¸...</a></h3> 47 <!-- ä¸è¨API --> 48 <!-- ç°ä»£åæ³ï¼æ¨è(ä¸æ¯æ IE) --> 49
49<script> 50 fetch('https://v1.hitokoto.cn/?c=i&charset=utf-8') 51 .then(response => response.json()) 52 .then(data => { 53 const hitokoto = document.getElementById('hitokoto_text') 54 hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid 55 hitokoto.innerText = data.hitokoto 56 }) 57 .catch(console.error) 58 </script>
58<br/> 59 <!--9.18 å¿å¿å½è»ï¼ç±æä¸åï¼--> 60 </h3> </div> </div> </div> 61 <div class="ch about"> <div class="container"> 62 <h2 class="chtitle">Who is <span> QHXM QAQ</span>ï¼</h2> 63 <div class="clear"> <div class="introduct"> 64 <img class="avatar" src="https://s1.ax1x.com/2022/11/25/zYrZp8.jpg" alt="I"/> <p>太é³å¨è¹æä¸ï¼æ¹éç汽车å¨å«ï¼æè§å¾è¿åªè½ç®ä¸ç§ä¹ æ¯æ§çèè¹ãç±å æ¯å¦æ¯ä¸ç¾ä¹åå 个æ¾é¼ çæ»åï¼ä¸è§å½¢çè¡£ææ¯ææ çæ ¹ï¼å¤©è±æ¿äº²å»æçéï¼å æ¬å¤´ååç奶ï¼ééä¸è¬å°ãæ亮æ¯æä¹ä¸æçä½æ´è¥¿æ¯ï¼ä¹è®¸åæ¨å¤©ãæ¯ç§éé½æ¯æ°çéæ æ åäºæ¯ï¼æ¯å¦é»æã</p> 65 <p style="padding-bottom:1em;">How lucky to meet you!</p> 66 <p>ä½ å¥½ï¼è¿éæ¯æ¸ æ²³æ梦 <sup>QHXM QAQ</sup>对æ趣çä¸çåå¯è½æ趣çä½ æå°å¥½å¥ï¼æ£å¨å°è¯ä»äºäºèç½äº§å/Webå¼åç¸å ³å·¥ä½</p> 67 <p>å¸æè½ä¸ä½ å¨æ¯ç¹ä¹æµ·çç¹æä¹ä¸ç¸è§ï¼</p> 68 <div class="chatbox"> <div class="line loading"> <span></span> 69 <span></span> <span></span> </div> </div> </div> 70 <ul class="skill clear"> <li> <p>HTML5/CSS3</p> 71 <div class="progress"> <div style="width:78%;"></div> 72 <span>å¶ä½ç½ç«ç¨åº¦çè½å</span> </div> </li> 73 <li> <p>JavaScript/Typescript</p> 74 <div class="progress"> <div style="width:55%;"></div> 75 <span>使ç¨ç°ä»£è½®åç¨åº¦çè½å</span> 76 </div> </li> <li> <p>PHP</p> 77 <div class="progress"> <div style="width:60%;"></div> 78 <span>èµç¾æ好çè¯è¨ç¨åº¦çè½å</span> </div> </li> 79 <li> <p>æ°å设计</p> 80 <div class="progress"> 81 <div style="width:65%;"> 82 </div><span>让èªå·±èæç¨åº¦çè½å</span> </div> </li> 83 <li> <p>ä¸ç</p> <div class="progress"> 84 <div style="width:20%;"></div> 85 <span>è§æµä¸çç¨åº¦çè½å</span> </div> </li> 86 <li> <p>æäºæ </p> <div class="progress"> 87 <div style="width:82%;"></div> 88 <span>让äºæ åçç¨åº¦çè½å</span> </div> </li> 89 <li> <p>éæ³</p> <div class="progress"> 90 <div style="width:2%;"></div> 91 <span>åæ®é人ç¸åç¨åº¦çè½å</span> </div> </li> 92 <li> <p>MoePower</p> 93 <div class="progress"> 94 <div style="width:99%;"></div> 95 <span>æ为èäºç¨åº¦çè½å</span> 96 </div> 97 </li> 98 </ul> 99 </div> 100 </div> 101 </div> 102 <div class="find ch"> <div class="container links"> 103 <h2 class="chtitle">æ¸ æ²³æ梦çæ´»ç<span>å°æ¹</span></h2> 104 <div class="clear col-3"> 105 <a href="https://bitcat.rth1.one/" target="_blank"> 106 <div class="item"> 107 <div class="bg" style="background-color:#28a9e0"></div> 108 <div class="inner"> <span>å客</span> </div> </div> </a> 109 <a href="http://æ¸ æ²³æ梦.eu.org" target="_blank"> 110 <div class="item"> <div class="bg" style="background-color:#28a9e0"></div> 111 <div class="inner"> <span>æ¸ æ²³æ梦</span> </div> </div> </a> 112 <a href="https://cloud.ayangwl.net" target="_blank"> 113 <div class="item"> 114 <div class="bg" style="background-color:#28a9e0"></div> 115 <div class="inner"> <span>é¿é³äºè</span> </div> </div> </a> 116 117 </div> 118 <div class="clear"> 119 <a href="" target="_blank"> 120 <div class="item"> 121 <div class="bg" style="background-color:#28a9e0"></div> 122 <div class="inner"> <i class="icon-qq"></i> 123 <span>QQ</span> </div> </div> </a> 124 <a href="/" target="_blank"> 125 <div class="item"> <div class="bg" style="background-color:#28a9e0"></div> 126 <div class="inner"> <i class="icon-mail"></i> <span>Mail</span> </div> </div> </a> 127 <a href="/" target="_blank"> 128 <div class="item"> <div class="bg" style="background-color:#e6162d"></div> 129 <div class="inner"> <i class="icon-weibo"></i> <span>Weibo</span> </div> </div> </a> 130 <a href="https://bilibili.com" target="_blank"> 131 <div class="item"> <div class="bg" style="background-color:#f9a2a8"></div> 132 <div class="inner"> <i class="icon-bilibili"></i>
133 <span>bilibili</span> </div> </div> </a> 134 <a href="https://img1.imgtp.com/2022/08/20/QNWCSdH3.png" target="_blank"> 135 <div class="item"> <div class="bg" style="background-color:#28a9e0"></div> 136 <div class="inner"> <i class="icon-twitter"></i> <span>ä¸ä½ç®å²</span> </div> </div> </a> 137 <a href="https://www.zhihu.com/" target="_blank"> 138 <div class="item"> <div class="bg" style="background-color:#0f88eb"></div> 139 <div class="inner"> <i class="icon-zhihu"></i> 140 <span>ç¥ä¹</span> </div> </div> </a> 141 <a href="https://bgm.tv/" target="_blank"> 142 <div class="item"> <div class="bg" style="background-color:#f09199"></div> 143 <div class="inner"> <i class="icon-bookmark"></i> <span>Bangumi</span> </div> </div> </a> <a href="https://y.music.163.com" target="_blank"> 144 <div class="item"> <div class="bg" style="background-color:#f12d35"></div> 145 <div class="inner"> <i class="icon-netease_music"></i> 146 <span>ç½æäºé³ä¹</span> </div> </div> </a> 147 <a href="https://github.com" target="_blank"> 148 <div class="item"> <div class="bg" style="background-color:#353535"></div> 149 <div class="inner"> <i class="icon-github"></i> <span>Github</span> </div> </div> </a> 150 <a href="http://qingke.colapanda.com/" target="_blank"> <div class="item"> <div class="bg" style="background-color:#b600ff"></div> 151 <div class="inner"> <i class="icon-instagram"></i> <span>Instgram</span> </div> </div> </a> </div> </div> </div> 152 153 <!--<div class="find ch"> <div class="container links"> 154 <h2 class="chtitle">å¦ä¹ <span>Space</span></h2> 155 <div class="clear col-3"> 156 157 <a href="./è¯æ/" target="_blank"> 158 <div class="item"> 159 <div class="bg" style="background-color:#28a9e0"></div> 160 <div class="inner"> <span>è¯æ</span> </div> </div> </a> 161 162 <a href="./æ°å¦/" target="_blank"> 163 <div class="item"> 164 <div class="bg" style="background-color:#28a9e0"></div> 165 <div class="inner"> <span>æ°å¦</span> </div> </div> </a> 166 167 <a href="./è±è¯/" target="_blank"> 168 <div class="item"> 169 <div class="bg" style="background-color:#28a9e0"></div> 170 <div class="inner"> <span>è±è¯</span> </div> </div> </a> 171 172 <a href="./ç©ç/" target="_blank"> 173 <div class="item"> 174 <div class="bg" style="background-color:#28a9e0"></div> 175 <div class="inner"> <span>ç©ç</span> </div> </div> </a> 176 177 <a href="./åå¦/" target="_blank"> 178 <div class="item"> 179 <div class="bg" style="background-color:#28a9e0"></div> 180 <div class="inner"> <span>åå¦</span> </div> </div> </a> 181 182 <a href="./æ¿æ²»/" target="_blank"> 183 <div class="item"> 184 <div class="bg" style="background-color:#28a9e0"></div> 185 <div class="inner"> <span>æ¿æ²»</span> </div> </div> </a> 186 187 </div> </div></div>--> 188 <div class="footer ch"> <div class="container"> <h3>æ¸ æ²³æ梦</h3> <p>èè森æç尽头ï¼æ°ä¸ççèµ·ç¹</p> 189 <p class="c"><a href="/">Say hello to me @ </a></p> 190 <!--<p class="c"><a href="https://cloud.ayangwl.net">æ¬ç©ºé´ç±é¿é³äºèæä¾(个é¤åï¼)</a></p>--><!-- è¿æ¯è·è·¯äº... --> 191 <p class="c"><a href="/">© 2019 - 2022 HMOç»ç» çæææ</a></p> 192</br></br> 193<!-- æ¥èªAnt DesignçChristmas彩èï¼çº¯csså®ç°ç --> 194<style> 195.santa-body { 196 font-size: 100px; /* æ¹åè¿éçåä½å¤§å°ï¼å¯è°æ´å£è¯è头å¾æ å¤§å° */ 197 color: #f91047; 198 display: -webkit-box; 199 display: -webkit-flex; 200 display: -ms-flexbox; 201 display: flex; 202 -webkit-box-pack: center;
203 -webkit-justify-content: center; 204 -ms-flex-pack: center; 205 justify-content: center; 206 -webkit-box-align: center; 207 -webkit-align-items: center; 208 -ms-flex-align: center; 209 align-items: center; 210 width: 1em; 211 height: 1em; 212 background-color: currentColor; 213 -webkit-box-shadow: inset 0 -0.25em rgba(0,0,0,0.1); 214 box-shadow: inset 0 -0.25em rgba(0,0,0,0.1); 215 border-radius: 50%; 216 -webkit-transform-origin: center bottom; 217 -ms-transform-origin: center bottom; 218 transform-origin: center bottom; 219 -webkit-animation: balance alternate infinite 2s ease-in-out; 220 animation: balance alternate infinite 2s ease-in-out; 221} 222 223.santa-head { 224 font-size: .4em; 225 width: 1em; 226 height: 1.9em; 227 background-color: white; 228 border-radius: .5em; 229 -webkit-transform: translateY(-1em); 230 -ms-transform: translateY(-1em); 231 transform: translateY(-1em); 232 position: relative; 233} 234 235.santa-head::before { 236 content: ''; 237 width: 1em; 238 height: .375em; 239 display: block; 240 background-color: #ff9876; 241 position: absolute; 242 left: 0; 243 top: .65em; 244} 245 246.santa-ear { 247 background-color: #fc8363; 248 width: .1em; 249 height: .3em; 250 position: absolute; 251 top: .75em; 252} 253 254.santa-ear:nth-of-type(1) { 255 border-radius: .05em 0 0 .05em; 256 left: -0.1em; 257} 258 259.santa-ear:nth-of-type(2) { 260 border-radius: 0 .05em .05em 0; 261 right: -0.1em; 262} 263 264.santa-hat { 265 content: ''; 266 width: 1em; 267 height: .15em; 268 position: absolute; 269 -webkit-transform: scale(1.1); 270 -ms-transform: scale(1.1); 271 transform: scale(1.1); 272 top: .5em; 273 left: 0; 274 background-color: white; 275} 276 277.santa-hat::before { 278 content: ''; 279 display: block; 280 width: 1em; 281 height: .5em; 282 background: #f91047; 283 border-radius: .5em .5em 0 0; 284 z-index: 2; 285 position: absolute; 286 top: -0.5em; 287} 288 289.santa-hat::after { 290 content: ''; 291 width: .25em; 292 height: .25em; 293 display: block; 294 background-color: white; 295 border-radius: 50%; 296 position: absolute; 297 z-index: 0; 298 top: -0.72em; 299 right: 0; 300 -webkit-box-shadow: -0.2em .2em 0 .12em rgba(0,0,0,0.2),-0.2em .2em 0 .12em #f91047; 301 box-shadow: -0.2em .2em 0 .12em rgba(0,0,0,0.2),-0.2em .2em 0 .12em #f91047; 302} 303 304.santa-eye { 305 width: .12em; 306 height: .12em; 307 background-color: black; 308 border-radius: 50%; 309 position: absolute; 310 top: .76em; 311 left: .2em; 312} 313 314.santa-eye+.santa-eye { 315 left: auto; 316 right: .2em; 317} 318 319.santa-nose { 320 width: .12em; 321 height: .22em; 322 background-color: #f24c4c; 323 border-radius: 0 0 .12em .12em; 324 position: absolute; 325 top: .84em; 326 left: 50%; 327 -webkit-transform: translateX(-50%); 328 -ms-transform: translateX(-50%); 329 transform: translateX(-50%); 330} 331 332.santa-mouth { 333 width: .18em; 334 height: .1em; 335 border-bottom-right-radius: 5vw; 336 border-bottom-left-radius: 5vw; 337 margin-top: .3em; 338 background-color: black; 339 position: absolute; 340 left: 50%; 341 top: 50%; 342 -webkit-transform: translate(-50%, -50%); 343 -ms-transform: translate(-50%, -50%); 344 transform: translate(-50%, -50%); 345 -webkit-animation: hohoho 4s linear forwards infinite; 346 animation: hohoho 4s linear forwards infinite; 347} 348 349@-webkit-keyframes hohoho { 350 0%,10%,20%,40%,100% { 351 width: .18em; 352 height: .1em; 353 border-bottom-right-radius: 1vw; 354 border-bottom-left-radius: 1vw; 355 } 356 357 5%,15%,25%,35% { 358 width: .15em; 359 height: .2em; 360 border-radius: 50%; 361 } 362} 363 364@keyframes hohoho { 365 0%,10%,20%,40%,100% { 366 width: .18em; 367 height: .1em; 368 border-bottom-right-radius: 1vw; 369 border-bottom-left-radius: 1vw; 370 } 371 372 5%,15%,25%,35% { 373 width: .15em; 374 height: .2em; 375 border-radius: 50%; 376 } 377} 378 379@-webkit-keyframes balance { 380 from { 381 -webkit-transform: rotate(-4deg); 382 transform: rotate(-4deg); 383 } 384 385 to { 386 -webkit-transform: rotate(4deg); 387 transform: rotate(4deg); 388 } 389} 390 391@keyframes balance { 392 from { 393 -webkit-transform: rotate(-4deg); 394 transform: rotate(-4deg); 395 } 396 397 to { 398 -webkit-transform: rotate(4deg); 399 transform: rotate(4deg); 400 } 401} 402</style> 403<center> 404<div class="santa"> 405 <div class="santa-body"> 406 <div class="santa-head"> 407 <div class="santa-ear"></div> 408 <div class="santa-ear"></div> 409 <div class="santa-hat"></div> 410 <div class="santa-eye"></div> 411 <div class="santa-eye"></div> 412 <div class="santa-nose"></div> 413 <div class="santa-mouth"></div> 414 </div> 415 </div> 416</div> 417</center> 418</br> 419<span> <div class="inner">
419æ¬ç«å·²<span style="opacity:.3"> å¨åç§ç¾é¾ä¸è°é¾ </span>è¿è¡ <span id="span_dt_dt"></span>
419<script> /*建ç«æ¶é´*/ function show_date_time() { window.setTimeout("show_date_time()", 1e3); var BirthDay = new Date("2019/9/1"), today = new Date, timeold = today.getTime() - BirthDay.getTime(), msPerDay = 864e5, e_daysold = timeold / msPerDay, daysold = Math.floor(e_daysold), e_hrsold = 24 * (e_daysold - daysold), hrsold = Math.floor(e_hrsold), e_minsold = 60 * (e_hrsold - hrsold), minsold = Math.floor(60 * (e_hrsold - hrsold)), seconds = Math.floor(60 * (e_minsold - minsold)); span_dt_dt.innerHTML = daysold + " 天 " + hrsold + " å°æ¶ " + minsold + " å " + seconds + " ç§ "; } show_date_time();</script>
419</div></span> 420 </div> 421 </div> 422
422<script src="js/page.3a0791a3.js"></script>
422 423
423<script type="text/javascript" src="js/stats.js" charset="UTF-8"> 424 </script>
424 425 </body> 426</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.