{{template "header"}} <title>博客 - 个人随笔</title> <link type="text/css" rel="styleSheet" href="/static/css/blog.css"/> </head> <body> <div class="root-container"> {{template "nav" .}} <div class="blog-user"> <div style="height: 50px;line-height: 50px"> <a href=""><img src="/static/img/2.png" alt="头像" class="img-circle"></a> <a href="" style="margin-left: 15px;font-size: 18px;text-decoration: none">{{.Blog.User.NickName}}</a> </div> <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/> <div style="display: flex;height: 30px;line-height: 30px;"> <div style="display: inline-block;width: 100px"> <span>文章: </span> <span>{{.Blog.User.BlogCount}}</span> </div> <div style="display: inline-block;flex: 1"> <span>访问: </span> <span>{{.Blog.User.BlogBrowes}}</span> </div> </div> <div style="display: flex;height: 30px;line-height: 30px;"> <div style="display: inline-block;width: 100px"> <span>评论: </span> <span>{{.Blog.User.BlogComment}}</span> </div> <div style="display: inline-block;flex: 1"> <span>喜欢: </span> <span>{{.Blog.User.BlogLike}}</span> </div> </div> <hr style="height:1px;border:none;border-top:1px solid #EEE;margin: 6px;"/> {{range .Top}} <div> <a href=""><p style="max-width:245px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{.Title}}</p></a> </div> {{end}} </div> <div class="blog-root"> <h1 style="text-align: center">{{.Blog.Title}}</h1> <div class="blog-info"> {{if .IsLike}} <span><img src="/static/img/liked.png" alt="" onclick="unlike({{.Blog.Id}})"></span> {{else}} <span><img src="/static/img/like.png" alt="" onclick="like({{.Blog.Id}})"></span> {{end}} <span><a href="">{{.Blog.User.NickName}}</a></span> <span><em>时间:</em>{{.Blog.Ctime.Format "2006-01-02"}}</span> <span><em>阅读数:</em>{{.Blog.Browses}}</span> <div class="tag-group" style="display: inline-block"> {{range .Blog.Lables}} <label class='tag tag-info disabled'>{{.Title}}</label> {{end}} </div> </div> <div style="width: 100%"> {{str2html .Blog.BlogHtml}} </div> {{template "footer"}} </div> </div> </div> </body> <script> function like(id) { $.get('/like/' + 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') } function unlike(id) { $.get('/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> </html>