标签页,文章评论
This commit is contained in:
oncereply
parent
d4bb2c03ea
commit
b4a38b7cb9
@ -1,36 +0,0 @@
|
|||||||
<#include "macro-head.ftl">
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<@head title="${blogTitle}">
|
|
||||||
<meta name="keywords" content="${metaKeywords},${archiveLabel}"/>
|
|
||||||
<meta name="description" content="${metaDescription},${archiveLabel}"/>
|
|
||||||
</@head>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
${topBarReplacement}
|
|
||||||
<#include "header.ftl">
|
|
||||||
<div class="main">
|
|
||||||
<div class="wrapper">
|
|
||||||
<#if 0 != archiveDates?size>
|
|
||||||
<div class="other-main archives">
|
|
||||||
<#list archiveDates as archiveDate>
|
|
||||||
<span data-year="${archiveDate.archiveDateYear}">
|
|
||||||
<#if "en" == localeString?substring(0, 2)>
|
|
||||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
|
||||||
title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
|
|
||||||
${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
|
||||||
<#else>
|
|
||||||
<a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
|
|
||||||
title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
|
|
||||||
${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
|
|
||||||
</#if>
|
|
||||||
</span>
|
|
||||||
</#list>
|
|
||||||
</div>
|
|
||||||
</#if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<#include "footer.ftl">
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -155,3 +155,54 @@ a:hover {
|
|||||||
-moz-border-radius: 4px;
|
-moz-border-radius: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* start tags */
|
||||||
|
#tags.other-main {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags li {
|
||||||
|
float: left;
|
||||||
|
height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags a {
|
||||||
|
margin: 3px 6px;
|
||||||
|
padding: 3px 12px;
|
||||||
|
background-color: #FCFCFC;
|
||||||
|
box-shadow: 0 0 2px #D5D5D5;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#tags a:hover {
|
||||||
|
text-shadow: 0 0 2px;
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: 0 0 4px #D5D5D5;
|
||||||
|
color: #769abb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags1, .tags1:visited {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #a7a7a7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags2, .tags2:visited {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #808080;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags3, .tags3:visited {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #595959;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags4, .tags4:visited {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #323232;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tags5, .tags5:visited {
|
||||||
|
font-size: 20px;
|
||||||
|
color: #0a0a0a;
|
||||||
|
}
|
||||||
|
/* end tags */
|
||||||
@ -1,108 +0,0 @@
|
|||||||
<#include "macro-head.ftl">
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<@head title="${blogTitle}">
|
|
||||||
<meta name="keywords" content="${metaKeywords},${dynamicLabel}"/>
|
|
||||||
<meta name="description" content="${metaDescription},${dynamicLabel}"/>
|
|
||||||
</@head>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
${topBarReplacement}
|
|
||||||
<#include "header.ftl">
|
|
||||||
<div class="main">
|
|
||||||
<div class="wrapper dynamic">
|
|
||||||
<div class="other-main">
|
|
||||||
<#if 0 != recentComments?size>
|
|
||||||
<div class="module side-comments">
|
|
||||||
<h3 class="ft-gray">${recentCommentsLabel}</h3>
|
|
||||||
<ul>
|
|
||||||
<#list recentComments as comment>
|
|
||||||
<li>
|
|
||||||
<img class='comment-header'
|
|
||||||
alt='${comment.commentName}'
|
|
||||||
src='${comment.commentThumbnailURL}'/>
|
|
||||||
<div class='comment-panel'>
|
|
||||||
<span class="left">
|
|
||||||
<#if "http://" == comment.commentURL>
|
|
||||||
${comment.commentName}
|
|
||||||
<#else>
|
|
||||||
<a target="_blank" href="${comment.commentURL}">${comment.commentName}</a>
|
|
||||||
</#if>
|
|
||||||
</span>
|
|
||||||
<div class="right ft-gray">
|
|
||||||
${comment.commentDate?string("yyyy-MM-dd HH:mm:ss")}
|
|
||||||
<a rel="nofollow" href="${servePath}${comment.commentSharpURL}">${viewLabel}</a>
|
|
||||||
</div>
|
|
||||||
<span class="clear"></span>
|
|
||||||
<div class="article-body">
|
|
||||||
${comment.commentContent}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='clear'></div>
|
|
||||||
</li>
|
|
||||||
</#list>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</#if>
|
|
||||||
<#if 0 != mostUsedTags?size>
|
|
||||||
<div class="module side-tags">
|
|
||||||
<h3 class="ft-gray">${popTagsLabel}</h3>
|
|
||||||
<ul>
|
|
||||||
<#list mostUsedTags as tag>
|
|
||||||
<li>
|
|
||||||
<a rel="tag" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
|
|
||||||
title="${tag.tagTitle}(${tag.tagPublishedRefCount})">
|
|
||||||
<span>${tag.tagTitle}</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</#list>
|
|
||||||
</ul>
|
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
|
||||||
</#if>
|
|
||||||
<div class="clear"></div>
|
|
||||||
<#if 0 != mostCommentArticles?size>
|
|
||||||
<div class="module side-most-comment">
|
|
||||||
<h3 class="ft-gray">${mostCommentArticlesLabel}</h3>
|
|
||||||
<ul>
|
|
||||||
<#list mostCommentArticles as article>
|
|
||||||
<li>
|
|
||||||
<a rel="nofollow" class="left" title="${article.articleTitle}"
|
|
||||||
href="${servePath}${article.articlePermalink}">
|
|
||||||
${article.articleTitle}
|
|
||||||
</a>
|
|
||||||
<a rel="nofollow" class="ft-gray right" href="${servePath}${article.articlePermalink}#comments">
|
|
||||||
${article.articleCommentCount} ${commentLabel}
|
|
||||||
</a>
|
|
||||||
<span class="clear"></span>
|
|
||||||
</li>
|
|
||||||
</#list>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</#if>
|
|
||||||
<#if 0 != mostViewCountArticles?size>
|
|
||||||
<div class="module side-most-view">
|
|
||||||
<h3 class="ft-gray">${mostViewCountArticlesLabel}</h3>
|
|
||||||
<ul>
|
|
||||||
<#list mostViewCountArticles as article>
|
|
||||||
<li>
|
|
||||||
<a rel="nofollow" class="left" title="${article.articleTitle}" href="${servePath}${article.articlePermalink}">
|
|
||||||
${article.articleTitle}
|
|
||||||
</a>
|
|
||||||
<a rel="nofollow" class="ft-gray right" href="${servePath}${article.articlePermalink}">
|
|
||||||
${article.articleViewCount} ${viewLabel}
|
|
||||||
</a>
|
|
||||||
<span class="clear"></span>
|
|
||||||
</li>
|
|
||||||
</#list>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</#if>
|
|
||||||
<div class="clear"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<#include "footer.ftl">
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -16,9 +16,6 @@
|
|||||||
<li>
|
<li>
|
||||||
<a href="${servePath}/tags.html">${allTagsLabel}</a>
|
<a href="${servePath}/tags.html">${allTagsLabel}</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<a href="${servePath}/archives.html">${archiveLabel}</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a>
|
<a rel="alternate" href="${servePath}/blog-articles-feed.do">Atom<img src="${staticServePath}/images/feed.png" alt="Atom"/></a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -1,32 +0,0 @@
|
|||||||
<#include "macro-head.ftl">
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<@head title="${blogTitle}">
|
|
||||||
<meta name="keywords" content="${metaKeywords},${linkLabel}"/>
|
|
||||||
<meta name="description" content="${metaDescription},${linkLabel}"/>
|
|
||||||
</@head>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
${topBarReplacement}
|
|
||||||
<#include "header.ftl">
|
|
||||||
<div class="main">
|
|
||||||
<div class="wrapper">
|
|
||||||
<#if 0 != links?size>
|
|
||||||
<ul class="other-main links">
|
|
||||||
<#list links as link>
|
|
||||||
<li>
|
|
||||||
<a rel="friend" href="${link.linkAddress}" alt="${link.linkTitle}" target="_blank">
|
|
||||||
<img alt="${link.linkTitle}"
|
|
||||||
src="http://www.google.com/s2/u/0/favicons?domain=<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" /></a>
|
|
||||||
<a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">${link.linkTitle}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</#list>
|
|
||||||
</ul>
|
|
||||||
</#if>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<#include "footer.ftl">
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -115,7 +115,26 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
var addComment = function (result, state) {
|
var addComment = function (result, state) {
|
||||||
return "";
|
var html = new Array();
|
||||||
|
html.push('<div class="media bs-docs-example-child" id="media_'+result.oId+'">');
|
||||||
|
html.push('<a class="pull-left" href="#" target="_blank">');
|
||||||
|
html.push('<img class="media-object img-polaroid" data-src="holder.js/64x64" style="width: 64px; height: 64px;" src="'+result.commentThumbnailURL+'">');
|
||||||
|
html.push('</a>');
|
||||||
|
html.push('<div class="media-body" id="'+result.oId+'">');
|
||||||
|
html.push('<h4 class="media-heading">');
|
||||||
|
html.push(result.replyNameHTML);
|
||||||
|
if (state !== "") {
|
||||||
|
html.push(' <i class="icon-share-alt"></i>');
|
||||||
|
html.push(' <a href="#'+page.currentCommentId+'">'+page.currentCommentId+'</a>');
|
||||||
|
}
|
||||||
|
html.push('<span class="pull-right" style="font-size: 12px;font-weight: normal;color: #676767;">');
|
||||||
|
html.push('<i class="icon-time"></i> '+ result.commentDate.substring(0, 19));
|
||||||
|
html.push(' <i class="icon-comment"></i>');
|
||||||
|
html.push('<a rel="nofollow" href="javascript:replyTo(\''+result.oId+'\');">${replyLabel}</a>');
|
||||||
|
html.push('</span>');
|
||||||
|
html.push('</h4>');
|
||||||
|
html.push(Util.replaceEmString($("#comment" + state).val().replace(/</g, "<").replace(/>/g, ">").replace(/\n/g,"<br/>")));
|
||||||
|
return html.join('');
|
||||||
}
|
}
|
||||||
|
|
||||||
var replyTo = function (id) {
|
var replyTo = function (id) {
|
||||||
|
|||||||
@ -7,23 +7,27 @@
|
|||||||
<meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
|
<meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
|
||||||
</@head>
|
</@head>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="home page top-navbar">
|
||||||
${topBarReplacement}
|
|
||||||
<#include "header.ftl">
|
<#include "header.ftl">
|
||||||
<div class="main">
|
<div id="wrap" class="container" role="document">
|
||||||
<div class="wrapper">
|
<div id="content" class="row">
|
||||||
<ul id="tags" class="other-main">
|
<div id="main" class="span8" role="main">
|
||||||
|
<ul id="tags" class="other-main">
|
||||||
<#list tags as tag>
|
<#list tags as tag>
|
||||||
<li>
|
<li>
|
||||||
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
|
<a rel="tag" data-count="${tag.tagPublishedRefCount}"
|
||||||
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
|
href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
|
||||||
<span>${tag.tagTitle}</span>
|
<span>${tag.tagTitle}</span>
|
||||||
(<b>${tag.tagPublishedRefCount}</b>)
|
(<b>${tag.tagPublishedRefCount}</b>)
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</#list>
|
</#list>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="clear"></div>
|
<div class="clear"></div>
|
||||||
|
</div>
|
||||||
|
<aside id="sidebar" class="span4">
|
||||||
|
<#include "side.ftl">
|
||||||
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<#include "footer.ftl">
|
<#include "footer.ftl">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user