133 lines
3.9 KiB
HTML
133 lines
3.9 KiB
HTML
{{template "header.html" .}}
|
|
|
|
<div id="postsContainer">
|
|
<div id="posts">
|
|
<div class="each-post">
|
|
<div class="title">
|
|
{{if $.post.Title}}
|
|
{{$.post.Title}}
|
|
{{else}}
|
|
Untitled
|
|
{{end}}
|
|
</div>
|
|
<div class="created-time">
|
|
{{if $.post.Tags}}
|
|
<i class="fa fa-bookmark-o"></i>
|
|
{{blogTags $ $.post.Tags}}
|
|
|
|
{{end}}
|
|
|
|
<i class="fa fa-clock-o"></i> {{$.post.PublicTime | datetime}}
|
|
|
|
<span class="fa fa-eye"></span> {{$.post.ReadNum}}
|
|
|
|
<span class="fa fa-thumbs-o-up"></span> {{$.post.LikeNum}}
|
|
|
|
<span class="fa fa-comments-o"></span> {{$.post.CommentNum}}
|
|
</div>
|
|
|
|
<!-- 仅为移动端 -->
|
|
<div class="mobile-created-time">
|
|
{{ if $.blogInfo.UserLogo}}
|
|
<img src="{{$.blogInfo.UserLogo}}" id="userLogo">
|
|
{{else}}
|
|
<img src="{{$.siteUrl}}/images/blog/default_avatar.png" id="userLogo">
|
|
{{end}}
|
|
{{$.blogInfo.Username}}
|
|
|
|
{{if .post.Tags}}
|
|
|
|
<i class="fa fa-bookmark-o" style="color: #666"></i>
|
|
{{blogTags $ $.post.Tags}}
|
|
{{end}}
|
|
</div>
|
|
|
|
<div class="desc {{if $.post.IsMarkdown }}markdown-content{{end}}" id="content">
|
|
{{if $.post.IsMarkdown }}
|
|
<div id="markdownContent" style="display: none">
|
|
<!-- 用textarea装html, 防止得到的值失真 -->
|
|
<textarea>{{$.post.Content | raw}}</textarea>
|
|
</div>
|
|
<div style="padding: 20px; text-align: center">
|
|
<img src="{{$.themeBaseUrl}}/images/loading-32.gif" />
|
|
</div>
|
|
{{else}}
|
|
{{$.post.Content | raw}}
|
|
{{end}}
|
|
</div>
|
|
|
|
<div class="pre-next-post">
|
|
<p>
|
|
Pre: {{if $.prePost}}<a href="{{$.postUrl}}/{{$.prePost.UrlTitle}}">{{$.prePost.Title}}</a>{{else}}No Post{{end}}
|
|
</p>
|
|
<p>
|
|
Next: {{if $.nextPost}}<a href="{{$.postUrl}}/{{$.nextPost.UrlTitle}}">{{$.nextPost.Title}}</a>{{else}}No Post{{end}}
|
|
</p>
|
|
</div>
|
|
|
|
<!-- share & comment -->
|
|
{{template "share_comment.html" $}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{template "footer.html" $}}
|
|
{{template "highlight.html" $}}
|
|
|
|
<div id="blogNav">
|
|
<div id="blogNavNav">
|
|
<i class="fa fa-align-justify" title="Table of content"></i>
|
|
<span>Table of content</span>
|
|
</div>
|
|
<div id="blogNavContent">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 一些在share_comment.js 需要使用的变量 -->
|
|
<script>
|
|
var siteUrl = "{{$.siteUrl}}"; // common.js需要
|
|
// 以下 share_comment.js需要
|
|
var blogInfo={UserId: "{{$.blogInfo.UserId}}", OpenComment: {{$.blogInfo.OpenComment}}, CommentType: "{{$.blogInfo.CommentType}}"};
|
|
var noteId = "{{$.post.NoteId}}"; //
|
|
var preLikeNum = +"{{$.post.LikeNum}}";
|
|
var commentNum = +"{{$.post.CommentNum}}";
|
|
</script>
|
|
|
|
<!-- 共享与评论css -->
|
|
<link href="{{$.shareCommentCssUrl}}" rel="stylesheet">
|
|
<!-- 一些公用的js -->
|
|
<script src="{{$.blogCommonJsUrl}}"></script>
|
|
<script src="{{$.siteUrl}}/public/blog/js/jsrender.js"></script>
|
|
<script src="{{$.siteUrl}}/public/blog/js/jquery-cookie-min.js"></script>
|
|
<script src="{{$.siteUrl}}/public/blog/js/bootstrap-dialog.min.js"></script>
|
|
<script src="{{$.siteUrl}}/public/blog/js/jquery.qrcode.min.js"></script>
|
|
<!-- share && comment -->
|
|
<script src="{{$.shareCommentJsUrl}}"></script>
|
|
|
|
<!--
|
|
markdown
|
|
调用markdown来解析得到html
|
|
-->
|
|
{{if $.post.IsMarkdown }}
|
|
<script src="/public/libs/md2html/md2html.js"></script>
|
|
<script>
|
|
var content = $.trim($("#markdownContent textarea").val());
|
|
md2Html(content, $("#content"), function(html) {
|
|
$("pre").addClass("prettyprint linenums");
|
|
prettyPrint();
|
|
initNav();
|
|
weixin();
|
|
});
|
|
</script>
|
|
<!-- 不是markdown -->
|
|
{{else}}
|
|
<script>
|
|
$(function() {
|
|
initNav();
|
|
weixin();
|
|
});
|
|
</script>
|
|
{{end}}
|
|
|
|
</body>
|
|
</html> |