index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Haoyu&#39;s Blog</title>	
</style>
<link rel="stylesheet" href="https://Harry-Zzz.github.io/styles/main.css">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.0/katex.min.css">
<script type='text/javascript' src='https://Harry-Zzz.github.io/media/scripts/script.js'></script>

<style type="text/css">
header {
    text-align: center;
    padding: 120px 0px 40px 0px;
    background: #515865 center no-repeat;
    font-size: 16px;
    color: #fff;
    background-size: cover;
    background-image:url();
}
		</style>

</head>
<body class="home blog">
    <div id="wrapper">
        
		<header id="header headerimg" class="site-header" style="background-image:url(
			
			)">
			<div class="site-branding">
									<h1 class="site-title"><a href="https://Harry-Zzz.github.io" rel="home">Haoyu&#39;s Blog</a></h1>
										
					<h2 class="site-description">温故而知新</h2>
										
							</div>
			<nav id="nav-wrapper">
				<div class="container">
					<div class="nav-toggle">
						<div class="bars">
							<div class="bar"></div>
							<div class="bar"></div>
							<div class="bar"></div>
						</div>
					</div><!-- /nav-toggle -->
					<div class="clear"></div>
					<ul id="" class="vtmenu">
		 
     			
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
	 
	<a  href="/"> 首页</a></li>
	
    
     			
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
	 
	<a  href="/archives"> 归档</a></li>
	
    
     			
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
	 
	<a  href="/tags"> 标签</a></li>
	
    
     			
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12">
	 
	<a  href="/post/about"> 关于</a></li>
	
    

</ul>
</li>		
		
</ul>				</div>
			</nav><!-- #navigation -->

<div class="jingge">


    

    

    

    

    

    

    

    

    

    

    

    
        </header><!-- #masthead -->

		<div id="content" class="container">
			<div class="row">
	<div class="col-md-8 site-main">
		
 						
<article class="post post-index  post-318 type-post status-publish format-standard hentry category-uncategorized tag-40 tag-39">
	
	 
	 <a href="https://Harry-Zzz.github.io/post/hello-gridea">
		<div class="posttou" style="background-image:url(https://Harry-Zzz.github.io/post-images/hello-gridea.png)"></div>	
		</a>		
  	 
	   
	<div class="entry-content">
		<h1 class="entry-title"><a href="https://Harry-Zzz.github.io/post/hello-gridea" rel="bookmark">Hello Gridea</a></h1>
		<div class="entry-meta">
						<a href="https://Harry-Zzz.github.io/post/hello-gridea">
							 <i class="iconfont icon-rili"> 
							</i> 2018-12-12</a>  
			
		</div>

		<div class="entry-summary">
			<p><p>👏  欢迎使用 <strong>Gridea</strong> ！<br>
✍️  <strong>Gridea</strong> 一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意... ...</p>
</p>
			<p class="readmore">
				<a href="https://Harry-Zzz.github.io/post/hello-gridea" class="link-more">Read more</a>
			</p>
		</div><!-- .entry-summary -->
		
	</div><!-- entry-content -->
	
</article><!-- #post-## -->			
		
 

											   
	</div><!-- site-main -->
            
		

			</div><!-- #end row-->
														   
			<nav class="navigation pagination" role="navigation">
	
			
	</nav>	
    	<script type="text/javascript">
//点击加载更多
jQuery(document).ready(function($) {
    //点击下一页的链接(即那个a标签)
    $(' .next').click(function() {
        $this = $(this);
        $this.addClass('loading').text('正在努力加载'); //给a标签加载一个loading的class属性，用来添加加载效果
        var href = $this.attr('href'); //获取下一页的链接地址
        if (href != undefined) { //如果地址存在
            $.ajax({ //发起ajax请求
                url: href,
                //请求的地址就是下一页的链接
                type: 'get',
                //请求类型是get
                error: function(request) {
                    //如果发生错误怎么处理
                },
                success: function(data) { //请求成功
                    $this.removeClass('loading').text('点击查看更多'); //移除loading属性
                    var $res = $(data).find('.post-318 '); //从数据中挑出文章数据，请根据实际情况更改
                    $('.col-md-8').append($res.fadeIn(500)); //将数据加载加进posts-loop的标签中。
                    var newhref = $(data).find(' .next').attr('href'); //找出新的下一页链接
                    if (newhref != undefined) {
                        $('.next').attr('href', newhref);
                    } else {
                        $('.next').remove(); //如果没有下一页了，隐藏
                    }
                }
            });
        }
        return false;
    });
});
</script>
									 
		</div><!-- #end container-->

		
	 	<footer id="colophon" class="site-footer">

			<div class="container">
	
				<div class="copyright">Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a><br>Theme:   <a href="https://github.com/alterfang/gridea-theme-pan" target="_blank" title="Pan"><span>Pan</span></a>. Powered by <a href="https://gridea.dev/" target="_blank" title="Gridea"><span>Gridea</span></a></div>		
			</div><!-- .container -->
		
		</footer><!-- #colophon -->

</div><!-- #end wrapper-->

<script src="https://cdn.bootcss.com/fitvids/1.2.0/jquery.fitvids.min.js"></script>
<script type='text/javascript' src='https://Harry-Zzz.github.io/media/scripts/marlin-scripts.js'></script>

	
	
														   
</body>
</html>