nelson
/
beeblog
1
0
Bifurcation 0
Code Tickets Demandes d'ajout Versions Wiki Activité
码农笔录博客源码
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
102 Révisions
3 Branches
0 Tag
5.6 MiB
Aborescence: c8c74baccb
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Créer la branche ${ searchTerm }
de 'c8c74baccb'
${ noResults }
beeblog/views/blog.html

210 lignes
9.2 KiB
Brut Vue normale Historique

seo优化
il y a 6 ans
{{template "header" .}}
博客详情修改
il y a 6 ans
<meta name="keywords" content="{{.Blog.Title}}">
<meta name="description" content="{{.Blog.Title}}">
<title>{{.Blog.Title}} - 云悦</title>
<link type="text/css" rel="styleSheet" href="/static/css/blog.css"/>
优化登录 & 详情页
il y a 6 ans
<!--<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/default.min.css" rel="stylesheet">-->
<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/school-book.min.css" rel="stylesheet">
<!--<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/atelier-dune-light.min.css" rel="stylesheet">-->
<script src="https://cdn.bootcss.com/highlight.js/9.15.6/highlight.min.js"></script>
阿里坑爹货&博客本地保存
il y a 6 ans
</head>
<body>
<div class="root-container">
博客详情修改
il y a 6 ans
{{template "nav" .}}
阿里坑爹货&博客本地保存
il y a 6 ans
<div class="blog-root">
博客详情修改
il y a 6 ans
<h1 class="blog-title">{{.Blog.Title}}</h1>
详情页
il y a 6 ans
<div class="blog-info">
博客详情修改
il y a 6 ans
<div class="blog-author">
<div class="author-headimg">
<a href="/u/{{.Blog.User.Id}}"><img src="{{.Blog.User.Headimg}}" alt="头像" class="img-circle"></a>
</div>
<div class="author-info">
<a href="/u/{{.Blog.User.Id}}">{{.Blog.User.NickName}}</a><br>
<span>{{.Blog.Ctime.Format "2006-01-02"}}</span><span>阅读 {{.Blog.Browses}}</span>
</div>
<div class="blog-label">
{{range .Blog.Lables}}
<label>{{.Title}}</label>
{{end}}
</div>
详情页
il y a 6 ans
</div>
</div>
优化登录 & 详情页
il y a 6 ans
<div style="width: 100%" class="blog-detaile">
博客详情修改
il y a 6 ans
{{str2html .Blog.BlogHtml}}
详情页
il y a 6 ans
</div>
评论完成
il y a 6 ans
</div>
<div class="comms-root">
优化登录 & 详情页
il y a 6 ans
<textarea name="desc" placeholder="请输入内容" id="commval" class="layui-textarea"></textarea>
评论完成
il y a 6 ans
<div style="text-align: end">
<button type="button" class="btn btn-info btn-bordered" id="commBtn">发表评论</button>
</div>
<div class="comm-container">
博客详情修改
il y a 6 ans
{{range .Blog.Comms}}
评论完成
il y a 6 ans
<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">
博客详情修改
il y a 6 ans
{{range .Childs}}
评论完成
il y a 6 ans
<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>
博客详情修改
il y a 6 ans
{{end}}
评论完成
il y a 6 ans
</div>
</div>
博客详情修改
il y a 6 ans
{{end}}
评论完成
il y a 6 ans
</div>
博客详情修改
il y a 6 ans
<div class="blog-referral">
{{range .Top}}
<div>
layui
il y a 6 ans
<a href="/blog/{{.Id}}">
<p>
{{.Title}}
</p>
博客详情修改
il y a 6 ans
</a>
</div>
{{end}}
评论完成
il y a 6 ans
</div>
layui
il y a 6 ans
</div>
<div class="footer-container">
{{template "footer"}}
阿里坑爹货&博客本地保存
il y a 6 ans
</div>
me
il y a 6 ans
</div>
阿里坑爹货&博客本地保存
il y a 6 ans
</div>
</body>
like & unlike
il y a 6 ans
<script>
优化登录 & 详情页
il y a 6 ans
hljs.initHighlightingOnLoad();
评论完成
il y a 6 ans
$(function () {
$("#commBtn").click(function () {
var commval = $("#commval").val()
if (!commval || commval.trim().length < 3) {
layer.msg('评论最少三个字', function () {
});
return
}
修改api路径
il y a 6 ans
$.post('/api/comms/save', {
评论完成
il y a 6 ans
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')
})
seo优化
il y a 6 ans
博客自动收录
il y a 6 ans
/*百度收录*/
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收录*/
防止刷新获取阅读量
il y a 6 ans
var qihuo = document.createElement('script');
博客自动收录
il y a 6 ans
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];
防止刷新获取阅读量
il y a 6 ans
s.parentNode.insertBefore(qihuo, s);
评论完成
il y a 6 ans
})
博客详情修改
il y a 6 ans
评论完成
il y a 6 ans
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
}
修改api路径
il y a 6 ans
$.post('/api/comms/save', {blog: {{.Blog.Id}},commval: val,pid: pid},
评论完成
il y a 6 ans
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')
});
}
like & unlike
il y a 6 ans
function like(id) {
修改api路径
il y a 6 ans
$.get('/api/like/' + id,
like & unlike
il y a 6 ans
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) {
修改api路径
il y a 6 ans
$.get('/api/unlike/' + id,
like & unlike
il y a 6 ans
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>
阿里坑爹货&博客本地保存
il y a 6 ans
</html>