1<!DOCTYPE html> 2<html lang="zh-CN"> 3<head> 4 <meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2"> 6<meta name="theme-color" content="#222"> 7<meta name="generator" content="Hexo 5.4.0"> 8 9 10 <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon.png"> 11 <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png"> 12 <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png"> 13 <link rel="mask-icon" href="/images/favicon.png" color="#222"> 14 15<link rel="stylesheet" href="/css/main.css"> 16 17 18 19<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css"> 20 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css"> 21
22<script class="hexo-configurations"> 23 var NexT = window.NexT || {}; 24 var CONFIG = {"hostname":"geekyutu.cn","root":"/","images":"/images","scheme":"Pisces","version":"8.2.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12,"onmobile":true},"copycode":false,"bookmark":{"enable":false,"color":"#222","save":"auto"},"fancybox":false,"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"motion":{"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},"prism":false,"i18n":{"placeholder":"æç´¢...","empty":"没ææ¾å°ä»»ä½æç´¢ç»æï¼${query}","hits_time":"æ¾å° ${hits} 个æç´¢ç»æï¼ç¨æ¶ ${time} 毫ç§ï¼","hits":"æ¾å° ${hits} 个æç´¢ç»æ"}}; 25 </script>
25 26<meta name="description" content="éµéµéµéµ~~~è±è±ä¸¹ç第ä¸ä¸ªæ£å¼Blogç»äºæ建å®æ¯ã å¾æ©ä»¥åç¨CSDNåæç« çæ¶åï¼å°±ä¸å®å³å¿è¦ç»èªå·±å»ºä¸ªç½ç«ãææ¶è¿æ²¡æè´ä¹°åååæå¡å¨çæç®ï¼æè§å è´¹çGithub Pageå·²ç»å¤ç¨å¦~ ä¸å¼å§å¢ï¼èªå·±æ¯ä¸ç¹ä¸ç¹åéæHTML页é¢ï¼ä¸ä¸ªå¸å±å°±è½codingå¥½ä¹ å¥½ä¹ â¦â¦åæ¥åç°è¿ç§æ¹æ³å¤ªæ ¢äºï¼èä¸åæç»´æ¤ä¹ä¸å¤ªæ¹ä¾¿ã"> 27<meta property="og:type" content="article"> 28<meta property="og:title" content="ç¨Hexo+Github Pageæ建å客æå~"> 29<meta property="og:url" content="https://geekyutu.cn/2016/04/first-article/index.html"> 30<meta property="og:site_name" content="GeekYutu.cn"> 31<meta property="og:description" content="éµéµéµéµ~~~è±è±ä¸¹ç第ä¸ä¸ªæ£å¼Blogç»äºæ建å®æ¯ã å¾æ©ä»¥åç¨CSDNåæç« çæ¶åï¼å°±ä¸å®å³å¿è¦ç»èªå·±å»ºä¸ªç½ç«ãææ¶è¿æ²¡æè´ä¹°åååæå¡å¨çæç®ï¼æè§å è´¹çGithub Pageå·²ç»å¤ç¨å¦~ ä¸å¼å§å¢ï¼èªå·±æ¯ä¸ç¹ä¸ç¹åéæHTML页é¢ï¼ä¸ä¸ªå¸å±å°±è½codingå¥½ä¹ å¥½ä¹ â¦â¦åæ¥åç°è¿ç§æ¹æ³å¤ªæ ¢äºï¼èä¸åæç»´æ¤ä¹ä¸å¤ªæ¹ä¾¿ã"> 32<meta property="og:locale" content="zh_CN"> 33<meta property="article:published_time" content="2016-04-13T15:22:18.000Z"> 34<meta property="article:modified_time" content="2023-09-03T12:40:08.073Z"> 35<meta property="article:author" content="åä¸èçå å®"> 36<meta property="article:tag" content="æè°"> 37<meta name="twitter:card" content="summary"> 38 39 40<link rel="canonical" href="https://geekyutu.cn/2016/04/first-article/"> 41 42
43<script class="page-configurations"> 44 // https://hexo.io/docs/variables.html 45 CONFIG.page = { 46 sidebar: "", 47 isHome : false, 48 isPost : true, 49 lang : 'zh-CN' 50 }; 51</script>
51 52<title>ç¨Hexo+Github Pageæ建å客æå~ | GeekYutu.cn</title> 53 54 55 56 57 58 <noscript> 59 <style> 60 body { margin-top: 2rem; } 61 62 .use-motion .menu-item, 63 .use-motion .sidebar, 64 .use-motion .post-block, 65 .use-motion .pagination, 66 .use-motion .comments, 67 .use-motion .post-header, 68 .use-motion .post-body, 69 .use-motion .collection-header { 70 visibility: visible; 71 } 72 73 .use-motion .header, 74 .use-motion .site-brand-container .toggle, 75 .use-motion .footer { opacity: initial; } 76 77 .use-motion .site-title, 78 .use-motion .site-subtitle, 79 .use-motion .custom-logo-image { 80 opacity: initial; 81 top: initial; 82 } 83 84 .use-motion .logo-line { 85 transform: scaleX(1); 86 } 87 88 .search-pop-overlay, .sidebar-nav { display: none; } 89 .sidebar-panel { display: block; } 90 </style> 91</noscript> 92 93<link rel="alternate" href="/atom.xml" title="GeekYutu.cn" type="application/atom+xml"> 94</head> 95 96<body itemscope itemtype="http://schema.org/WebPage" class="use-motion"> 97 <div class="headband"></div> 98 99 <main class="main"> 100 <header class="header" itemscope itemtype="http://schema.org/WPHeader"> 101 <div class="header-inner"><div class="site-brand-container"> 102 <div class="site-nav-toggle"> 103 <div class="toggle" aria-label="åæ¢å¯¼èªæ " role="button"> 104 <span class="toggle-line"></span> 105 <span class="toggle-line"></span> 106 <span class="toggle-line"></span> 107 </div> 108 </div> 109 110 <div class="site-meta"> 111 112 <a href="/" class="brand" rel="start"> 113 <i class="logo-line"></i> 114 <h1 class="site-title">GeekYutu.cn</h1> 115 <i class="logo-line"></i> 116 </a> 117 <p class="site-subtitle" itemprop="description">æ客çå </p> 118 </div> 119 120 <div class="site-nav-right"> 121 <div class="toggle popup-trigger"> 122 </div> 123 </div> 124</div> 125 126 127 128<nav class="site-nav"> 129 <ul class="main-menu menu"> 130 <li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>é¦é¡µ</a></li> 131 <li class="menu-item menu-item-æç« "><a href="/archives/" rel="section"><i class="fa fa-pencil-alt fa-fw"></i>æç« </a></li> 132 <li class="menu-item menu-item-ç¸å"><a href="/photos/" rel="section"><i class="fa fa-images fa-fw"></i>ç¸å</a></li> 133 <li class="menu-item menu-item-æè´§éº"><a href="/sale/" rel="section"><i class="fa fa-shopping-cart fa-fw"></i>æè´§éº</a></li> 134 <li class="menu-item menu-item-å ³äºæ"><a href="/about/" rel="section"><i class="fa fa-user fa-fw"></i>å ³äºæ</a></li> 135 <li class="menu-item menu-item-纪念ç¶äº²"><a href="/miss-dad/" rel="section"><i class="fa fa-heartbeat fa-fw"></i>纪念ç¶äº²</a></li> 136 </ul> 137</nav> 138 139 140 141 142</div> 143 144 145 <div class="toggle sidebar-toggle" role="button"> 146 <span class="toggle-line"></span> 147 <span class="toggle-line"></span> 148 <span class="toggle-line"></span> 149 </div> 150 151 <aside class="sidebar"> 152 153 <div class="sidebar-inner sidebar-overview-active"> 154 <ul class="sidebar-nav"> 155 <li class="sidebar-nav-toc"> 156 æç« ç®å½ 157 </li> 158 <li class="sidebar-nav-overview"> 159 ç«ç¹æ¦è§ 160 </li> 161 </ul> 162 163 <div class="sidebar-panel-container"> 164 <!--noindex--> 165 <div class="post-toc-wrap sidebar-panel"> 166 </div> 167 <!--/noindex--> 168 169 <div class="site-overview-wrap sidebar-panel"> 170 <div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person"> 171 <img class="site-author-image" itemprop="image" alt="åä¸èçå å®" 172 src="/images/avatar.jpg"> 173 <p class="site-author-name" itemprop="name">åä¸èçå å®</p> 174 <div class="site-description" itemprop="description">enfp / bunny / music / coding</div> 175</div> 176 <div class="links-of-author site-overview-item animated"> 177 <span class="links-of-author-item"> 178 <a href="https://github.com/DaphneChang" title="GitHub â https://github.com/DaphneChang" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a> 179 </span> 180 <span class="links-of-author-item"> 181 <a href="mailto:[email protected]" title="Email â mailto:[email protected]" rel="noopener" target="_blank"><i class="fa fa-envelope fa-fw"></i>Email</a> 182 </span>
183 <span class="links-of-author-item"> 184 <a href="https://www.linkedin.com/in/devzhangdan/" title="Linkedin â https://www.linkedin.com/in/devzhangdan/" rel="noopener" target="_blank"><i class="fab fa-linkedin fa-fw"></i>Linkedin</a> 185 </span> 186 <span class="links-of-author-item"> 187 <a href="/atom.xml" title="RSS â /atom.xml"><i class="fa fa-rss fa-fw"></i>RSS</a> 188 </span> 189 </div> 190 191 192 <div class="links-of-blogroll site-overview-item animated"> 193 <div class="links-of-blogroll-title"><i class="fa fa-link fa-fw"></i> 194 Links 195 </div> 196 <ul class="links-of-blogroll-list"> 197 <li class="links-of-blogroll-item"> 198 <a href="https://blog.csdn.net/qq_15560063/" title="https://blog.csdn.net/qq_15560063/" rel="noopener" target="_blank">CSDNå客ï¼æ§ï¼</a> 199 </li> 200 <li class="links-of-blogroll-item"> 201 <a href="https://www.imooc.com/u/269839" title="https://www.imooc.com/u/269839" rel="noopener" target="_blank">æ 课ç½ï¼å¦çæ¶æï¼</a> 202 </li> 203 <li class="links-of-blogroll-item"> 204 <a href="/link" title="/link">åæ é¾æ¥</a> 205 </li> 206 </ul> 207 </div> 208 209 </div> 210 </div> 211 </div> 212 </aside> 213 <div class="sidebar-dimmer"></div> 214 215 216 </header> 217 218 219 <div class="back-to-top" role="button"> 220 <i class="fa fa-arrow-up"></i> 221 <span>0%</span> 222 </div> 223 <div class="reading-progress-bar"></div> 224 225<noscript> 226 <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div> 227</noscript> 228 229 230 <div class="main-inner post posts-expand"> 231 232 233 234 235 236<div class="post-block"> 237 238 239 240 <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN"> 241 <link itemprop="mainEntityOfPage" href="https://geekyutu.cn/2016/04/first-article/"> 242 243 <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"> 244 <meta itemprop="image" content="/images/avatar.jpg"> 245 <meta itemprop="name" content="åä¸èçå å®"> 246 <meta itemprop="description" content="enfp / bunny / music / coding"> 247 </span> 248 249 <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"> 250 <meta itemprop="name" content="GeekYutu.cn"> 251 </span> 252 <header class="post-header"> 253 <h1 class="post-title" itemprop="name headline"> 254 ç¨Hexo+Github Pageæ建å客æå~ 255 </h1> 256 257 <div class="post-meta-container"> 258 <div class="post-meta"> 259 <span class="post-meta-item"> 260 <span class="post-meta-item-icon"> 261 <i class="far fa-calendar"></i> 262 </span> 263 <span class="post-meta-item-text">å表äº</span> 264 265 <time title="å建æ¶é´ï¼2016-04-13 23:22:18" itemprop="dateCreated datePublished" datetime="2016-04-13T23:22:18+08:00">2016-04-13</time> 266 </span> 267 <span class="post-meta-item"> 268 <span class="post-meta-item-icon"> 269 <i class="far fa-folder"></i> 270 </span> 271 <span class="post-meta-item-text">åç±»äº</span> 272 <span itemprop="about" itemscope itemtype="http://schema.org/Thing"> 273 <a href="/categories/%E7%94%9F%E6%B4%BB/" itemprop="url" rel="index"><span itemprop="name">çæ´»</span></a> 274 </span> 275 </span> 276 277 278 <span class="post-meta-item" title="é 读次æ°" id="busuanzi_container_page_pv" style="display: none;"> 279 <span class="post-meta-item-icon"> 280 <i class="fa fa-eye"></i> 281 </span> 282 <span class="post-meta-item-text">é 读次æ°ï¼</span> 283 <span id="busuanzi_value_page_pv"></span> 284 </span> 285 <span id="/2016/04/first-article/" class="post-meta-item twikoo_visitors" data-flag-title="ç¨Hexo+Github Pageæ建å客æå~" title="é 读次æ°"> 286 <span class="post-meta-item-icon"> 287 <i class="far fa-eye"></i> 288 </span> 289 <span class="post-meta-item-text">é 读次æ°ï¼</span> 290 <span id="twikoo_visitors"></span> 291 </span> 292 293 <span class="post-meta-item" title="æ¬æåæ°"> 294 <span class="post-meta-item-icon"> 295 <i class="far fa-file-word"></i> 296 </span>
297 <span class="post-meta-item-text">æ¬æåæ°ï¼</span> 298 <span>499</span> 299 </span> 300 <span class="post-meta-item" title="é 读æ¶é¿"> 301 <span class="post-meta-item-icon"> 302 <i class="far fa-clock"></i> 303 </span> 304 <span class="post-meta-item-text">é 读æ¶é¿ ≈</span> 305 <span>1 åé</span> 306 </span> 307</div> 308 309 </div> 310 </header> 311 312 313 314 315 <div class="post-body" itemprop="articleBody"> 316 <p>éµéµéµéµ~~~<br>è±è±ä¸¹ç第ä¸ä¸ªæ£å¼Blogç»äºæ建å®æ¯ã</p> 317<p>å¾æ©ä»¥åç¨CSDNåæç« çæ¶åï¼å°±ä¸å®å³å¿è¦ç»èªå·±å»ºä¸ªç½ç«ã<br>ææ¶è¿æ²¡æè´ä¹°åååæå¡å¨çæç®ï¼æè§å è´¹çGithub Pageå·²ç»å¤ç¨å¦~</p> 318<p>ä¸å¼å§å¢ï¼èªå·±æ¯ä¸ç¹ä¸ç¹åéæHTML页é¢ï¼ä¸ä¸ªå¸å±å°±è½codingå¥½ä¹ å¥½ä¹ â¦â¦<br>åæ¥åç°è¿ç§æ¹æ³å¤ªæ ¢äºï¼èä¸åæç»´æ¤ä¹ä¸å¤ªæ¹ä¾¿ã</p> 319<span id="more"></span> 320 321<p>äºæ¯å³å®å°è¯Githubå®æ¹æ¨èçjekyllï¼è½ç¶æ¯ææåå¼ï¼ä¸è¿æè§ç¨èµ·æ¥ä¹ä¸æ¯å¤ªæ¹ä¾¿ã<br>ç´å°åç°äºHexo!!!<br>ççççå¾å¥½ç¨å<del>å</del>å</p> 322<p>è¿ä¸¤å¤©åªç 究äºä¸é¨åç®æ¯ï¼å·²ç»è¿«ä¸åå¾ å°ç½ç«å稿å Poåºæ¥ã<br>å©ä¸æè§è¿æ80%çåæ°æ没æé ç½®å°ï¼æ¥ä¸æ¥æ³å¥½å¥½ç 究é~</p> 323<p>Hexoçä½è å½å¹´æ¯ä¸ªå°æ¹¾å¤§å¦çã<br>å§å§ï¼åæ ·é½æ¯å¦çï¼åå·®è·é£ä¹å¤§â¦â¦</p> 324<p>è¿å»çè¿åå¹´éâ¦â¦<br>éç对å端è¶æ·±å ¥å°å¦ä¹ ï¼è¶åç°èªå·±æ¯å¤ä¹æ ç¥ã<br>å½å¹´ç¨HTML,CSS,JavaScriptååºä¸äºéæçé¢æ¶ï¼å°±å·²ç»è§å¾èªå·±å¸ å¾ä¸è¡äºå¥½å~<br>ç°å¨æ¶å¸¸ä¼æä¸äºæ«è´¥æâ¦â¦<br>å¨å¦æ ¡éæ»è§å¾èªå·±æ¯é¢å 大é¨å人çï¼å¯æ¯å®ä¹ ååç°åäºä»¬é½æ¯å¤ä¹çå害ã<br>åªè½å®æ °èªå·±ä¸è¦æ ä¸è¦æ ï¼åªè¦ä¸ç´å¨è¿æ¥å°±å¥½ï¼æ¥ä¸æ¥â¦â¦</p> 325<p>Anywayï¼ç»§ç»å¥æå§å°å¥³<del>><</del></p> 326 327 </div> 328 329 330 331 332 333 <footer class="post-footer"> 334 <div class="reward-container"> 335 <div>æè°¢æèµçåå¦â¤ï¸ 请emailæä½åï¼å¯ðæ°å¹´æä¿¡ç/å°ç¤¼ç©ðç»ä½ 们</div> 336 <button onclick="document.querySelector('.post-reward').classList.toggle('active');"> 337 èµèµ 338 </button> 339 <div class="post-reward"> 340 <div> 341 <img src="/images/wechatpay.png" alt="åä¸èçå å® å¾®ä¿¡"> 342 <span>微信</span> 343 </div> 344 <div> 345 <img src="/images/alipay.jpg" alt="åä¸èçå å® æ¯ä»å®"> 346 <span>æ¯ä»å®</span> 347 </div> 348 349 </div> 350</div> 351 352 <div class="followme"> 353 <span>欢è¿å ³æ³¨æçå ¶å®åå¸æ¸ é</span> 354 355 <div class="social-list"> 356 357 <div class="social-item"> 358 <a target="_blank" class="social-link" href="https://www.zhihu.com/people/DaphneChang"> 359 <span class="icon"> 360 <i class="fa fa-globe"></i> 361 </span> 362 363 <span class="label">ç¥ä¹</span> 364 </a> 365 </div> 366 367 <div class="social-item"> 368 <a target="_blank" class="social-link" href="/images/wechat.jpg"> 369 <span class="icon"> 370 <i class="fab fa-weixin"></i> 371 </span> 372 373 <span class="label">WeChat</span> 374 </a> 375 </div> 376 377 <div class="social-item"> 378 <a target="_blank" class="social-link" href="/atom.xml"> 379 <span class="icon"> 380 <i class="fa fa-rss"></i> 381 </span> 382 383 <span class="label">RSS</span> 384 </a> 385 </div> 386 </div> 387</div> 388 389 <div class="post-tags"> 390 <a href="/tags/%E6%9D%82%E8%B0%88/" rel="tag"># æè°</a> 391 </div> 392 393 394 395 <div class="post-nav"> 396 <div class="post-nav-item"> 397 </div> 398 <div class="post-nav-item"> 399 <a href="/2021/03/restart/" rel="next" title="éæ°åºå"> 400 éæ°åºå <i class="fa fa-chevron-right"></i> 401 </a> 402 </div> 403 </div> 404 </footer> 405 </article> 406</div> 407 408 409 410 411 412 413 <div class="comments"><div id="twikoo-comments"></div></div> 414
415<script> 416 window.addEventListener('tabs:register', () => { 417 let { activeClass } = CONFIG.comments; 418 if (CONFIG.comments.storage) { 419 activeClass = localStorage.getItem('comments_active') || activeClass; 420 } 421 if (activeClass) { 422 const activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`); 423 if (activeTab) { 424 activeTab.click(); 425 } 426 } 427 }); 428 if (CONFIG.comments.storage) { 429 window.addEventListener('tabs:click', event => { 430 if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return; 431 const commentClass = event.target.classList[1]; 432 localStorage.setItem('comments_active', commentClass); 433 }); 434 } 435</script>
435 436</div> 437 </main> 438 439 <footer class="footer"> 440 <div class="footer-inner"> 441 442 443<div class="copyright"> 444 © 445 <span itemprop="copyrightYear">2023</span> 446 <span class="with-love"> 447 <i class="fa fa-heart"></i> 448 </span> 449 <span class="author" itemprop="copyrightHolder">åä¸èçå å®</span> 450</div> 451<div class="wordcount"> 452 <span class="post-meta-item"> 453 <span class="post-meta-item-icon"> 454 <i class="fa fa-chart-line"></i> 455 </span> 456 <span>ç«ç¹æ»åæ°ï¼</span> 457 <span title="ç«ç¹æ»åæ°">1k</span> 458 </span> 459 <span class="post-meta-item"> 460 <span class="post-meta-item-icon"> 461 <i class="fa fa-coffee"></i> 462 </span> 463 <span>ç«ç¹é 读æ¶é¿ ≈</span> 464 <span title="ç«ç¹é 读æ¶é¿">1 åé</span> 465 </span> 466</div> 467<div class="busuanzi-count"> 468 <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;"> 469 <span class="post-meta-item-icon"> 470 <i class="fa fa-user"></i> 471 </span> 472 <span class="site-uv" title="æ»è®¿å®¢é"> 473 <span id="busuanzi_value_site_uv"></span> 474 </span> 475 </span> 476 <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;"> 477 <span class="post-meta-item-icon"> 478 <i class="fa fa-eye"></i> 479 </span> 480 <span class="site-pv" title="æ»è®¿é®é"> 481 <span id="busuanzi_value_site_pv"></span> 482 </span> 483 </span> 484</div> 485 <div class="powered-by">ç± <a href="https://hexo.io/" class="theme-link" rel="noopener" target="_blank">Hexo</a> & <a href="https://theme-next.js.org/pisces/" class="theme-link" rel="noopener" target="_blank">NexT.Pisces</a> 强åé©±å¨ 486 </div> 487 488 </div> 489 </footer> 490 491 492
492<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js"></script>
vendor: 1 bytes, line 492
492
493<script src="/js/utils.js"></script>
493<script src="/js/motion.js"></script>
493<script src="/js/next-boot.js"></script>
493 494 495 496 497 498 499 500 501 502 503
503<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
503 504 505 506 507
508<script> 509NexT.utils.loadComments('#twikoo-comments', () => { 510 NexT.utils.getScript('https://cdn.jsdelivr.net/npm/twikoo/dist/twikoo.all.min.js', () => { 511 twikoo.init(Object.assign({"enable":true,"visitor":true,"envId":"hello-cloudbase-1g6y9j0tbcc34d2a"}, { 512 el: '#twikoo-comments' 513 })); 514 }, window.twikoo); 515}); 516</script>
516 517 518</body> 519</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.