Browse Source

注释广告 & 引入Valine

master
nelson 3 years ago
parent
commit
69458ad1fd
  1. 4
      views/T.header.tpl
  2. 204
      views/blog.html

4
views/T.header.tpl

@ -17,7 +17,7 @@
<!-- 引入组件库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.3/index.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5305532197406602" crossorigin="anonymous"></script>
<script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>
<!-- <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5305532197406602" crossorigin="anonymous"></script> -->
<!-- <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script> -->
<script type="text/javascript" src="/static/js/seo.js"></script>
{{end}}

204
views/blog.html

@ -30,180 +30,62 @@
</div>
<div style="width: 100%;height: 100%" class="blog-detaile">
{{str2html .Blog.BlogHtml}}
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-5305532197406602"
data-ad-slot="2562569334"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div id="vcomments" style="margin-top: 20px"></div>
</div>
</div>
<div class="comms-root">
<textarea name="desc" placeholder="请输入内容" id="commval" class="layui-textarea"></textarea>
<div style="text-align: end">
<button type="button" class="btn btn-info btn-bordered" id="commBtn">发表评论</button>
</div>
<div class="comm-container">
{{range .Blog.Comms}}
<div style="font-size: 14px;margin-top: 10px" class="pcomm-{{.Id}}">
<span><a href="/u/{{.CUser.Id}}">{{.CUser.NickName}}</a>:</span>
<span>{{.ComVal}}</span>
<span onclick="recomm({{.Id}},0,this)" style="font-size: 10px"><a
href="javascript:void(0)">回复</a></span>
<hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 5px"/>
<div class="child-container">
{{range .Childs}}
<div style="margin-left: 18px" class="ccomm-{{.Id}}">
<span>
<a href="/u/{{.CUser.Id}}">{{.CUser.NickName}}</a> 回复
<a href="/u/{{.BUser.Id}}">{{.BUser.NickName}}</a>:
</span>
<span>{{.ComVal}}</span>
<span onclick="recomm({{.Id}},1)" style="font-size: 10px"><a
href="javascript:void(0)">回复</a></span>
</div>
{{end}}
</div>
</div>
{{end}}
</div>
<div class="blog-referral">
{{range .Top}}
<div>
<a href="/blog/{{.Id}}">
<p>
{{.Title}}
</p>
</a>
</div>
{{end}}
</div>
<div class="comms-right-root">
<div class="_tjgyl4x3spj"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u6636367",
container: "_tjgyl4x3spj",
async: true
});
</script>
</div>
<div class="comms-left-root">
<div class="_8g649xzayfg"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u6637423",
container: "_8g649xzayfg",
async: true
});
</script>
</div>
<div class="footer-container">
{{template "footer"}}
</div>
</div>
</div>
</body>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script type="text/javascript">
new Valine({
el: '#vcomments',
appId: 'lWtRBAAXGC76c8isonGu2T1r-gzGzoHsz',
appKey: 'BuczlnuLsdPXd6DVdCirNiIo',
visitor: true,
placeholder: ' 欢迎留下您的宝贵建议,请填写您的昵称和邮箱便于后续交流. ^_^ ',
requiredFields: ['mail'],
lang: "zh-cn"
});
</script>
<script>
hljs.initHighlightingOnLoad();
$(function () {
$("#commBtn").click(function () {
var commval = $("#commval").val()
if (!commval || commval.trim().length < 3) {
layer.msg('评论最少三个字', function () {
});
return
}
$.post('/api/comms/save', {
blog: {{.Blog.Id}},
commval: commval
},
function (data) {
if (data.Status == 0) {
var res = ' <div style="font-size: 14px;margin-top: 10px" class="pcomm-' + data.Data.Id + '">\n' +
' <span><a href="/u/' + data.Data.CuserId + '">' + data.Data.CUser.NickName + '</a>:</span>\n' +
' <span>' + commval + '</span>\n' +
'<span onclick="recomm(' + data.Data.Id + ',0)" style="font-size: 10px"><a href="javascript:void(0)">回复</a></span>' +
' <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 5px"/>\n' +
' <div class="child-container"></div> </div>'
$(".comm-container").append(res)
$("#commval").val("")
layer.msg("保存成功", {icon: 6});
} else if (data.Status == 401) {
window.location.href = "/login"
} else {
layer.msg("保存失败", {icon: 5});
window.location.href = "/"
}
}, 'json')
})
/*百度收录*/
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
/*360收录*/
var qihuo = document.createElement('script');
if (curProtocol === 'https') {
qihuo.src = 'https://jspassport.ssl.qhimg.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c';
}
else {
qihuo.src = 'http://js.passport.qihucdn.com/11.0.1.js?d33b14200fa89b7ecd3780341cd234c4';
}
qihuo.id = "sozz"
var s = document.getElementsByTagName("script")[1];
s.parentNode.insertBefore(qihuo, s);
})
function recomm(pid, flag) {
layer.prompt({title: '请输入评论内容', value: name, formType: 2}, function (val, index) {
if (val.trim().length < 3) {
layer.msg('评论最少三个字', function () {
});
layer.close(index);
return
}
$.post('/api/comms/save', {blog: {{.Blog.Id}},commval: val,pid: pid},
function (data) {
if (data.Status == 0) {
var res = '<div style="margin-left: 18px" class="ccomm-' + data.Data.Id + '">\n' +
' <span>\n' +
' <a href="/u/' + data.Data.CUser.Id + '">' + data.Data.CUser.NickName + '</a> 回复\n' +
' <a href="/u/' + data.Data.BUser.Id + '">' + data.Data.BUser.NickName + '</a>:\n' +
' </span>\n' +
' <span>' + val + '</span>\n' +
' <span onclick="recomm(' + data.Data.Id + ',1)" style="font-size: 10px"><a href="javascript:void(0)">回复</a></span>\n' +
' </div>'
if (flag == 0) {
$(".pcomm-" + pid + " .child-container").append(res)
} else {
$($(".ccomm-" + pid)[0]).parent().append(res)
}
$("#commval").val("")
layer.close(index);
layer.msg("保存成功", {icon: 6});
} else if (data.Status == 401) {
window.location.href = "/login"
} else {
layer.msg("保存失败", {icon: 5});
window.location.href = "/"
}
}, 'json')
});
}
function like(id) {
$.get('/api/like/' + id,
function (data) {
if (data.Status == 0) {
window.location.href = window.location.href
} else if (data.Status == 401) {
window.location.href = "/login"
} else {
layer.msg("服务器异常", {icon: 5});
}
}, 'json')
}
function unlike(id) {
$.get('/api/unlike/' + id,
function (data) {
if (data.Status == 0) {
window.location.href = window.location.href
} else if (data.Status == 401) {
window.location.href = "/login"
} else if (data.Status == 403) {
layer.msg("暂无权限", {icon: 5});
} else {
layer.msg("服务器异常", {icon: 5});
}
}, 'json')
}
</script>
</body>
</html>
Loading…
Cancel
Save