-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (123 loc) · 6.85 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,minimal-ui" />
<title>Gridea</title>
<link rel='stylesheet' id='puma-css' href='https://benji2019.github.io/styles/main.css' type='text/css' media='screen' />
<link rel='stylesheet' id='puma-css' href='https://at.alicdn.com/t/font_1306644_jwtuc2zzbrd.css' media='screen' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.0/katex.min.css">
<script type='text/javascript' src='https://benji2019.github.io/media/scripts/jquery.js'></script>
<script type='text/javascript' src='https://benji2019.github.io/media/scripts/jquery-migrate.min.js'></script>
<script src="https://cdn.bootcss.com/highlight.js/9.15.10/highlight.min.js"></script>
<script >hljs.initHighlightingOnLoad();</script>
</head>
<body class="home blog">
<!--加入跟随滑动的顶部-->
<header id="masthead" class="site-header" role="banner">
<div class="site-branding">
<h1 class="site-title">
<a href="https://benji2019.github.io" title="Gridea">Gridea</a>
</h1>
</div>
<a class="primary-nav-trigger" href="javascript:void(0)">
<span class="menu-icon"></span>
</a>
</header>
<div class="site-navigation-wrapper">
<nav id="site-navigation" class="main-navigation" role="navigation">
<ul class="primary-nav">
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a title="首页" href="/">首页</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a title="归档" href="/archives">归档</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a title="标签" href="/tags">标签</a></li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a title="关于" href="/post/about">关于</a></li>
</ul>
</nav>
</div>
<!--跟随滑动的顶部结束-->
<!--大屏banner开始-->
<div class="site-banner u-textAlignCenter hasImage" style="background-image:url(E:\学习笔记\Gridea\images\view-church-rock-night-sky-picjumbo-com.jpg)">
<div class="fade-cover"></div>
<div class="banner-txt">
<h2>Gridea</h2>
</div>
<div class="banner-txt">
<p>温故而知新</p>
</div>
</div>
<!--大屏banner结束-->
<div class="site-main">
<div class="surface-content"> <main class="main-content">
<section class="blockGroup">
<article class="block block--inset block--list">
<h2 class="block-title post-featured" itemprop="headline">
<a href="https://benji2019.github.io/post/hello-gridea/">Hello Gridea</a>
</h2>
<div class="block-postMetaWrap u-textAlignCenter">
<time>2018-12-12</time>
</div>
<div class="block-snippet block-snippet--subtitle grap" itemprop="about">
<p class="with-img"><img width="1139" height="759" src="https://benji2019.github.io/post-images/hello-gridea.png" class="attachment-full size-full wp-post-image" alt="Hello Gridea" /></p>
<p>👏 欢迎使用 <strong>Gridea</strong> ！<br>
✍️ <strong>Gridea</strong> 一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意... ...</p>
<p class="u-textAlignCenter"><a class="more-link" href="https://benji2019.github.io/post/hello-gridea/" title="Hello Gridea">READ MORE</a></p>
</div>
<div class="block-footer">
In <a href="https://benji2019.github.io/tag/7rpxMhIJ2/" rel="category tag">Gridea</a>.
<div class="block-footer-inner">
2 min read .
</div>
</div>
</article>
</section>
</main>
</div></div>
<script type="text/javascript">
//点击加载更多
jQuery(document).ready(function($) {
//点击下一页的链接(即那个a标签)
$(' .button').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('.block--list '); //从数据中挑出文章数据，请根据实际情况更改
$('.blockGroup').append($res.fadeIn(500)); //将数据加载加进posts-loop的标签中。
var newhref = $(data).find(' .button').attr('href'); //找出新的下一页链接
if (newhref != undefined) {
$('.button').attr('href', newhref);
} else {
$('.button').remove(); //如果没有下一页了，隐藏
}
}
});
}
return false;
});
});
</script>
<footer class="site-footer u-textAlignCenter">
<div class="footer-branding">
<a href="https://benji2019.github.io" title="Gridea">Gridea</a>
</div>
<hr />
<div class="social-links">
</div>
<div class="footer-copy">
Powered by <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a>
</div>
</footer>
<div class="back-to-top u-hide" onclick="backToTop();"><i class="iconfont icon-xiangshang"></i></div>
<script type='text/javascript' src='https://benji2019.github.io/media/scripts/main.js'></script>
</body>
</html>