Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 957e303

Browse files
polaris1119polaris1119
committed
更多评论
1 parent 2eb3688 commit 957e303

File tree

2 files changed

+100
-28
lines changed

2 files changed

+100
-28
lines changed

‎template/articles/comment.html

Lines changed: 50 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -114,10 +114,39 @@ <h1 id="title" data-id="{{.article.Id}}">
114114
</div>
115115
<div class="cmt-md-body">{{.comment.Content}}</div>
116116
<div>
117+
<a href="/articles/{{.article.Id}}/comment/{{.comment.Cid}}">评论于 {{.comment.Ctime}}</a>
118+
</div>
119+
<span class="floor">#{{.comment.Floor}}</span>
120+
</div>
121+
</div>
122+
123+
<div class="sep10"></div>
124+
125+
<div class="box_white cmt">
126+
{{if .comments}}
127+
<div class="more-reply">更多评论</div>
128+
{{end}}
117129

130+
{{range .comments}}
131+
<div class="cell">
132+
<div class="author">
133+
{{with $user := index $.users .Uid}}
134+
<a class="avatar" target="_blank" href="/user/{{$user.Username}}">
135+
<img src="{{gravatar $user.Avatar $user.Email 48 $.is_https}}" alt="">
136+
</a>
137+
<div class="info">
138+
<a target="_blank" href="/user/{{$user.Username}}">{{$user.Username}}</a>
139+
<div class="monlog">{{$user.Monlog}}</div>
140+
</div>
141+
{{end}}
142+
</div>
143+
<div class="cmt-md-body">{{.Content}}</div>
144+
<div>
145+
<a href="/articles/{{$.article.Id}}/comment/{{.Cid}}">评论于 {{.Ctime}}</a>
118146
</div>
119-
<span class="floor">#{{$.comment.Floor}}</span>
147+
<span class="floor">#{{.Floor}}</span>
120148
</div>
149+
{{end}}
121150

122151
<div class="cell" style="text-align: center;">
123152
<a href="/articles/{{.article.Id}}#commentForm" class="btn btn-default btn-sm">我要评论</a>
@@ -178,14 +207,19 @@ <h1 id="title" data-id="{{.article.Id}}">
178207
background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))
179208
}
180209

181-
.cmt {
210+
.cmt .cell {
182211
position: relative;
183212
}
184213

185214
.cmt .author .avatar img {
186215
border-radius: 5px;
187216
}
188217

218+
.cmt .more-reply {
219+
text-align: center;
220+
margin: 5px auto;
221+
}
222+
189223
.cmt .author .info {
190224
display: inline-block;
191225
vertical-align: middle;
@@ -197,7 +231,7 @@ <h1 id="title" data-id="{{.article.Id}}">
197231
margin-top: 5px;
198232
}
199233

200-
.cmt .floor {
234+
.cmt .cell .floor {
201235
position: absolute;
202236
top: 4px;
203237
right: 4px;
@@ -234,21 +268,23 @@ <h1 id="title" data-id="{{.article.Id}}">
234268
new SG.Articles().parseContent($('.page .content'));
235269
{{end}}
236270

237-
var selector = $('.cmt-md-body');
238-
var markdownString = selector.text();
239-
var marked = SG.markSettingNoHightlight();
271+
$('.cmt-md-body').each(function() {
272+
var selector = $(this);
273+
var markdownString = selector.text();
274+
var marked = SG.markSettingNoHightlight();
240275

241-
var contentHtml = marked(markdownString);
242-
contentHtml = SG.replaceCodeChar(contentHtml);
243-
244-
selector.html(contentHtml);
276+
var contentHtml = marked(markdownString);
277+
contentHtml = SG.replaceCodeChar(contentHtml);
278+
279+
selector.html(contentHtml);
245280

246-
// emoji 表情解析
247-
emojify.run(selector.get(0));
281+
// emoji 表情解析
282+
emojify.run(selector.get(0));
248283

249-
selector.find('code[class*="language-"]').parent('pre').addClass('line-numbers');
284+
selector.find('code[class*="language-"]').parent('pre').addClass('line-numbers');
250285

251-
Prism.highlightAll();
286+
Prism.highlightAll();
287+
});
252288

253289
// 文本框自动伸缩
254290
$('.need-autogrow').autoGrow();

‎template/topics/comment.html

Lines changed: 50 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -78,10 +78,39 @@ <h1>
7878
</div>
7979
<div class="cmt-md-body">{{.comment.Content}}</div>
8080
<div>
81+
<a href="/topics/{{.topic.tid}}/comment/{{.comment.Cid}}">评论于 {{.comment.Ctime}}</a>
82+
</div>
83+
<span class="floor">#{{.comment.Floor}}</span>
84+
</div>
85+
</div>
86+
87+
<div class="sep10"></div>
88+
89+
<div class="box_white cmt">
90+
{{if .comments}}
91+
<div class="more-reply">更多评论</div>
92+
{{end}}
8193

94+
{{range .comments}}
95+
<div class="cell">
96+
<div class="author">
97+
{{with $user := index $.users .Uid}}
98+
<a class="avatar" target="_blank" href="/user/{{$user.Username}}">
99+
<img src="{{gravatar $user.Avatar $user.Email 48 $.is_https}}" alt="">
100+
</a>
101+
<div class="info">
102+
<a target="_blank" href="/user/{{$user.Username}}">{{$user.Username}}</a>
103+
<div class="monlog">{{$user.Monlog}}</div>
104+
</div>
105+
{{end}}
106+
</div>
107+
<div class="cmt-md-body">{{.comment.Content}}</div>
108+
<div>
109+
<a href="/topics/{{$.topic.tid}}/comment/{{.Cid}}">评论于 {{.Ctime}}</a>
82110
</div>
83-
<span class="floor">#{{$.comment.Floor}}</span>
111+
<span class="floor">#{{.comment.Floor}}</span>
84112
</div>
113+
{{end}}
85114

86115
<div class="cell" style="text-align: center;">
87116
<a href="/topics/{{.topic.tid}}#commentForm" class="btn btn-default btn-sm">我要评论</a>
@@ -137,14 +166,19 @@ <h1>
137166
background: -o-linear-gradient(bottom,rgba(255,255,255,.1),rgba(255,255,255,0))
138167
}
139168

140-
.cmt {
169+
.cmt .cell {
141170
position: relative;
142171
}
143172

144173
.cmt .author .avatar img {
145174
border-radius: 5px;
146175
}
147176

177+
.cmt .more-reply {
178+
text-align: center;
179+
margin: 5px auto;
180+
}
181+
148182
.cmt .author .info {
149183
display: inline-block;
150184
vertical-align: middle;
@@ -156,7 +190,7 @@ <h1>
156190
margin-top: 5px;
157191
}
158192

159-
.cmt .floor {
193+
.cmt .cell .floor {
160194
position: absolute;
161195
top: 4px;
162196
right: 4px;
@@ -187,21 +221,23 @@ <h1>
187221
$(function(){
188222
new SG.Topics().parseContent($('.page .content'));
189223

190-
var selector = $('.cmt-md-body');
191-
var markdownString = selector.text();
192-
var marked = SG.markSettingNoHightlight();
224+
$('.cmt-md-body').each(function() {
225+
var selector = $(this);
226+
var markdownString = selector.text();
227+
var marked = SG.markSettingNoHightlight();
193228

194-
var contentHtml = marked(markdownString);
195-
contentHtml = SG.replaceCodeChar(contentHtml);
196-
197-
selector.html(contentHtml);
229+
var contentHtml = marked(markdownString);
230+
contentHtml = SG.replaceCodeChar(contentHtml);
231+
232+
selector.html(contentHtml);
198233

199-
// emoji 表情解析
200-
emojify.run(selector.get(0));
234+
// emoji 表情解析
235+
emojify.run(selector.get(0));
201236

202-
selector.find('code[class*="language-"]').parent('pre').addClass('line-numbers');
237+
selector.find('code[class*="language-"]').parent('pre').addClass('line-numbers');
203238

204-
Prism.highlightAll();
239+
Prism.highlightAll();
240+
});
205241

206242
// 文本框自动伸缩
207243
$('.need-autogrow').autoGrow();

0 commit comments

Comments
 (0)