<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" /> 
  <title>【网站标题】 - 【首页描述】</title> 
  <meta name="description" content="【网站描述】" />
  <meta name="keywords" content="【网站关键词】">  
  <link rel="stylesheet" href="【首页地址】assets/css/katex.min.css" /> 
  <link href="【首页地址】assets/css/remixicon.css" rel="stylesheet" /> 
  <link rel="stylesheet" href="【首页地址】assets/css/css.css" /> 
  <link rel="stylesheet" href="【首页地址】assets/css/animate.min.css" /> 
  <link rel="stylesheet" href="【首页地址】assets/css/main.css" /> 
  <link rel="alternate" type="application/atom+xml" title="Gridea Theme Walker - Atom Feed" href="【首页地址】atom.xml" />
  <script type="text/javascript" src="https://s3.pstatp.com/cdn/expire-1-M/jquery/1.11.1/jquery.min.js"></script> 
	<script>
	var _hmt = _hmt || [];
	(function() {
	  var hm = document.createElement("script");
	  hm.src = "https://hm.baidu.com/hm.js?8af9735d76b164d50dfc42e09a5c5633";
	  var s = document.getElementsByTagName("script")[0]; 
	  s.parentNode.insertBefore(hm, s);
	})();
	</script>  
 </head> 
 <body> 
  <div class="main px-4 flex flex-col lg:flex-row"> 
   <div id="sidebar" class="sidebar-wrapper lg:static lg:w-1/4"> 
    <div class="lg:sticky top-0"> 
     <div class="sidebar-content"> 
      <div class="flex lg:block p-4 lg:px-0 items-center fixed lg:static lg:block top-0 right-0 left-0 bg-white z-50"> 
       <i class="remixicon-menu-2-line lg:mt-4 text-2xl cursor-pointer animated fadeIn" onclick="openMenu()"></i> 
       <a href="【首页地址】"> <img class="animated fadeInLeft avatar rounded-lg mx-4 lg:mt-32 lg:mx-0 mt-0 lg:w-24 lg:h-24 w-12 w-12" src="【首页地址】assets/tx.jpg" alt="" /> </a> 
       <h1 class="animated fadeInLeft lg:text-4xl font-extrabold lg:mt-8 mt-0 text-xl" style="animation-delay: 0.2s">【网站标题】</h1> 
      </div> 
      <div class="animated fadeInLeft" style="animation-delay: 0.4s"> 
       <p class="my-4 text-gray-600 font-light hidden lg:block">【首页描述】</p> 
       <div class="animated fadeInLeft social-container hidden lg:block" style="animation-delay: 0.6s"> 
        <a href="https://github.com/xiamuguizhi" target="_blank" class="mr-4 text-xl text-gray-400 font-light hover:text-gray-900"> <i class="remixicon-github-line"></i> </a> 
        <a href="https://twitter.com/YeKaijian" target="_blank" class="mr-4 text-xl text-gray-400 font-light hover:text-gray-900"> <i class="remixicon-twitter-line"></i> </a> 
        <a href="#" target="_blank" class="mr-4 text-xl text-gray-400 font-light hover:text-gray-900"> <i class="remixicon-weibo-line"></i> </a> 
        <a href="https://www.zhihu.com/people/xiamuguizhi" target="_blank" class="mr-4 text-xl text-gray-400 font-light hover:text-gray-900"> <i class="remixicon-zhihu-line"></i> </a> 
       </div> 
      </div> 
     </div> 
    </div> 
   </div> 
   <div class="menu-container"> 
    <i class="remixicon-arrow-left-line text-2xl cursor-pointer animated fadeIn close-menu-btn" onclick="closeMenu()"></i> 
    <div> 
     <a href="【首页地址】" class="menu" style="animation-delay: 0s"> 首页 </a> 
     <a href="【首页地址】article/3.html" class="menu" style="animation-delay: 0.2s"> 作品 </a> 
     <a href="【首页地址】article/2.html" class="menu" style="animation-delay: 0.4s"> 友人 </a>
     <a href="【首页地址】search.html" class="menu" style="animation-delay: 0.4s"> 搜索 </a> 	 
     <a href="【首页地址】article/1.html" class="menu" style="animation-delay: 0.6000000000000001s"> 关于 </a> 
    </div> 
    <div class="site-footer"> 
     <div class="py-4 text-gray-700">
      Powered by 
      <a href="https://xiamuyourenzhang.cn/" target="_blank">夏目贵志</a>
     </div> 
     <a class="rss" href="【首页地址】atom.xml" target="_blank">RSS</a> 
    </div> 
   </div> 
   <div class="mask" onclick="closeMenu()"> 
   </div> 
   <div class="content-wrapper py-32 lg:p-8 lg:w-3/4"> 
    <h2 class="latest-article text-lg text-gray-700 mb-8"> <i class="remixicon-article-line"></i> 最新文章 </h2> 

   【手动置顶】

   【首页列表】
   
    <div class="read-more"> 
     【上一页】
	 【下一页】
    </div> 
    <div class="index-page"> 
     <div class="pagination-container animated fadeIn"> 
     【上一页】
	 【下一页】
     </div> 
    </div>
	<footer class="footer">
	  <div class="copyright">Copyright &copy; 2020
		<a href="【首页地址】sitemap.html" target="_blank">【网站标题】</a>的博客
		<br>&hearts; Powered by
		<a href="https://xiamuyourenzhang.cn/article/2.html" target="_blank" rel="external nofollow noopener noreffer" data-pjax-state="">Chronicle 静态博客生成器</a>&hearts; Theme
		<a href="https://gridea-theme-walker.netlify.com/" target="_blank" rel="external nofollow noopener noreffer" data-pjax-state="">Walker</a>
	  </div>
	</footer>
	
   </div> 
  </div> 
	<script src="【首页地址】assets/js/prism.js"></script> 
	<script src="【首页地址】assets/js/Walker.js"></script> 
		<script type="text/javascript">
		  jQuery(function() {
  			// 随机生成右下角东方返回顶部
			var touhou = ['marisa', 'flandre', 'reimu'];
			i = Math.floor(Math.random() * touhou.length);
			jQuery('body').append('<img id="BackToTop" src="https://i.xiamuyourenzhang.cn/images/' + touhou[i] + '.png" title="返回顶部~">');
			jQuery('#rocket').remove();
			jQuery('#BackToTop').on('click',
			function() {
			  jQuery('body,html').animate({
				scrollTop: 0
			  },
			  500);
			});
		  });
		$(function(){
		  $("#BackToTop").click(function() {
			  $("html,body").animate({scrollTop:0}, 500);
		  }); 
		 })

		</script>	
 </body>
</html>