Skip to content

Commit a443325

Browse files
marsccmarscc
committed
Revert "Site updated: 2018-08-22 14:22:10"
This reverts commit da74ddb.
1 parent 83398d7 commit a443325

File tree

2 files changed

+164
-7
lines changed

2 files changed

+164
-7
lines changed

‎2018/08/20/feature/index.html

Lines changed: 155 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="" class="loading">
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
8+
<title>鲸落</title>
9+
10+
<meta name="apple-mobile-web-app-capable" content="yes" />
11+
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
12+
<meta name="google" content="notranslate" />
13+
<meta name="keywords" content="Marscc,">
14+
15+
<meta name="author" content="Mars">
16+
<link rel="alternative" href="atom.xml" title="鲸落" type="application/atom+xml">
17+
<link rel="icon" href="/img/favicon.png">
18+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
19+
<link rel="stylesheet" href="/css/diaspora.css">
20+
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
21+
<script>
22+
(adsbygoogle = window.adsbygoogle || []).push({
23+
google_ad_client: "ca-pub-8691406134231910",
24+
enable_page_level_ads: true
25+
});
26+
</script>
27+
<script src="/js/av-min.js"></script>
28+
<script src="/js/Valine.min.js"></script>
29+
</head>
30+
31+
<body class="loading">
32+
<div id="loader"></div>
33+
<div id="single">
34+
<div id="top" style="display: block;">
35+
<div class="bar" style="width: 0;"></div>
36+
<a class="icon-home image-icon" href="javascript:;"></a>
37+
<div title="播放/暂停" class="icon-play"></div>
38+
<h3 class="subtitle">大数据平台之特征部分</h3>
39+
<div class="social">
40+
<!--<div class="like-icon">-->
41+
<!--<a href="javascript:;" class="likeThis active"><span class="icon-like"></span><span class="count">76</span></a>-->
42+
<!--</div>-->
43+
<div>
44+
<div class="share">
45+
<a title="获取二维码" class="icon-scan" href="javascript:;"></a>
46+
</div>
47+
<div id="qr"></div>
48+
</div>
49+
</div>
50+
<div class="scrollbar"></div>
51+
</div>
52+
<div class="section">
53+
<div class="article">
54+
<div class='main'>
55+
<h1 class="title">大数据平台之特征部分</h1>
56+
<div class="stuff">
57+
<span>八月 20, 2018</span>
58+
59+
<ul class="post-tags-list"><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/ETL/">ETL</a></li><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/大数据平台/">大数据平台</a></li><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/推荐系统/">推荐系统</a></li></ul>
60+
61+
62+
</div>
63+
<div class="content markdown">
64+
65+
<!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
66+
<audio id="audio" loop="1" preload="auto" controls="controls" data-autoplay="false">
67+
<source type="audio/mpeg" src="http://domain.com/awesome.mp3">
68+
</audio>
69+
70+
</div>
71+
72+
<br/><br/><br/>
73+
<div id='vcomment' class="vcomments"></div>
74+
<script>
75+
console.log("hi");
76+
new Valine({
77+
el: '#vcomment',
78+
notify: true, // 邮件提醒 v1.1.4新增，下一步中有具体的邮箱设置
79+
verify: false,
80+
app_id: 'YChyJM2tU3ncVgxGmzOaoXp3-gzGzoHsz',
81+
app_key: '6pu05MQIG17NusspzGTK4xY3',
82+
placeholder: '评论时填写邮箱仅为方便收到回复提醒，无其他用途'
83+
});
84+
</script>
85+
86+
87+
</div>
88+
89+
</div>
90+
91+
92+
</div>
93+
</div>
94+
</body>
95+
<script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
96+
<script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script>
97+
<script src="/js/plugin.js"></script>
98+
<script src="/js/diaspora.js"></script>
99+
<link rel="stylesheet" href="/photoswipe/photoswipe.css">
100+
<link rel="stylesheet" href="/photoswipe/default-skin/default-skin.css">
101+
<script src="/photoswipe/photoswipe.min.js"></script>
102+
<script src="/photoswipe/photoswipe-ui-default.min.js"></script>
103+
104+
<!-- Root element of PhotoSwipe. Must have class pswp. -->
105+
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
106+
<!-- Background of PhotoSwipe.
107+
It's a separate element as animating opacity is faster than rgba(). -->
108+
<div class="pswp__bg"></div>
109+
<!-- Slides wrapper with overflow:hidden. -->
110+
<div class="pswp__scroll-wrap">
111+
<!-- Container that holds slides.
112+
PhotoSwipe keeps only 3 of them in the DOM to save memory.
113+
Don't modify these 3 pswp__item elements, data is added later on. -->
114+
<div class="pswp__container">
115+
<div class="pswp__item"></div>
116+
<div class="pswp__item"></div>
117+
<div class="pswp__item"></div>
118+
</div>
119+
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
120+
<div class="pswp__ui pswp__ui--hidden">
121+
<div class="pswp__top-bar">
122+
<!-- Controls are self-explanatory. Order can be changed. -->
123+
<div class="pswp__counter"></div>
124+
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
125+
<button class="pswp__button pswp__button--share" title="Share"></button>
126+
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
127+
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
128+
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
129+
<!-- element will get class pswp__preloader--active when preloader is running -->
130+
<div class="pswp__preloader">
131+
<div class="pswp__preloader__icn">
132+
<div class="pswp__preloader__cut">
133+
<div class="pswp__preloader__donut"></div>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
139+
<div class="pswp__share-tooltip"></div>
140+
</div>
141+
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
142+
</button>
143+
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
144+
</button>
145+
<div class="pswp__caption">
146+
<div class="pswp__caption__center"></div>
147+
</div>
148+
</div>
149+
</div>
150+
</div>
151+
152+
153+
154+
155+
</html>

‎js/diaspora.js

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -99,8 +99,10 @@ var Diaspora = {
9999
setTimeout(function() {
100100
Diaspora.player();
101101
$('#top').show();
102-
comment = $("#vcomment");
103-
console.log(comment);
102+
comment = $("#gitalk-container");
103+
if (comment.data('ae') == true){
104+
comment.click();
105+
}
104106
}, 0)
105107
})
106108
},
@@ -304,6 +306,7 @@ $(function() {
304306
var tag = $(e.target).attr('class') || '',
305307
rel = $(e.target).attr('rel') || '';
306308
// .content > p > img
309+
console.log("clicked");
307310
if (e.target.nodeName == "IMG" && $(e.target).parent().get(0).nodeName == "P") {
308311
tag = 'pimg';
309312
}
@@ -462,9 +465,8 @@ $(function() {
462465
break;
463466
// comment
464467
case - 1 != tag.indexOf("comment"):
465-
console.log("in");
466468
Diaspora.loading(),
467-
comment = $('#vcomment');
469+
comment = $('#gitalk-container');
468470
gitalk = new Gitalk({
469471
clientID: comment.data('ci'),
470472
clientSecret: comment.data('cs'),
@@ -474,8 +476,8 @@ $(function() {
474476
id: location.pathname,
475477
distractionFreeMode: comment.data('d')
476478
})
477-
$(".vcomments").removeClass("link")
478-
gitalk.render('vcomment')
479+
$(".comment").removeClass("link")
480+
gitalk.render('gitalk-container')
479481
Diaspora.loaded();
480482
return false;
481483
break;
@@ -485,7 +487,7 @@ $(function() {
485487
}
486488
})
487489
// 是否自动展开评论
488-
comment = $("#vcomment");
490+
comment = $("#gitalk-container");
489491
if (comment.data('ae') == true){
490492
comment.click();
491493
}

0 commit comments

Comments
 (0)