nelson
/
beeblog
1
0
Atdalīts 0
Kods Problēmas Izmaiņu pieprasījumi Laidieni Vikivietne Aktivitāte
码农笔录博客源码
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
170 Revīzijas
3 Atzari
0 Tagi
5.6 MiB
Koks: 4cf3d47c34
Atzari Tagi
${ item.name }
Izveidot tagu ${ searchTerm }
Izveidot atzaru ${ searchTerm }
no '4cf3d47c34'
${ noResults }
beeblog/views/blog.html

209 rindas
9.2 KiB
Neapstrādāts Parastais skats Vēsture

seo优化
pirms 6 gadiem
{{template "header" .}}
layui 版本
pirms 6 gadiem
<meta name="keywords" content="{{.Blog.Title}}-【码农随笔】">
seo 优化
pirms 6 gadiem
<meta name="description" content="{{.Blog.BlogDesc}}">
layui 版本
pirms 6 gadiem
<title>{{.Blog.Title}} - 码农随笔</title>
删除无用资源 & 代码高亮修改
pirms 3 gadiem
<!--<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/androidstudio.min.css" rel="stylesheet">-->
<link href="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/styles/atom-one-dark.min.css" rel="stylesheet">
优化登录 & 详情页
pirms 6 gadiem
<!--<link href="https://cdn.bootcss.com/highlight.js/9.15.6/styles/atelier-dune-light.min.css" rel="stylesheet">-->
删除无用资源 & 代码高亮修改
pirms 3 gadiem
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
阿里坑爹货&博客本地保存
pirms 6 gadiem
</head>
<body>
<div class="root-container">
博客详情修改
pirms 6 gadiem
{{template "nav" .}}
阿里坑爹货&博客本地保存
pirms 6 gadiem
<div class="blog-root">
博客详情修改
pirms 6 gadiem
<h1 class="blog-title">{{.Blog.Title}}</h1>
详情页
pirms 6 gadiem
<div class="blog-info">
博客详情修改
pirms 6 gadiem
<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>
详情页
pirms 6 gadiem
</div>
</div>
其他的页面完成
pirms 4 gadiem
<div style="width: 100%;height: 100%" class="blog-detaile">
博客详情修改
pirms 6 gadiem
{{str2html .Blog.BlogHtml}}
详情页
pirms 6 gadiem
</div>
评论完成
pirms 6 gadiem
</div>
<div class="comms-root">
优化登录 & 详情页
pirms 6 gadiem
<textarea name="desc" placeholder="请输入内容" id="commval" class="layui-textarea"></textarea>
评论完成
pirms 6 gadiem
<div style="text-align: end">
<button type="button" class="btn btn-info btn-bordered" id="commBtn">发表评论</button>
</div>
<div class="comm-container">
博客详情修改
pirms 6 gadiem
{{range .Blog.Comms}}
评论完成
pirms 6 gadiem
<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">
博客详情修改
pirms 6 gadiem
{{range .Childs}}
评论完成
pirms 6 gadiem
<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>
博客详情修改
pirms 6 gadiem
{{end}}
评论完成
pirms 6 gadiem
</div>
</div>
博客详情修改
pirms 6 gadiem
{{end}}
评论完成
pirms 6 gadiem
</div>
博客详情修改
pirms 6 gadiem
<div class="blog-referral">
{{range .Top}}
<div>
layui
pirms 6 gadiem
<a href="/blog/{{.Id}}">
<p>
{{.Title}}
</p>
博客详情修改
pirms 6 gadiem
</a>
</div>
{{end}}
评论完成
pirms 6 gadiem
</div>
layui
pirms 6 gadiem
</div>
<div class="footer-container">
{{template "footer"}}
阿里坑爹货&博客本地保存
pirms 6 gadiem
</div>
me
pirms 6 gadiem
</div>
阿里坑爹货&博客本地保存
pirms 6 gadiem
</div>
</body>
like & unlike
pirms 6 gadiem
<script>
优化登录 & 详情页
pirms 6 gadiem
hljs.initHighlightingOnLoad();
评论完成
pirms 6 gadiem
$(function () {
$("#commBtn").click(function () {
var commval = $("#commval").val()
if (!commval || commval.trim().length < 3) {
layer.msg('评论最少三个字', function () {
});
return
}
修改api路径
pirms 6 gadiem
$.post('/api/comms/save', {
评论完成
pirms 6 gadiem
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优化
pirms 6 gadiem
博客自动收录
pirms 6 gadiem
/*百度收录*/
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收录*/
防止刷新获取阅读量
pirms 6 gadiem
var qihuo = document.createElement('script');
博客自动收录
pirms 6 gadiem
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];
防止刷新获取阅读量
pirms 6 gadiem
s.parentNode.insertBefore(qihuo, s);
评论完成
pirms 6 gadiem
})
博客详情修改
pirms 6 gadiem
评论完成
pirms 6 gadiem
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路径
pirms 6 gadiem
$.post('/api/comms/save', {blog: {{.Blog.Id}},commval: val,pid: pid},
评论完成
pirms 6 gadiem
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
pirms 6 gadiem
function like(id) {
修改api路径
pirms 6 gadiem
$.get('/api/like/' + id,
like & unlike
pirms 6 gadiem
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路径
pirms 6 gadiem
$.get('/api/unlike/' + id,
like & unlike
pirms 6 gadiem
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>
阿里坑爹货&博客本地保存
pirms 6 gadiem
</html>