https://houmin.cc/album/

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 4.0.0">
8  <link rel="icon" type="image/png" sizes="32x32" href="https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/theme/favicon.ico">
9  <link rel="icon" type="image/png" sizes="16x16" href="https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/theme/favicon.ico">
10  <link rel="alternate" href="/atom.xml" title="Houmin" type="application/atom+xml">
11  <meta name="google-site-verification" content="zdGhdEF7jHoJW58lsdN6l9JrQFjJFwakCIc7TbbosV0">
12  <meta name="msvalidate.01" content="2F527B379ED5537861D0D38C2C754C2B">
13  <meta name="baidu-site-verification" content="xAag2PqzKE">
14
15<link rel="stylesheet" href="/css/main.css">
16
17
18<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/font-awesome@4/css/font-awesome.min.css">
19  <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.css">
20  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css">
21  

21<script src="//cdn.jsdelivr.net/npm/pace-js@1/pace.min.js"></script>

21
22
23

24<script id="hexo-configurations">
25  var NexT = window.NexT || {};
26  var CONFIG = {
27    root: '/',
28    scheme: 'Mist',
29    version: '7.5.0',
30    exturl: false,
31    sidebar: {"position":"right","display":"post","offset":12,"onmobile":true},
32    copycode: {"enable":true,"show_result":true,"style":"mac"},
33    back2top: {"enable":true,"sidebar":false,"scrollpercent":true},
34    bookmark: {"enable":true,"color":"#222","save":"auto"},
35    fancybox: true,
36    mediumzoom: false,
37    lazyload: true,
38    pangu: false,
39    algolia: {
40      appID: '',
41      apiKey: '',
42      indexName: '',
43      hits: {"per_page":10},
44      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
45    },
46    localsearch: {"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},
47    path: 'search.xml',
48    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}},
49    translation: {
50      copy_button: '复制',
51      copy_success: '复制成功',
52      copy_failure: '复制失败'
53    },
54    sidebarPadding: 40
55  };
56</script>

56
57
58  <meta property="og:type" content="website">
59<meta property="og:title" content="相册">
60<meta property="og:url" content="https://houmin.cc/album/index.html">
61<meta property="og:site_name" content="Houmin">
62<meta property="og:locale" content="zh-CN">
63<meta property="og:updated_time" content="2022-11-09T15:19:26.936Z">
64<meta name="twitter:card" content="summary">
65
66<link rel="canonical" href="https://houmin.cc/album/">
67
68

69<script id="page-configurations">
70  // https://hexo.io/docs/variables.html
71  CONFIG.page = {
72    sidebar: "",
73    isHome: false,
74    isPost: false,
75    isPage: true,
76    isArchive: false
77  };
78</script>

78
79
80  <title>相册 | Houmin</title>
81  
82
83
84
85
86
87
88  <noscript>
89  <style>
90  .use-motion .brand,
91  .use-motion .menu-item,
92  .sidebar-inner,
93  .use-motion .post-block,
94  .use-motion .pagination,
95  .use-motion .comments,
96  .use-motion .post-header,
97  .use-motion .post-body,
98  .use-motion .collection-header { opacity: initial; }
99
100  .use-motion .site-title,
101  .use-motion .site-subtitle {
102    opacity: initial;
103    top: initial;
104  }
105
106  .use-motion .logo-line-before i { left: initial; }
107  .use-motion .logo-line-after i { right: initial; }
108  </style>
109</noscript>
110
111
112  

112<script src="/js/photoswipe.min.js?v="></script>

112
113  

113<script src="/js/photoswipe-ui-default.min.js?v="></script>

113
114
115</head>
116
117<body itemscope itemtype="http://schema.org/WebPage">
118  <div class="container use-motion">
119    <div class="headband"></div>
120
121    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
122      <div class="header-inner"><div class="site-brand-container">
123  <div class="site-meta">
124
125    <div>
126      <a href="/" class="brand" rel="start">
127        <span class="logo-line-before"><i></i></span>
128        <span class="site-title">Houmin</span>
129        <span class="logo-line-after"><i></i></span>
130      </a>
131    </div>
132        <h1 class="site-subtitle" itemprop="description">Yesterday You Said Tomorrow</h1>
133      
134  </div>
135
136  <div class="site-nav-toggle">
137    <div class="toggle" aria-label="切换导航栏">
138      <span class="toggle-line toggle-line-first"></span>
139      <span class="toggle-line toggle-line-middle"></span>
140      <span class="toggle-line toggle-line-last"></span>
141    </div>
142  </div>
143</div>
144
145
146<nav class="site-nav">
147  
148  <ul id="menu" class="menu">
149        <li class="menu-item menu-item-home">
150
151    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>首页</a>
152
153  </li>
154        <li class="menu-item menu-item-album">
155
156    <a href="/album" rel="section"><i class="fa fa-fw fa-camera"></i>相册</a>
157
158  </li>
159        <li class="menu-item menu-item-movies">
160
161    <a href="/movies/" rel="section"><i class="fa fa-fw fa-film"></i>观影</a>
162
163  </li>
164        <li class="menu-item menu-item-books">
165
166    <a href="/books/" rel="section"><i class="fa fa-fw fa-book"></i>阅读</a>
167
168  </li>
169        <li class="menu-item menu-item-tags">
170
171    <a href="/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>标签</a>
172
173  </li>
174        <li class="menu-item menu-item-archives">
175
176    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>归档</a>
177
178  </li>
179        <li class="menu-item menu-item-about">
180
181    <a href="/about/" rel="section"><i class="fa fa-fw fa-user"></i>关于</a>
182
183  </li>
184      <li class="menu-item menu-item-search">
185        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
186        </a>
187      </li>
188  </ul>
189
190</nav>
191  <div class="site-search">
192    <div class="popup search-popup">
193    <div class="search-header">
194  <span class="search-icon">
195    <i class="fa fa-search"></i>
196  </span>
197  <div class="search-input-container">
198    <input autocomplete="off" autocorrect="off" autocapitalize="none" placeholder="搜索..." spellcheck="false" type="text" id="search-input">
199  </div>
200  <span class="popup-btn-close">
201    <i class="fa fa-times-circle"></i>
202  </span>
203</div>
204<div id="search-result"></div>
205
206</div>
207<div class="search-pop-overlay"></div>
208
209  </div>
210</div>
211    </header>
212
213    
214  <div class="back-to-top">
215    <i class="fa fa-arrow-up"></i>
216    <span>0%</span>
217  </div>
218  <div class="reading-progress-bar"></div>
219  <a role="button" class="book-mark-link book-mark-link-fixed"></a>
220
221
222    <main class="main">
223      <div class="main-inner">
224        <div class="content-wrap">
225          
226  
227  
228
229          <div class="content">
230            
231    <div class="posts-expand">
232        <div class="post-block" lang="zh-CN">
233            <header class="post-header">
234
235<h2 class="post-title" itemprop="name headline">相册
236</h2>
237
238<div class="post-meta">
239  
240
241</div>
242
243</header>
244
245            <div class="post-body">
246                
247                <div class="album-wrapper row">
248                    
249                    <div class="gallery-box">
250                        <a href="./Period" class="gallery-item">
251                            <div class="gallery-cover-box" style="background-image: url(https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/album/Period/artwork/2019-09-12_flash.jpg);">
252                            </div>
253                            <p class="gallery-name">
254                                Period
255                            </p>
256                        </a>
257                        <p class="gallery-description">
258                            很多时候，某个人、某些事就在悄无声息中与我们相遇，我们甚至都没有意识到我们将会与ta度过一段很长的时间。直到有一天，我们不得不离开，甚至都没有好好的告别，ta就永远的从我们的生命中消失，永远。
259                        </p><p>
260                    </p></div>
261                    
262                    <div class="gallery-box">
263                        <a href="./Cosmos" class="gallery-item">
264                            <div class="gallery-cover-box" style="background-image: url(https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/album/Cosmos/artwork/2019-11-24_blue.jpg);">
265                            </div>
266                            <p class="gallery-name">
267                                Cosmos
268                            </p>
269                        </a>
270                        <p class="gallery-description">
271                            宇宙、秩序、和谐
272                        </p><p>
273                    </p></div>
274                    
275                    <div class="gallery-box">
276                        <a href="./知春里知春" class="gallery-item">
277                            <div class="gallery-cover-box" style="background-image: url(https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/album/知春里知春/artwork/2020-07-06_sunset.jpg);">
278                            </div>
279                            <p class="gallery-name">
280                                知春里知春
281                            </p>
282                        </a>
283                        <p class="gallery-description">
284                            记录知春里1号楼外的光影
285                        </p><p>
286                    </p></div>
287                    
288                </div>
289                
290            </div>
291            
292
293        </div>
294    </div>
295
296          </div>
297          
298
299        </div>
300          
301  
302  <div class="toggle sidebar-toggle">
303    <span class="toggle-line toggle-line-first"></span>
304    <span class="toggle-line toggle-line-middle"></span>
305    <span class="toggle-line toggle-line-last"></span>
306  </div>
307
308  <aside class="sidebar">
309    <div class="sidebar-inner">
310
311      <ul class="sidebar-nav motion-element">
312        <li class="sidebar-nav-toc">
313          文章目录
314        </li>
315        <li class="sidebar-nav-overview">
316          站点概览
317        </li>
318      </ul>
319
320      <!--noindex-->
321      <div class="post-toc-wrap sidebar-panel">
322      </div>
323      <!--/noindex-->
324
325      <div class="site-overview-wrap sidebar-panel">
326        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
327  <img class="site-author-image" itemprop="image" alt="Houmin" src="https://cosmos-1251905798.cos.ap-beijing.myqcloud.com/theme/avatar.png">
328  <p class="site-author-name" itemprop="name">Houmin</p>
329  <div class="site-description" itemprop="description">丈夫拥书万卷，何假南面百城</div>
330</div>
331<div class="site-state-wrap motion-element">
332  <nav class="site-state">
333      <div class="site-state-item site-state-posts">
334          <a href="/archives/">
335        

336          <span class="site-state-item-count">22</span>
337          <span class="site-state-item-name">日志</span>
338        </a>
339      </div>
340      <div class="site-state-item site-state-categories">
341            <a href="/categories/">
342        <span class="site-state-item-count">3</span>
343        <span class="site-state-item-name">分类</span></a>
344      </div>
345      <div class="site-state-item site-state-tags">
346            <a href="/tags/">
347          
348        <span class="site-state-item-count">50</span>
349        <span class="site-state-item-name">标签</span></a>
350      </div>
351  </nav>
352</div>
353  <div class="feed-link motion-element">
354    <a href="/atom.xml" rel="alternate">
355      <i class="fa fa-rss"></i>RSS
356    </a>
357  </div>
358  <div class="links-of-author motion-element">
359      <span class="links-of-author-item">
360        <a href="https://github.com/SimpCosm" title="GitHub &amp;rarr; https:&#x2F;&#x2F;github.com&#x2F;SimpCosm" rel="external nofollow noopener noreferrer" target="_blank"><i class="fa fa-fw fa-github"></i></a>
361      </span>
362      <span class="links-of-author-item">
363        <a href="/cdn-cgi/l/email-protection#a3d4c6cacbccd6cecacde3c4cec2cacf8dc0ccce" title="E-Mail &amp;rarr; mailto:[email protected]" rel="external nofollow noopener noreferrer" target="_blank"><i class="fa fa-fw fa-envelope"></i></a>
364      </span>
365  </div>
366
367
368
369      </div>
370
371    </div>
372  </aside>
373  <div id="sidebar-dimmer"></div>
374
375
376      </div>
377    </main>
378
379    <footer class="footer">
380      <div class="footer-inner">
381        
382  <div class="hitokoto">
383    <!-- hitokoto -->
384    <div id="hito-expression">:D 获取中...</div>

384
385
386    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

386<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>

386
387    

387<script src="https://cdn.jsdelivr.net/npm/[email protected]/fetch.min.js"></script>

387
388    

388<script>
389      fetch('https://v1.hitokoto.cn')
390        .then(function (res){
391          return res.json();
392        })
393        .then(function (data) {
394          var hitokoto = document.getElementById('hito-expression');
395          hitokoto.innerText = data.hitokoto + '——【' + data.from + '】';
396        })
397        .catch(function (err) {
398          console.error(err);
399        })
400    </script>

400
401  </div>
402
403<div class="copyright">
404  
405  &copy; 2019 – 
406  <span itemprop="copyrightYear">2023</span>
407  <span class="with-love">
408    <i class="fa fa-heartbeat"></i>
409  </span>
410  <span class="author" itemprop="copyrightHolder">Houmin</span>
411    <span class="post-meta-divider">|</span>
412    <span class="post-meta-item-icon">
413      <i class="fa fa-area-chart"></i>
414    </span>
415      <span class="post-meta-item-text">站点总字数：</span>
416    <span title="站点总字数">397k</span>
417    <span class="post-meta-divider">|</span>
418    <span class="post-meta-item-icon">
419      <i class="fa fa-coffee"></i>
420    </span>
421      <span class="post-meta-item-text">站点阅读时长 &asymp;</span>
422    <span title="站点阅读时长">12:02</span>
423</div>
424
425        
426<div class="busuanzi-count">
427  

427<script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

427
428    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
429      <span class="post-meta-item-icon">
430        <i class="fa fa-user"></i>
431      </span>
432      <span class="site-uv" title="总访客量">
433        <span id="busuanzi_value_site_uv"></span>
434      </span>
435    </span>
436    <span class="post-meta-divider">|</span>
437    <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;">
438      <span class="post-meta-item-icon">
439        <i class="fa fa-eye"></i>
440      </span>
441      <span class="site-pv" title="总访问量">
442        <span id="busuanzi_value_site_pv"></span>
443      </span>
444    </span>
445</div>
446
447
448
449
450
451
452
453
454
455
456
457
458        
459      </div>
460    </footer>
461  </div>
462
463
464
465  
466  

466<script src="//cdn.jsdelivr.net/npm/[email protected]/lib/anime.min.js"></script>

466
467  

467<script src="//cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js"></script>

467
468  

468<script src="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.js"></script>

468
469  

469<script src="//cdn.jsdelivr.net/npm/lozad@1/dist/lozad.min.js"></script>

469
470  

470<script src="/lib/velocity/velocity.min.js"></script>

470
471  

471<script src="/lib/velocity/velocity.ui.min.js"></script>

471

472<script src="/js/utils.js"></script>

472<script src="/js/motion.js"></script>

472

473<script src="/js/schemes/muse.js"></script>

473

474<script src="/js/next-boot.js"></script>

474<script src="/js/bookmark.js"></script>

474
475
476
477
478  
479
480
481
482
483  

483<script src="/js/local-search.js"></script>

483
484
485
486
487
488
489
490
491

492<script>
493if (document.querySelectorAll('div.pdf').length) {
494  NexT.utils.getScript('//cdn.jsdelivr.net/npm/pdfobject@2/pdfobject.min.js', () => {
495    document.querySelectorAll('div.pdf').forEach(element => {
496      PDFObject.embed(element.getAttribute('target'), element, {
497        pdfOpenParams: {
498          navpanes: 0,
499          toolbar: 0,
500          statusbar: 0,
501          pagemode: 'thumbs',
502          view: 'FitH'
503        },
504        PDFJS_URL: '/lib/pdf/web/viewer.html',
505        height: element.getAttribute('height') || '800px'
506      });
507    });
508  }, window.PDFObject);
509}
510</script>

510
511
512

513<script>
514if (document.querySelectorAll('pre.mermaid').length) {
515  NexT.utils.getScript('//cdn.jsdelivr.net/npm/mermaid@8/dist/mermaid.min.js', () => {
516    mermaid.initialize({
517      theme: 'forest',
518      logLevel: 3,
519      flowchart: { curve: 'linear' },
520      gantt: { axisFormat: '%m/%d/%Y' },
521      sequence: { actorMargin: 50 }
522    });
523  }, window.mermaid);
524}
525</script>

525
526
527
528
529  
530
531  
532
533  
534
535

536<script>
537NexT.utils.getScript('//cdn.jsdelivr.net/npm/valine@1/dist/Valine.min.js', () => {
538  var GUEST = ['nick', 'mail', 'link'];
539  var guest = 'nick,mail,link';
540  guest = guest.split(',').filter(item => {
541    return GUEST.includes(item);
542  });
543  new Valine({
544    el: '#comments',
545    verify: false,
546    notify: false,
547    appId: 'iEBFuhVyk4tuhVYctQ265uid-gzGzoHsz',
548    appKey: 'KGjOktrtgSEWK1v9DYA3T3Az',
549    placeholder: "Just go go",
550    avatar: 'retro',
551    meta: guest,
552    pageSize: '10' || 10,
553    visitor: false,
554    lang: 'zh-cn' || 'zh-cn',
555    path: location.pathname,
556    recordIP: true,
557    serverURLs: ''
558  });
559}, window.Valine);
560</script>

560
561

562<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"afd962fb5e7e44c29956f857122668a4","r":1,"spa":2}' crossorigin="anonymous"></script>

562
563</body>
564</html>