特性－新皮肤

2016-07-31 22:41:43 +08:00
parent 5004968069
commit f03ef768aa
69 changed files with 2716 additions and 377 deletions
--- a/next/archive-articles.ftl
+++ b/next/archive-articles.ftl
@@ -0,0 +1,32 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content page-archive">
+                <section class="posts-collapse">
+                    <span class="archive-move-on"></span>
+                    <span class="archive-page-counter">
+                      ${ohLabel}..! 
+                        <#if "en" == localeString?substring(0, 2)>
+                        ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} 
+                        <#else>
+                        ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}
+                        </#if>
+                        ${sumLabel} ${archiveDate.archiveDatePublishedArticleCount} ${fightLabel}
+                    </span>
+                </section>
+                <#include "article-list.ftl">
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+    </body>
+</html>
--- a/next/archives.ftl
+++ b/next/archives.ftl
@@ -0,0 +1,44 @@
+<#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>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content page-archive">
+                <section class="posts-collapse">
+                    <span class="archive-move-on"></span>
+                    <span class="archive-page-counter">
+                        ${ohLabel}..!  ${sumLabel} ${statistic.statisticPublishedBlogArticleCount} ${fightLabel}
+                    </span>
+                    <#if 0 != archiveDates?size>
+                    <#list archiveDates as archiveDate>
+                    <article>
+                        <header class="post-header">
+                            <h1>
+                                <#if "en" == localeString?substring(0, 2)>
+                                <a class="post-title" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
+                                    ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})
+                                </a>
+                                <#else>
+                                <a class="post-title" href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}">
+                                    ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})
+                                </a>
+                                </#if>
+                            </h1>
+                        </header>
+                    </article>
+                    </#list>
+                    </#if>
+                </section>
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+    </body>
+</html>
--- a/next/article-list.ftl
+++ b/next/article-list.ftl
@@ -0,0 +1,64 @@
+<section class="posts-expand">
+    <#list articles as article>
+    <article class="post-item">
+        <header>
+            <h1>
+                <a class="post-title-link"  rel="bookmark" href="${servePath}${article.articlePermalink}">
+                    ${article.articleTitle}
+                </a>
+                <#if article.articlePutTop>
+                <sup>
+                    ${topArticleLabel}
+                </sup>
+                </#if>
+                <#if article.hasUpdated>
+                <sup>
+                    ${updatedLabel}
+                </sup>
+                </#if>
+            </h1>
+
+            <div class="post-meta">
+                <span>
+                    ${postTimeLabel}
+                    <time>
+                        ${article.articleCreateDate?string("yyyy-MM-dd")}
+                    </time>
+                </span>
+                <span>
+                    &nbsp; | &nbsp;
+                    <a href="${servePath}${article.articlePermalink}#comments">
+                        ${article.articleCommentCount} ${cmtLabel}</a>
+                </span>
+                &nbsp; | &nbsp;${viewsLabel} ${article.articleViewCount}°C
+            </div>
+        </header>
+        ${article.articleAbstract}
+        <div class="post-more-link">
+            <a href="${servePath}${article.articlePermalink}/#more" rel="contents">
+                ${readLabel} &raquo;
+            </a>
+        </div>
+    </article>
+    </#list>
+</section>
+
+<#if 0 != paginationPageCount>
+<nav class="pagination">
+    <#if 1 != paginationPageNums?first>
+    <a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend next"><<</a>
+    <a class="page-number" href="${servePath}${path}/1">1</a> ...
+    </#if>
+    <#list paginationPageNums as paginationPageNum>
+    <#if paginationPageNum == paginationCurrentPageNum>
+    <span class="page-number current">${paginationPageNum}</span>
+    <#else>
+    <a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
+    </#if>
+    </#list>
+    <#if paginationPageNums?last != paginationPageCount> ...
+    <a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
+    <a href="${servePath}${path}/${paginationNextPageNum}" class="extend next">>></a>
+    </#if>
+</nav>
+</#if>
--- a/next/article.ftl
+++ b/next/article.ftl
@@ -0,0 +1,90 @@
+<#include "macro-head.ftl">
+<#include "macro-comments.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${article.articleTitle} - ${blogTitle}">
+        <meta name="keywords" content="${article.articleTags}" />
+        <meta name="description" content="${article.articleAbstract?html}" />
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content">
+                <article class="posts-expand">
+                    <header class="post-header">
+                        <h1 class="post-title">
+                            ${article.articleTitle}
+                            <#if article.articlePutTop>
+                            <sup>
+                                ${topArticleLabel}
+                            </sup>
+                            </#if>
+                            <#if article.hasUpdated>
+                            <sup>
+                                ${updatedLabel}
+                            </sup>
+                            </#if>
+                        </h1>
+                        <div class="post-meta">
+                            <span class="post-time">
+                                ${postTimeLabel}
+                                <time>
+                                    ${article.articleCreateDate?string("yyyy-MM-dd")}
+                                </time>
+                            </span>
+                            <span class="post-comments-count">
+                                &nbsp; | &nbsp;
+                                <a href="${servePath}${article.articlePermalink}#comments">
+                                    ${article.articleCommentCount} ${cmtLabel}</a>
+                            </span>
+                            &nbsp; | &nbsp; ${viewsLabel}
+                            ${article.articleViewCount}°C
+                        </div>
+                    </header>
+
+                    <div class="post-body article-body">
+                        ${article.articleContent}
+                        <#if "" != article.articleSign.signHTML?trim>
+                        <div>
+                            ${article.articleSign.signHTML}
+                        </div>
+                        </#if>
+                    </div>
+                    <footer>
+                        <div class="post-tags">
+                            <#list article.articleTags?split(",") as articleTag>
+                            <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                                ${articleTag}</a>
+                            </#list>
+                        </div>
+                        <div class="post-nav fn-clear">
+                            <#if previousArticlePermalink??>
+                            <div class="post-nav-prev post-nav-item fn-right">
+                                <a href="${servePath}${previousArticlePermalink}" rel="next" title="${previousArticleTitle}">
+                                    ${previousArticleTitle} >
+                                </a>
+                            </div>
+                            </#if>
+                            <#if nextArticlePermalink??>
+                            <div class="post-nav-next post-nav-item fn-left">
+                                <a href="${servePath}${nextArticlePermalink}" rel="prev" title="${nextArticleTitle}">
+                                   < ${nextArticleTitle} 
+                                </a>
+                            </div>
+                            </#if>
+                        </div>
+                    </footer>
+                </article>
+            </div>
+
+            <@comments commentList=articleComments article=article></@comments>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+        <@comment_script oId=article.oId>
+        page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+        </@comment_script>    
+    </body>
+</html>
--- a/next/css/fonts/icomoon.eot
+++ b/next/css/fonts/icomoon.eot
--- a/next/css/fonts/icomoon.svg
+++ b/next/css/fonts/icomoon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe901;" glyph-name="rss" d="M136.294 209.070c-75.196 0-136.292-61.334-136.292-136.076 0-75.154 61.1-135.802 136.292-135.802 75.466 0 136.494 60.648 136.494 135.802-0.002 74.742-61.024 136.076-136.494 136.076zM0.156 612.070v-196.258c127.784 0 247.958-49.972 338.458-140.512 90.384-90.318 140.282-211.036 140.282-339.3h197.122c-0.002 372.82-303.282 676.070-675.862 676.070zM0.388 960v-196.356c455.782 0 826.756-371.334 826.756-827.644h196.856c0 564.47-459.254 1024-1023.612 1024z" />
+<glyph unicode="&#xe973;" glyph-name="register" d="M384 224c0 151.234 95.874 280.486 230.032 330.2 16.28 36.538 25.968 77.164 25.968 117.8 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h397.306c-8.664 30.53-13.306 62.732-13.306 96zM736 512c-159.058 0-288-128.942-288-288s128.942-288 288-288c159.056 0 288 128.942 288 288s-128.942 288-288 288zM896 192h-128v-128h-64v128h-128v64h128v128h64v-128h128v-64z" />
+<glyph unicode="&#xe994;" glyph-name="setting" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" />
+<glyph unicode="&#xea13;" glyph-name="login" d="M384 448h-320v128h320v128l192-192-192-192zM1024 960v-832l-384-192v192h-384v256h64v-192h320v576l256 128h-576v-256h-64v320z" />
+<glyph unicode="&#xea14;" glyph-name="logout" d="M768 320v128h-320v128h320v128l192-192zM704 384v-256h-320v-192l-384 192v832h704v-320h-64v256h-512l256-128v-576h256v192z" />
+</font></defs></svg>
--- a/next/css/fonts/icomoon.ttf
+++ b/next/css/fonts/icomoon.ttf
--- a/next/css/fonts/icomoon.woff
+++ b/next/css/fonts/icomoon.woff
--- a/next/css/fonts/selection.json
+++ b/next/css/fonts/selection.json
@@ -0,0 +1,196 @@
+{
+	"IcoMoonType": "selection",
+	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M384 736c0-151.234 95.874-280.486 230.032-330.2 16.28-36.538 25.968-77.164 25.968-117.8 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h397.306c-8.664-30.53-13.306-62.732-13.306-96z",
+					"M736 448c-159.058 0-288 128.942-288 288s128.942 288 288 288c159.056 0 288-128.942 288-288s-128.942-288-288-288zM896 768h-128v128h-64v-128h-128v-64h128v-128h64v128h128v64z"
+				],
+				"width": 1024,
+				"attrs": [],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": [
+					"user-plus",
+					"user",
+					"user-add",
+					"profile",
+					"avatar",
+					"person",
+					"member"
+				],
+				"defaultCode": 59763,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"ligatures": "user-plus, user2",
+				"name": "register",
+				"id": 115,
+				"order": 42,
+				"prevSize": 32,
+				"code": 59763
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 115
+		},
+		{
+			"icon": {
+				"paths": [
+					"M933.79 610.25c-53.726-93.054-21.416-212.304 72.152-266.488l-100.626-174.292c-28.75 16.854-62.176 26.518-97.846 26.518-107.536 0-194.708-87.746-194.708-195.99h-201.258c0.266 33.41-8.074 67.282-25.958 98.252-53.724 93.056-173.156 124.702-266.862 70.758l-100.624 174.292c28.97 16.472 54.050 40.588 71.886 71.478 53.638 92.908 21.512 211.92-71.708 266.224l100.626 174.292c28.65-16.696 61.916-26.254 97.4-26.254 107.196 0 194.144 87.192 194.7 194.958h201.254c-0.086-33.074 8.272-66.57 25.966-97.218 53.636-92.906 172.776-124.594 266.414-71.012l100.626-174.29c-28.78-16.466-53.692-40.498-71.434-71.228zM512 719.332c-114.508 0-207.336-92.824-207.336-207.334 0-114.508 92.826-207.334 207.336-207.334 114.508 0 207.332 92.826 207.332 207.334-0.002 114.51-92.824 207.334-207.332 207.334z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": [
+					"cog",
+					"gear",
+					"preferences",
+					"settings",
+					"generate",
+					"control",
+					"options"
+				],
+				"defaultCode": 59796,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"ligatures": "cog, gear",
+				"name": "setting",
+				"id": 148,
+				"order": 40,
+				"prevSize": 32,
+				"code": 59796
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 148
+		},
+		{
+			"icon": {
+				"paths": [
+					"M384 512h-320v-128h320v-128l192 192-192 192zM1024 0v832l-384 192v-192h-384v-256h64v192h320v-576l256-128h-576v256h-64v-320z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": [
+					"enter",
+					"signin",
+					"login"
+				],
+				"defaultCode": 59923,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"ligatures": "enter, signin",
+				"name": "login",
+				"id": 275,
+				"order": 38,
+				"prevSize": 32,
+				"code": 59923
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 275
+		},
+		{
+			"icon": {
+				"paths": [
+					"M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": [
+					"exit",
+					"signout",
+					"logout",
+					"quit",
+					"close"
+				],
+				"defaultCode": 59924,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"ligatures": "exit, signout",
+				"name": "logout",
+				"id": 276,
+				"order": 39,
+				"prevSize": 32,
+				"code": 59924
+			},
+			"setIdx": 0,
+			"setId": 1,
+			"iconIdx": 276
+		},
+		{
+			"icon": {
+				"paths": [
+					"M136.294 750.93c-75.196 0-136.292 61.334-136.292 136.076 0 75.154 61.1 135.802 136.292 135.802 75.466 0 136.494-60.648 136.494-135.802-0.002-74.742-61.024-136.076-136.494-136.076zM0.156 347.93v196.258c127.784 0 247.958 49.972 338.458 140.512 90.384 90.318 140.282 211.036 140.282 339.3h197.122c-0.002-372.82-303.282-676.070-675.862-676.070zM0.388 0v196.356c455.782 0 826.756 371.334 826.756 827.644h196.856c0-564.47-459.254-1024-1023.612-1024z"
+				],
+				"attrs": [
+					{}
+				],
+				"isMulticolor": false,
+				"isMulticolor2": false,
+				"tags": [
+					"feed",
+					"rss",
+					"social"
+				],
+				"grid": 16
+			},
+			"attrs": [
+				{}
+			],
+			"properties": {
+				"order": 1,
+				"id": 0,
+				"prevSize": 32,
+				"code": 59649,
+				"name": "rss"
+			},
+			"setIdx": 1,
+			"setId": 0,
+			"iconIdx": 1
+		}
+	],
+	"height": 1024,
+	"metadata": {
+		"name": "icomoon"
+	},
+	"preferences": {
+		"showGlyphs": true,
+		"showQuickUse": true,
+		"showQuickUse2": true,
+		"showSVGs": true,
+		"fontPref": {
+			"prefix": "icon-",
+			"metadata": {
+				"fontFamily": "icomoon"
+			},
+			"metrics": {
+				"emSize": 1024,
+				"baseline": 6.25,
+				"whitespace": 50
+			},
+			"embed": false
+		},
+		"imagePref": {
+			"prefix": "icon-",
+			"png": true,
+			"useClassSelector": true,
+			"color": 4473924,
+			"bgColor": 16777215
+		},
+		"historySize": 100,
+		"showCodes": false,
+		"gridSize": 16
+	}
+}
--- a/next/css/next.css
+++ b/next/css/next.css
--- a/next/css/next.min.css
+++ b/next/css/next.min.css
--- a/next/dynamic.ftl
+++ b/next/dynamic.ftl
@@ -0,0 +1,52 @@
+<#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>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content">
+                <#if 0 != recentComments?size>
+                <ul class="comments" id="comments">
+                    <#list recentComments as comment>
+                    <li class="fn-clear">
+                        <img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
+                        <div class="comment-body">
+                            <div class="fn-clear comment-meta">
+                                <span class="fn-left">
+                                    <#if "http://" == comment.commentURL>
+                                    <span>${comment.commentName}</span>
+                                    <#else>
+                                    <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                                    </#if>
+                                    <time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time> 
+                                </span>
+                                <a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
+                            </div>
+                            <div class="comment-content post-body article-body">
+                                ${comment.commentContent}
+                            </div>
+                        </div>
+                    </li>
+                    </#list>
+                </ul>
+                </#if>
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+
+        <script>
+            var $commentContents = $(".comments .comment-content");
+            for (var i = 0; i < $commentContents.length; i++) {
+                var str = $commentContents[i].innerHTML;
+                $commentContents[i].innerHTML = Util.replaceEmString(str);
+            }
+        </script>
+    </body>
+</html>
--- a/next/footer.ftl
+++ b/next/footer.ftl
@@ -0,0 +1,43 @@
+<footer class="footer">
+    <div class="wrapper">
+        <a href="${servePath}">${blogTitle}</a>  •
+        ${onlineVisitor1Label}${onlineVisitorCnt} <br/>
+        &copy; ${year}
+        ${footerContent}
+        Powered by <a href="http://b3log.org" target="_blank">B3log 开源</a> •
+        <a href="http://b3log.org/services/#solo" target="_blank">Solo</a> ${version}
+    </div>
+</footer>
+<div class="back-to-top" onclick="Util.goTop()"></div>
+
+<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/${skinDirName}${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+    var latkeConfig = {
+        "servePath": "${servePath}",
+        "staticServePath": "${staticServePath}",
+        "isLoggedIn": "${isLoggedIn?string}",
+        "userName": "${userName}"
+    };
+
+    var Label = {
+        "skinDirName": "${skinDirName}",
+        "em00Label": "${em00Label}",
+        "em01Label": "${em01Label}",
+        "em02Label": "${em02Label}",
+        "em03Label": "${em03Label}",
+        "em04Label": "${em04Label}",
+        "em05Label": "${em05Label}",
+        "em06Label": "${em06Label}",
+        "em07Label": "${em07Label}",
+        "em08Label": "${em08Label}",
+        "em09Label": "${em09Label}",
+        "em10Label": "${em10Label}",
+        "em11Label": "${em11Label}",
+        "em12Label": "${em12Label}",
+        "em13Label": "${em13Label}",
+        "em14Label": "${em14Label}"
+    };
+</script>
+${plugins}
--- a/next/header.ftl
+++ b/next/header.ftl
@@ -0,0 +1,58 @@
+<header class="header">
+    <div class="header-line"></div>
+    <div class="fn-clear wrapper">
+        <div class="logo-wrap">
+            <a href="${servePath}" rel="start">
+                <span class="logo-line-before"><i></i></span>
+                <span class="site-title">${blogTitle}</span>
+                <span class="logo-line-after"><i></i></span>
+            </a>
+        </div>
+
+        <div class="site-nav-toggle fn-right" onclick="$('.header-line').toggle();$('nav').children('.menu').slideToggle();">
+            <span class="btn-bar"></span>
+            <span class="btn-bar"></span>
+            <span class="btn-bar"></span>
+        </div>
+
+        <nav>
+            <ul class="menu">
+                <#list pageNavigations as page>
+                <li class="menu-item">
+                    <a href="${page.pagePermalink}" target="${page.pageOpenTarget}" rel="section">
+                        ${page.pageTitle}
+                    </a>
+                </li>
+                </#list>  
+                <li class="menu-item">
+                    <a href="${servePath}/dynamic.html" rel="section">
+                        ${dynamicLabel}
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a href="${servePath}/tags.html" rel="section">
+                        ${allTagsLabel}
+                    </a>  
+                </li>
+                <li class="menu-item">
+                    <a href="${servePath}/archives.html">
+                        ${archiveLabel}
+                    </a>
+                </li>
+                <li class="menu-item">
+                    <a rel="alternate" href="${servePath}/blog-articles-rss.do" rel="section">
+                        RSS
+                    </a>
+                </li>
+            </ul>
+
+            <div class="site-search">
+                <form target="_blank" action="http://zhannei.baidu.com/cse/site">
+                    <input placeholder="${searchLabel}" id="search" type="text" name="q"/>
+                    <input type="submit" value="" class="fn-none" />
+                    <input type="hidden" name="cc" value="${serverHost}">
+                </form>
+            </div>
+        </nav>
+    </div>
+</header>
--- a/next/images/emotions/em00.png
+++ b/next/images/emotions/em00.png
--- a/next/images/emotions/em01.png
+++ b/next/images/emotions/em01.png
--- a/next/images/emotions/em02.png
+++ b/next/images/emotions/em02.png
--- a/next/images/emotions/em03.png
+++ b/next/images/emotions/em03.png
--- a/next/images/emotions/em04.png
+++ b/next/images/emotions/em04.png
--- a/next/images/emotions/em05.png
+++ b/next/images/emotions/em05.png
--- a/next/images/emotions/em06.png
+++ b/next/images/emotions/em06.png
--- a/next/images/emotions/em07.png
+++ b/next/images/emotions/em07.png
--- a/next/images/emotions/em08.png
+++ b/next/images/emotions/em08.png
--- a/next/images/emotions/em09.png
+++ b/next/images/emotions/em09.png
--- a/next/images/emotions/em10.png
+++ b/next/images/emotions/em10.png
--- a/next/images/emotions/em11.png
+++ b/next/images/emotions/em11.png
--- a/next/images/emotions/em12.png
+++ b/next/images/emotions/em12.png
--- a/next/images/emotions/em13.png
+++ b/next/images/emotions/em13.png
--- a/next/images/emotions/em14.png
+++ b/next/images/emotions/em14.png
--- a/next/images/emotions/emotions-ease.png
+++ b/next/images/emotions/emotions-ease.png
--- a/next/index.ftl
+++ b/next/index.ftl
@@ -0,0 +1,24 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+        <#if metaKeywords??>
+        <meta name="keywords" content="${metaKeywords}"/>
+        </#if>
+        <#if metaDescription??>
+        <meta name="description" content="${metaDescription}"/>
+        </#if>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content">
+                <#include "article-list.ftl">
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+    </body>
+</html>
--- a/next/js/next.js
+++ b/next/js/next.js
@@ -0,0 +1,88 @@
+/*
+ * Copyright (c) 2010-2016, b3log.org & hacpai.com
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @fileoverview util and every page should be used.
+ *
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
+ * @version 0.1.1.0, Jul 30, 2016
+ */
+
+/**
+ * @description next 皮肤脚本
+ * @static
+ */
+var NexT = {
+    init: function () {
+        $('.sidebar-toggle').click(function () {
+            var $sidebar = $('.sidebar');
+            if ($(this).hasClass('sidebar-active')) {
+                $(this).removeClass('sidebar-active');
+
+                $('body').animate({
+                    'padding-right': 0
+                });
+                $sidebar.animate({
+                    right: -320
+                });
+            } else {
+                $(this).addClass('sidebar-active');
+                $('body').animate({
+                    'padding-right': 320
+                });
+                $sidebar.animate({
+                    right: 0
+                });
+            }
+        });
+
+        $('.site-nav-toggle').click(function () {
+            $('.site-nav').slideToggle();
+        });
+
+        $(document).ready(function () {
+            setTimeout(function () {
+                $('.logo-wrap').css('opacity', 1);
+                $('.logo-line-before i').animate({
+                    'left': '0'
+                }, function () {
+                    $('.site-title').css('opacity', 1).animate({
+                        'top': 0
+                    }, function () {
+                        $('.menu').css('opacity', 1).animate({
+                            'margin-top': '15px'
+                        });
+                        $('.main').css('opacity', 1).animate({
+                            'top': '0'
+                        });
+                    });
+
+
+                });
+
+                $('.logo-line-after i').animate({
+                    'right': '0'
+                });
+            }, 500);
+        });
+    },
+    initArticle: function () {
+        if ($('.b3-solo-list li').length > 0 && $(window).width() > 700) {
+            $('.sidebar').html($('.b3-solo-list'));
+            $('.sidebar-toggle').click();
+        }
+    }
+};
+NexT.init();
--- a/next/js/next.min.js
+++ b/next/js/next.min.js
@@ -0,0 +1 @@
+var NexT={init:function(){$(".sidebar-toggle").click(function(){var i=$(".sidebar");$(this).hasClass("sidebar-active")?($(this).removeClass("sidebar-active"),$("body").animate({"padding-right":0}),i.animate({right:-320})):($(this).addClass("sidebar-active"),$("body").animate({"padding-right":320}),i.animate({right:0}))}),$(".site-nav-toggle").click(function(){$(".site-nav").slideToggle()}),$(document).ready(function(){setTimeout(function(){$(".logo-wrap").css("opacity",1),$(".logo-line-before i").animate({left:"0"},function(){$(".site-title").css("opacity",1).animate({top:0},function(){$(".menu").css("opacity",1).animate({"margin-top":"15px"}),$(".main").css("opacity",1).animate({top:"0"})})}),$(".logo-line-after i").animate({right:"0"})},500)})},initArticle:function(){$(".b3-solo-list li").length>0&&$(window).width()>700&&($(".sidebar").html($(".b3-solo-list")),$(".sidebar-toggle").click())}};NexT.init();
--- a/next/lang/lang_en_US.properties
+++ b/next/lang/lang_en_US.properties
@@ -0,0 +1,280 @@
+#
+# Copyright (c) 2010-2016, b3log.org & hacpai.com
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: B3log Solo language configurations(en_US).
+# Version: 1.0.0.2, Jun 30, 2015
+# Author: Liyuan Li
+#
+
+viewsLabel=Heat
+cmtLabel\uff1d
+postTimeLabel=Post At
+readLabel=Read More
+fightLabel=articles, fighting!
+ohLabel=Oh
+subscribeLabel=Subscribe
+dynamicLabel=Dynamic
+adminConsoleLabel=Admin
+adminIndexLabel=Admin Index
+postArticleLabel=Post
+articleListLabel=Articles
+commentListLabel=Comments
+draftListLabel=Drafts
+userManageLabel=Users
+commonUserLabel=Common User
+addUserLabel=Add User
+updateUserLabel=Update User
+linkManagementLabel=Links
+pluginMgmtLabel=Plugins
+pluginNameLabel=Name
+versionLabel=Version
+statusLabel=Status
+enabledLabel=Enabled
+disabledLabel=Disabled
+enableLabel=Enable
+disableLabel=Disable
+preferenceLabel=Preference
+localeString1Label=Language:
+timeZoneId1Label=Time Zone: 
+adminLabel=Admin
+administratorLabel=Administrator
+loginLabel=Login
+logoutLabel=Logout
+initLabel=Initial
+popTagsLabel=Popular Tags
+tag1Label=Tag:
+tags1Label=Tags:
+recentArticlesLabel=Recent Articles
+recentCommentsLabel=Recent Comments
+postCommentsLabel=Post Comment
+mostCommentArticlesLabel=Most Comment Articles
+mostViewCountArticlesLabel=Most View Articles
+em00Label=Smile
+em01Label=Laughter
+em02Label=Happy
+em03Label=Sad
+em04Label=Cry
+em05Label=No Comments
+em06Label=Fidget
+em07Label=Angry
+em08Label=Look Around
+em09Label=Surprise
+em10Label=Cool
+em11Label=Cheeky
+em12Label=Heart
+em13Label=Heart Broken
+em14Label=Devil
+linkLabel=Friend Links
+sumLabel=
+pageLabel=Page
+commentLabel=Comment
+linkTitleLabel=Link Title
+linkTitle1Label=Title:
+updateLabel=Update
+removeLabel=Remove
+putTopLabel=Put Top
+cancelPutTopLabel=Cancel Put Top
+downloadCountLabel=Count
+sizeLabel=Size
+uploadDateLabel=Upload Date
+downloadURLLabel=Download URL
+downloadLabel=Download
+createDateLabel=Create Date
+updateDateLabel=Update Date
+titleLabel=Title
+title1Label=Title:
+content1Label=Content:
+abstract1Label=Summary:
+publishLabel=Publish
+unPublishLabel=Un Publish
+urlLabel=URL
+url1Label=URL (start protocol, e.g.: http://):
+addLinkLabel=Add Link
+updateLinkLabel=Update Link
+archiveLabel=Archive
+archive1Label=archive:
+yearLabel=
+monthLabel=
+pageLabel=Page
+pageMgmtLabel=Pages
+othersLabel=Others
+fileListLabel=Files
+submitUploadLabel=Upload
+fileNameLabel=File Name
+paramSettingsLabel=Parameters
+skinLabel=Skins
+signLabel=Signs
+sign1Label=Signs:
+noSignLabel=No Signs
+signIsNullLabel=This Sign is Null
+statisticLabel=Blog Statistic
+viewLabel=View
+countLabel=Posts
+viewCount1Label=View Count:
+articleCount1Label=Article Count:
+commentCountLabel=Comment Count
+commentCount1Label=Comment Count:
+commentEmotions1Label=Emotions:
+commentEmotionsLabel=Emotions
+commentName1Label=Name:
+commentNameLabel=Name
+commentEmail1Label=Email:
+commentEmailLabel=Email
+commentURL1Label=URL:
+commentURLLabel=URL
+commentContent1Label=Content:
+commentContentLabel=Content
+getDateLabel=Get Date
+getArticleLabel=Get Article
+selectDateLabel=Select Date
+selectDate1Label=Select Date: 
+importLabel=Import
+chooseBlog1Label=Choose Blog:
+blogArticleImportLabel=Article Import
+userName1Label=Username:
+userPassword1Label=Password:
+categoryLabel=Category
+noticeBoard1Label=Notice Board:
+noticeBoardLabel=Notice Board
+htmlhead1Label=HTML head:
+indexTagDisplayCnt1Label=Index Tag Display Count:
+indexRecentArticleDisplayCnt1Label=Recent Article Display Count:
+indexRecentCommentDisplayCnt1Label=Recent Comment Display Count: 
+indexMostCommentArticleDisplayCnt1Label=Most Comment Article Display Count:
+indexMostViewArticleDisplayCnt1Label=Most View Article Display Count:
+relevantArticlesDisplayCnt1Label=Relevant Article Display Count:
+randomArticlesDisplayCnt1Label=Random Article Display Count:
+externalRelevantArticlesDisplayCnt1Label=External Relevant Article Display Count: 
+windowSize1Label=Pagination Window Size:
+pageSize1Label=Pagination Page Size:
+blogTitle1Label=Blog Title:
+blogSubtitle1Label=Blog Subtitle:
+blogHost1Label=Blog Host:
+submmitCommentLabel=Commit Comment
+saveLabel=Save
+tagLabel=Tag
+tagsLabel=Tags
+importedLabel=Imported
+captcha1Label=Captcha:
+captchaLabel=Captcha
+indexLabel=Index
+nextArticle1Label=Next:
+previousArticle1Label=Previous:
+updatedLabel=Updated!
+topArticleLabel=Top!
+CSDNBlogLabel=CSDN Blog
+BlogJavaLabel=BlogJava
+CnBlogsLabel=CnBlogs
+previousPageLabel=Previous Page
+nextPagePabel=Next Page
+firstPageLabel=First Page
+lastPageLabel=Last Page
+returnTo1Label=Return to:
+tencentLabel=Tencent
+appKey1Label=App Key:
+appSecret1Label=App Secret:
+postToTencentMicroblogWhilePublishArticleLabel=Post to Tencent microblog while publish an article:
+postToCommunityLabel=Post to Community: 
+authorizeTencentMicroblog1Label=Click to authorize:
+googleLabel=Google
+OAuthConsumerSecret1Label=OAuth Consumer Secret:
+atomLabel=Atom
+relevantArticles1Label=Relevant Articles:
+randomArticles1Label=Random Articles:
+externalRelevantArticles1Label=External Relevant Articles:
+metaKeywords1Label=Meta Keywords:
+metaDescription1Label=Meta Description:
+removeUnusedTagsLabel=Remove Unused Tags
+goTopLabel=Top
+permalink1Label=Permalink:
+permalinkLabel=Permalink
+b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
+killBrowserLabel=<h2>Let's kill outdated and insecure browser!</h2><p>Let's kill outdated and insecure browser for browser evolution, human progress and better experience.</p><p>You can download</p><ul><li><a href="http://www.mozilla.com/" target="_blank">Firefox</a></li><li><a href="http://www.google.com/chrome" target="_blank">Chrome</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">Maxthon</a> and <a href="http://www.google.com" target="_blank">so on</a>.</li></ul>
+readmoreLabel=Read more\u00bb
+readmore2Label=Read more
+replyLabel=Reply\u00bb
+homeLabel=Home
+enableArticleUpdateHint1Label=Enable Article Update Hint:
+allowVisitDraftViaPermalink1Label=Allow Visit Draft Via Link:
+author1Label=Author:
+authorLabel=Author
+keyOfSolo1Label=Solo Key: 
+articleLabel=Article
+tagArticlesLabel=Tag Articles
+dateArticlesLabel=Archive Date Articles
+authorArticlesLabel=Author Articles
+indexArticleLabel=Index Articles
+allTagsLabel=Tag Cloud
+customizedPageLabel=Customized Page
+killBrowserPageLabel=Kill Browser Page
+pageNumLabel=Page Number
+####
+forbiddenLabel=Forbidden Access!
+sorryLabel=Sorry!
+notFoundLabel=Not Found!
+unPulbishSuccLabel=Un Publish Successfully
+unPulbishFailLabel=Un Publish Fail
+removeSuccLabel=Remove Successfully
+removeFailLabel=Remove Fail
+removeUserFailSkinNeedMulUsersLabel=Remove Fail, the current skin need multiple users!
+putTopSuccLabel=Put Top Successfully
+putTopFailLabel=Put Top Fail
+cancelTopSuccLabel=Cancel Top Successfully
+cancelTopFailLabel=Cancel Top Fail
+addSuccLabel=Add Successfully
+addFailLabel=Add Fail
+updateSuccLabel=Update Successfully
+updateFailLabel=Update Fail
+updatePreferenceFailNeedMulUsersLabel=Update Fail, the selected skin need multiple users!
+setFailLabel=Set Fail
+setSuccLabel=Set Successfully
+getFailLabel=Get Fail
+noSettingLabel=No Setting
+getSuccLabel=Get Successfully
+importSuccLabel=Import Successfully :-)
+importFailLabel=Some Import Fail %>_<%
+noCommentLabel=No Comment
+captchaErrorLabel=Captcha Error
+inputErrorLabel=Input Error!
+gotoLabel=Go
+nameEmptyLabel=Username is empty
+passwordEmptyLabel=Password is empty
+blogEmptyLabel=Blogging service is empty
+blogArticleEmptyLabel=Please select articles
+nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long.
+mailCannotEmptyLabel=Mail is empty
+mailInvalidLabel=Mail is invalid
+commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long.
+captchaCannotEmptyLabel=Captcha is empty
+loadingLabel=Loading....
+titleEmptyLabel=Title is empty
+contentEmptyLabel=Content is empty
+orderEmptyLabel=Order is empty
+abstractEmptyLabel=Abstract is empty
+tagsEmptyLabel=Tags is empty
+addressEmptyLabel=Address is empty
+noAuthorizationURLLabel=Can not retrieve authorization URL from Google, please \
+make sure the <em>Consumer Secret</em> you typed in and then try again.
+duplicatedPermalinkLabel=Duplicated permalink!
+invalidPermalinkFormatLabel=Invalid permalink format!
+duplicatedEmailLabel=Duplicated email!
+refreshAndRetryLabel=Please refresh and try again!
+editorLeaveLabel=Content is not null, Do you leave\uff1f
+editorPostLabel=Content is not null, Do you clear\uff1f
+####
+confirmRemoveLabel=Are You Sure?
+confirmInitLabel=Are You Sure?
--- a/next/lang/lang_zh_CN.properties
+++ b/next/lang/lang_zh_CN.properties
@@ -0,0 +1,287 @@
+#
+# Copyright (c) 2010-2016, b3log.org & hacpai.com
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: B3log Solo default language configurations(zh_CN).
+# Version: 1.0.0.1, Jul 30, 2016
+# Author: Liyuan Li
+#
+
+viewsLabel=\u70ed\u5ea6
+cmtLabel=\u6761\u8bc4\u8bba
+postTimeLabel=\u53d1\u8868\u4e8e
+readLabel=\u9605\u8bfb\u5168\u6587
+fightLabel=\u7bc7\u65e5\u5fd7\u3002 \u7ee7\u7eed\u52aa\u529b\u3002
+ohLabel=\u55ef
+searchLabel=\u641c\u7d22
+subscribeLabel=\u8ba2\u9605
+dynamicLabel=\u52a8\u6001
+adminConsoleLabel=\u540e\u53f0\u7ba1\u7406
+adminIndexLabel=\u540e\u53f0\u9996\u9875
+postArticleLabel=\u53d1\u5e03\u65e5\u5fd7
+articleListLabel=\u65e5\u5fd7\u7ba1\u7406
+commentListLabel=\u8bc4\u8bba\u7ba1\u7406
+draftListLabel=\u8349\u7a3f\u5939
+userManageLabel=\u7528\u6237\u7ba1\u7406
+commonUserLabel=\u4e00\u822c\u7528\u6237
+addUserLabel=\u6dfb\u52a0\u7528\u6237
+updateUserLabel=\u66f4\u65b0\u7528\u6237
+linkManagementLabel=\u94fe\u63a5\u7ba1\u7406
+pluginMgmtLabel=\u63d2\u4ef6\u7ba1\u7406
+pluginNameLabel=\u63d2\u4ef6\u540d
+versionLabel=\u7248\u672c
+statusLabel=\u72b6\u6001
+enabledLabel=\u5df2\u542f\u7528
+disabledLabel=\u5df2\u7981\u7528
+enableLabel=\u542f\u7528
+disableLabel=\u7981\u7528
+preferenceLabel=\u504f\u597d\u8bbe\u5b9a
+localeString1Label=\u8bed\u8a00\uff1a
+timeZoneId1Label=\u65f6\u533a\uff1a
+adminLabel=\u7ba1\u7406
+administratorLabel=\u7ba1\u7406\u5458
+loginLabel=\u767b\u5f55
+logoutLabel=\u767b\u51fa
+initLabel=\u521d\u59cb\u5316
+popTagsLabel=\u5206\u7c7b\u6807\u7b7e
+tag1Label=\u6807\u7b7e\uff1a
+tags1Label=\u6807\u7b7e\uff1a
+recentArticlesLabel=\u6700\u65b0\u65e5\u5fd7
+recentCommentsLabel=\u6700\u65b0\u8bc4\u8bba
+postCommentsLabel=\u53d1\u8868\u8bc4\u8bba
+mostCommentArticlesLabel=\u8bc4\u8bba\u6700\u591a\u7684\u65e5\u5fd7
+mostViewCountArticlesLabel=\u8bbf\u95ee\u6700\u591a\u7684\u65e5\u5fd7
+em00Label=\u5fae\u7b11
+em01Label=\u5927\u7b11
+em02Label=\u9ad8\u5174
+em03Label=\u60b2\u4f24
+em04Label=\u54ed\u6ce3
+em05Label=\u65e0\u8bed
+em06Label=\u70e6\u8e81
+em07Label=\u751f\u6c14
+em08Label=\u6211\u7785
+em09Label=\u60ca\u8bb6
+em10Label=\u9177
+em11Label=\u987d\u76ae
+em12Label=\u7231\u5fc3
+em13Label=\u5fc3\u788e
+em14Label=\u9b54\u9b3c
+linkLabel=\u53cb\u60c5\u94fe\u63a5
+sumLabel=\u5171
+pageLabel=\u9875
+commentLabel=\u8bc4\u8bba
+linkTitleLabel=\u94fe\u63a5\u6807\u9898
+linkTitle1Label=\u6807\u9898\uff1a
+updateLabel=\u66f4\u65b0
+removeLabel=\u5220\u9664
+putTopLabel=\u7f6e\u9876
+cancelPutTopLabel=\u53d6\u6d88\u7f6e\u9876
+downloadCountLabel=\u4e0b\u8f7d\u6b21\u6570
+sizeLabel=\u5927\u5c0f
+uploadDateLabel=\u4e0a\u4f20\u65e5\u671f
+downloadURLLabel=\u4e0b\u8f7d\u5730\u5740
+downloadLabel=\u4e0b\u8f7d
+createDateLabel=\u521b\u5efa\u65e5\u671f
+updateDateLabel=\u66f4\u65b0\u65e5\u671f
+titleLabel=\u6807\u9898
+title1Label=\u6807\u9898\uff1a
+content1Label=\u6b63\u6587\uff1a
+abstract1Label=\u6458\u8981\uff1a
+publishLabel=\u53d1\u5e03
+unPublishLabel=\u53d6\u6d88\u53d1\u5e03
+urlLabel=URL
+url1Label=URL (\u8bf7\u4ee5\u534f\u8bae\u5f00\u5934\uff0c\u5982: http://)\uff1a 
+addLinkLabel=\u6dfb\u52a0\u94fe\u63a5
+updateLinkLabel=\u66f4\u65b0\u94fe\u63a5
+archiveLabel=\u5b58\u6863
+archive1Label=\u5b58\u6863\uff1a
+yearLabel=\u5e74
+monthLabel=\u6708
+blogSyncLabel=\u535a\u5ba2\u540c\u6b65
+pageLabel=\u9875\u9762
+pageMgmtLabel=\u9875\u9762\u7ba1\u7406
+othersLabel=\u5176\u4ed6
+fileListLabel=\u6587\u4ef6\u7ba1\u7406
+submitUploadLabel=\u4e0a\u4f20
+fileNameLabel=\u6587\u4ef6\u540d
+paramSettingsLabel=\u53c2\u6570\u8bbe\u7f6e
+skinLabel=\u76ae\u80a4
+signLabel=\u7b7e\u540d\u6863
+sign1Label=\u7b7e\u540d\u6863\uff1a
+noSignLabel=\u4e0d\u4f7f\u7528\u7b7e\u540d\u6863
+signIsNullLabel=\u8be5\u7b7e\u540d\u6863\u4e3a\u7a7a
+statisticLabel=\u535a\u5ba2\u7edf\u8ba1
+viewLabel=\u6d4f\u89c8
+countLabel=\u7bc7
+viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a
+articleCount1Label=\u65e5\u5fd7\u603b\u6570\uff1a
+commentCountLabel=\u8bc4\u8bba\u6570
+commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a
+commentEmotions1Label=\u8868\u60c5\uff1a
+commentEmotionsLabel=\u8868\u60c5
+commentName1Label=\u59d3\u540d\uff1a
+commentNameLabel=\u59d3\u540d
+commentEmail1Label=\u90ae\u7bb1\uff1a
+commentEmailLabel=\u90ae\u7bb1
+commentURL1Label=URL\uff1a
+commentURLLabel=URL
+commentContent1Label=\u8bc4\u8bba\u5185\u5bb9\uff1a
+commentContentLabel=\u8bc4\u8bba\u5185\u5bb9
+getDateLabel=\u83b7\u53d6\u65e5\u671f
+getArticleLabel=\u83b7\u53d6\u65e5\u5fd7
+selectDateLabel=\u9009\u62e9\u65e5\u671f
+selectDate1Label=\u9009\u62e9\u65e5\u671f\uff1a
+importLabel=\u5bfc\u5165
+chooseBlog1Label=\u8bf7\u9009\u62e9\u9700\u8981\u7ba1\u7406\u7684\u535a\u5ba2\uff1a
+blogArticleImportLabel=\u65e5\u5fd7\u5bfc\u5165
+blogSyncMgmtLabel=\u535a\u5ba2\u540c\u6b65\u7ba1\u7406
+syncMgmtLabel=\u540c\u6b65\u7ba1\u7406\u535a\u5ba2
+userName1Label=\u7528\u6237\u540d\uff1a
+userPassword1Label=\u5bc6\u7801\uff1a
+syncPostLabel=\u540c\u6b65\u53d1\u5e03
+syncUpdateLabel=\u540c\u6b65\u66f4\u65b0
+syncRemoveLabel=\u540c\u6b65\u5220\u9664
+categoryLabel=\u5206\u7c7b
+noticeBoard1Label=\u516c\u544a\uff1a
+noticeBoardLabel=\u516c\u544a
+htmlhead1Label=HTML head\uff1a
+indexTagDisplayCnt1Label= \u9996\u9875\u6807\u7b7e\u663e\u793a\u6570\uff1a
+indexRecentArticleDisplayCnt1Label=\u6700\u65b0\u65e5\u5fd7\u663e\u793a\u6570\u76ee\uff1a
+indexRecentCommentDisplayCnt1Label=\u6700\u65b0\u8bc4\u8bba\u663e\u793a\u6570\u76ee\uff1a
+indexMostCommentArticleDisplayCnt1Label=\u8bc4\u8bba\u6700\u591a\u65e5\u5fd7\u663e\u793a\u6570\u76ee\uff1a
+indexMostViewArticleDisplayCnt1Label=\u8bbf\u95ee\u6700\u591a\u6700\u591a\u65e5\u5fd7\u663e\u793a\u6570\u76ee\uff1a
+relevantArticlesDisplayCnt1Label=\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+randomArticlesDisplayCnt1Label=\u968f\u673a\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+externalRelevantArticlesDisplayCnt1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+windowSize1Label=\u5206\u9875\u9875\u7801\u6700\u5927\u5bbd\u5ea6\uff1a
+pageSize1Label=\u5206\u9875\u6bcf\u9875\u663e\u793a\u65e5\u5fd7\u6570\uff1a
+blogTitle1Label=\u535a\u5ba2\u6807\u9898\uff1a
+blogSubtitle1Label=\u535a\u5ba2\u5b50\u6807\u9898\uff1a
+blogHost1Label=\u535a\u5ba2\u5730\u5740\uff1a
+submmitCommentLabel=\u63d0\u4ea4\u8bc4\u8bba
+saveLabel=\u4fdd\u5b58
+tagLabel=\u6807\u7b7e
+tagsLabel=\u6807\u7b7e
+importedLabel=\u5df2\u5bfc\u5165
+captcha1Label=\u9a8c\u8bc1\u7801\uff1a
+captchaLabel=\u9a8c\u8bc1\u7801
+indexLabel=\u9996\u9875
+nextArticle1Label=\u65b0\u4e00\u7bc7\uff1a
+previousArticle1Label=\u65e7\u4e00\u7bc7\uff1a
+updatedLabel=\u6709\u66f4\u65b0\uff01
+topArticleLabel=\u7f6e\u9876\uff01
+CSDNBlogLabel=CSDN \u535a\u5ba2
+BlogJavaLabel=BlogJava
+CnBlogsLabel=\u535a\u5ba2\u56ed
+previousPageLabel=\u4e0a\u4e00\u9875
+nextPagePabel=\u4e0b\u4e00\u9875
+firstPageLabel=\u7b2c\u4e00\u9875
+lastPageLabel=\u6700\u540e\u4e00\u9875
+returnTo1Label=\u8fd4\u56de\uff1a
+tencentLabel=\u817e\u8baf
+appKey1Label=App Key:
+appSecret1Label=App Secret:
+postToTencentMicroblogWhilePublishArticleLabel=\u53d1\u65e5\u5fd7\u65f6\u540c\u6b65\u5230\u817e\u8baf\u5fae\u535a\uff1a
+postToCommunityLabel=\u53d1\u5e03\u5230\u793e\u533a\uff1a
+authorizeTencentMicroblog1Label=\u70b9\u51fb\u56fe\u6807\u8fdb\u884c\u6388\u6743:
+googleLabel=Google
+OAuthConsumerSecret1Label=OAuth Consumer Secret\uff1a
+atomLabel=Atom
+relevantArticles1Label=\u76f8\u5173\u9605\u8bfb\uff1a
+randomArticles1Label=\u968f\u673a\u9605\u8bfb\uff1a
+externalRelevantArticles1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\uff1a
+metaKeywords1Label=Meta Keywords:
+metaDescription1Label=Meta Description:
+removeUnusedTagsLabel=\u79fb\u9664\u672a\u4f7f\u7528\u6807\u7b7e
+goTopLabel=\u9876\u90e8
+permalink1Label=\u94fe\u63a5\uff1a
+permalinkLabel=\u94fe\u63a5
+b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
+killBrowserLabel=<h2>\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01</h2><p>\u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002</p>\u60a8\u53ef\u4ee5\u4e0b\u8f7d<ul><li><a href="http://www.mozilla.com/" target="_blank">\u706b\u72d0</a></li><li><a href="http://www.google.com/chrome" target="_blank">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">\u9068\u6e38</a>\u6216\u8005<a href="http://www.google.com" target="_blank">\u5176\u5b83\u6d4f\u89c8\u5668</a>.</li></ul>
+readmoreLabel=\u9605\u8bfb\u66f4\u591a\u00bb
+readmore2Label=\u9605\u8bfb\u66f4\u591a
+replyLabel=\u56de\u590d\u00bb
+homeLabel=\u9996\u9875
+enableArticleUpdateHint1Label=\u542f\u7528\u65e5\u5fd7\u66f4\u65b0\u63d0\u793a\uff1a
+allowVisitDraftViaPermalink1Label=\u5141\u8bb8\u901a\u8fc7\u94fe\u63a5\u8bbf\u95ee\u8349\u7a3f\uff1a
+author1Label=\u4f5c\u8005\uff1a
+authorLabel=\u4f5c\u8005
+keyOfSolo1Label=Solo Key\uff1a
+articleLabel=\u65e5\u5fd7
+tagArticlesLabel=\u6807\u7b7e\u65e5\u5fd7\u5217\u8868
+dateArticlesLabel=\u5b58\u6863\u65e5\u5fd7\u5217\u8868
+authorArticlesLabel=\u4f5c\u8005\u65e5\u5fd7\u5217\u8868
+indexArticleLabel=\u9996\u9875\u65e5\u5fd7\u5217\u8868
+allTagsLabel=\u6807\u7b7e\u5899
+customizedPageLabel=\u81ea\u5b9a\u4e49\u9875\u9762
+killBrowserPageLabel=Kill Browser Page
+pageNumLabel=\u9875\u53f7
+####
+forbiddenLabel=\u64cd\u4f5c\u88ab\u7981\u6b62\uff01
+sorryLabel=\u5bf9\u4e0d\u8d77\uff01
+notFoundLabel=\u627e\u4e0d\u5230\uff01
+unPulbishSuccLabel=\u53d6\u6d88\u53d1\u5e03\u6210\u529f
+unPulbishFailLabel=\u53d6\u6d88\u53d1\u5e03\u5931\u8d25
+removeSuccLabel=\u5220\u9664\u6210\u529f
+removeFailLabel=\u5220\u9664\u5931\u8d25
+removeUserFailSkinNeedMulUsersLabel=\u5220\u9664\u5931\u8d25\uff0c\u5f53\u524d\u4f7f\u7528\u7684\u76ae\u80a4\u9700\u8981\u591a\u7528\u6237\u652f\u6301
+putTopSuccLabel=\u7f6e\u9876\u6210\u529f
+putTopFailLabel=\u7f6e\u9876\u5931\u8d25
+cancelTopSuccLabel=\u53d6\u6d88\u7f6e\u9876\u6210\u529f
+cancelTopFailLabel=\u53d6\u6d88\u7f6e\u9876\u5931\u8d25
+addSuccLabel=\u6dfb\u52a0\u6210\u529f
+addFailLabel=\u6dfb\u52a0\u5931\u8d25
+updateSuccLabel=\u66f4\u65b0\u6210\u529f
+updateFailLabel=\u66f4\u65b0\u5931\u8d25
+updatePreferenceFailNeedMulUsersLabel=\u66f4\u65b0\u5931\u8d25\uff0c\u9700\u8981\u591a\u7528\u6237\u624d\u80fd\u4f7f\u7528\u9009\u62e9\u7684\u76ae\u80a4
+setFailLabel=\u8bbe\u7f6e\u5931\u8d25
+setSuccLabel=\u8bbe\u7f6e\u6210\u529f
+getFailLabel=\u83b7\u53d6\u5931\u8d25
+noSettingLabel=\u8be5\u535a\u5ba2\u65e0\u8d26\u53f7\uff0c\u8bf7\u6dfb\u52a0
+getSuccLabel=\u83b7\u53d6\u6210\u529f
+importSuccLabel=\u5bfc\u5165\u6210\u529f :-)
+importFailLabel=\u90e8\u5206\u5bfc\u5165\u5931\u8d25 %>_<%
+noCommentLabel=\u6682\u65e0\u8bc4\u8bba
+captchaErrorLabel=\u9a8c\u8bc1\u7801\u9519\u8bef
+inputErrorLabel=\u8f93\u5165\u9519\u8bef\uff01
+gotoLabel=\u8df3\u8f6c
+nameEmptyLabel=\u59d3\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01
+passwordEmptyLabel=\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
+blogEmptyLabel=\u8bf7\u9009\u62e9\u535a\u5ba2\u670d\u52a1\uff01
+blogArticleEmptyLabel=\u8bf7\u9009\u62e9\u9700\u8981\u5bfc\u5165\u7684\u65e5\u5fd7
+nameTooLongLabel=\u59d3\u540d\u53ea\u80fd\u4e3a 2 \u5230 20 \u4e2a\u5b57\u7b26\uff01
+mailCannotEmptyLabel=\u90ae\u7bb1\u4e0d\u80fd\u4e3a\u7a7a\uff01
+mailInvalidLabel=\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01
+commentContentCannotEmptyLabel=\u8bc4\u8bba\u5185\u5bb9\u53ea\u80fd\u4e3a 2 \u5230 500 \u4e2a\u5b57\u7b26\uff01
+captchaCannotEmptyLabel=\u9a8c\u8bc1\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
+loadingLabel=\u8f7d\u5165\u4e2d....
+titleEmptyLabel=\u6807\u9898\u4e0d\u80fd\u4e3a\u7a7a\uff01
+contentEmptyLabel=\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a\uff01
+orderEmptyLabel=\u5e8f\u53f7\u4e0d\u80fd\u4e3a\u7a7a\uff01
+abstractEmptyLabel=\u6458\u8981\u4e0d\u80fd\u4e3a\u7a7a\uff01
+tagsEmptyLabel=\u6807\u7b7e\u4e0d\u80fd\u4e3a\u7a7a\uff01
+addressEmptyLabel=\u5730\u5740\u4e0d\u80fd\u4e3a\u7a7a\uff01
+noAuthorizationURLLabel=\u4ece Google \u83b7\u53d6\u6388\u6743\u5730\u5740\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4\u60a8\u8f93\u5165\u7684 \
+<em>Consumer Secret</em> \u662f\u6b63\u786e\u7684\uff0c\u7136\u540e\u8fdb\u884c\u91cd\u8bd5\u3002
+duplicatedPermalinkLabel=\u94fe\u63a5\u91cd\u590d\uff01
+invalidPermalinkFormatLabel=\u975e\u6cd5\u7684\u94fe\u63a5\u683c\u5f0f\uff01
+duplicatedEmailLabel=\u90ae\u4ef6\u5730\u5740\u91cd\u590d\uff01
+refreshAndRetryLabel=\u8bf7\u5237\u65b0\u91cd\u8bd5\uff01
+editorLeaveLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u79bb\u5f00\uff1f
+editorPostLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u6e05\u7a7a\uff1f
+####
+confirmRemoveLabel=\u786e\u5b9a\u5220\u9664\uff1f
+confirmInitLabel=\u786e\u5b9a\u8fdb\u884c\u521d\u59cb\u5316\u5417\uff1f
--- a/next/macro-comments.ftl
+++ b/next/macro-comments.ftl
@@ -0,0 +1,152 @@
+<#macro comments commentList article>
+<ul class="comments" id="comments">
+    <#list commentList as comment>
+    <li id="${comment.oId}" class="fn-clear">
+        <img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
+        <div class="comment-body">
+            <div class="fn-clear comment-meta">
+                <span class="fn-left">
+                    <#if "http://" == comment.commentURL>
+                    <a>${comment.commentName}</a>
+                    <#else>
+                    <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                    </#if>
+                    <#if comment.isReply>
+                    @
+                    <a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
+                       onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 23);"
+                       onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
+                       >${comment.commentOriginalCommentName}</a>
+                    </#if>
+                    <time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time> 
+                </span>
+                <#if article.commentable>
+                <a class="fn-right" href="javascript:replyTo('${comment.oId}')">${replyLabel}</a>
+                </#if>
+            </div>
+            <div class="comment-content post-body article-body">
+                ${comment.commentContent}
+            </div>
+        </div>
+    </li>
+    </#list>
+</ul>
+<#if article.commentable>
+<div class="comment-body fn-wrap">
+    <table id="commentForm" class="form">
+        <tbody>
+            <#if !isLoggedIn>
+            <tr>
+                <td>
+                    <input placeholder="${commentNameLabel}" type="text" class="normalInput" id="commentName"/>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <input placeholder="${commentEmailLabel}" type="email" class="normalInput" id="commentEmail"/>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <input placeholder="${commentURLLabel}" type="url" id="commentURL"/>
+                </td>
+            </tr>
+            </#if>
+            <tr>
+                <td id="emotions">
+                    <span class="em00" title="${em00Label}"></span>
+                    <span class="em01" title="${em01Label}"></span>
+                    <span class="em02" title="${em02Label}"></span>
+                    <span class="em03" title="${em03Label}"></span>
+                    <span class="em04" title="${em04Label}"></span>
+                    <span class="em05" title="${em05Label}"></span>
+                    <span class="em06" title="${em06Label}"></span>
+                    <span class="em07" title="${em07Label}"></span>
+                    <span class="em08" title="${em08Label}"></span>
+                    <span class="em09" title="${em09Label}"></span>
+                    <span class="em10" title="${em10Label}"></span>
+                    <span class="em11" title="${em11Label}"></span>
+                    <span class="em12" title="${em12Label}"></span>
+                    <span class="em13" title="${em13Label}"></span>
+                    <span class="em14" title="${em14Label}"></span>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <textarea rows="10" cols="96" id="comment"></textarea>
+                </td>
+            </tr>
+            <#if !isLoggedIn>
+            <tr>
+                <td>
+                    <input style="width:50%" placeholder="${captchaLabel}" type="text" class="normalInput" id="commentValidate"/>
+                    <img id="captcha" alt="validate" src="${servePath}/captcha.do" />
+                </td>
+            </tr>
+            </#if>
+            <tr>
+                <td colspan="2" align="right">
+                    <span class="error-msg" id="commentErrorTip"></span>
+                    <button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+</#if>
+</#macro>
+
+<#macro comment_script oId>
+<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+                        var page = new Page({
+                            "nameTooLongLabel": "${nameTooLongLabel}",
+                            "mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
+                            "mailInvalidLabel": "${mailInvalidLabel}",
+                            "commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
+                            "captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
+                            "loadingLabel": "${loadingLabel}",
+                            "oId": "${oId}",
+                            "skinDirName": "${skinDirName}",
+                            "blogHost": "${blogHost}",
+                            "randomArticles1Label": "${randomArticles1Label}",
+                            "externalRelevantArticles1Label": "${externalRelevantArticles1Label}"
+                        });
+                        var addComment = function (result, state) {
+                            var commentable = $("#commentForm").length === 0 ? false : true;
+                            var commentHTML = '<li class="fn-clear" id="' + result.oId +
+                                    '"><img class="avatar-48" title="'
+                                    + result.userName + '" src="' + result.commentThumbnailURL + '"><div class="comment-body">'
+                                    + '<div class="fn-clear comment-meta"><span class="fn-left">' + result.replyNameHTML;
+                            if (state !== "") {
+                                var commentOriginalCommentName = $("#" + page.currentCommentId).find(".comment-meta a").first().text();
+                                commentHTML += '&nbsp;@&nbsp;<a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
+                                        + 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 23);"'
+                                        + 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
+                            }
+
+
+
+                            commentHTML += '<time>' + result.commentDate
+                                    + '</time></span>';
+                            if (commentable) {
+                                commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>';
+                            }
+                            commentHTML += '</div><div class="comment-content">' +
+                                    Util.replaceEmString($("#comment" + state).val())
+                                    + '</div></div></li>';
+                            return commentHTML;
+                        };
+                        var replyTo = function (id) {
+                            var commentFormHTML = "<table class='form comment-reply' id='replyForm'>";
+                            page.addReplyForm(id, commentFormHTML);
+                        };
+                        (function () {
+                            page.load();
+                            NexT.initArticle();
+                            // emotions
+                            page.replaceCommentsEm("#comments .comment-content");
+                            <#nested>
+                        })();
+</script>
+</#macro>
--- a/next/macro-head.ftl
+++ b/next/macro-head.ftl
@@ -0,0 +1,16 @@
+<#macro head title>
+<meta charset="utf-8" />
+<title>${title}</title>
+<#nested>
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<meta name="author" content="${blogTitle?html}" />
+<meta name="generator" content="Solo" />
+<meta name="owner" content="B3log Team" />
+<meta name="revised" content="${blogTitle?html}, ${year}" />
+<meta name="copyright" content="B3log" />
+<meta http-equiv="Window-target" content="_top" />
+<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
+<link href="${servePath}/blog-articles-rss.do" title="RSS" type="application/rss+xml" rel="alternate" />
+<link rel="icon" type="image/png" href="${servePath}/favicon.png" />
+${htmlHead}
+</#macro>
--- a/next/page.ftl
+++ b/next/page.ftl
@@ -0,0 +1,25 @@
+<#include "macro-head.ftl">
+<#include "macro-comments.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${page.pageTitle} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
+        <meta name="description" content="${metaDescription}" />
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content">
+                <article class="post-body">
+                    ${page.pageContent}
+                </article>
+                <@comments commentList=pageComments article=page></@comments>
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+        <@comment_script oId=page.oId></@comment_script>
+    </body>
+</html>
--- a/next/preview.png
+++ b/next/preview.png
--- a/next/side.ftl
+++ b/next/side.ftl
@@ -0,0 +1,90 @@
+<div class="sidebar-toggle">
+    <span class="sidebar-toggle-line sidebar-toggle-line-first"></span>
+    <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span>
+    <span class="sidebar-toggle-line sidebar-toggle-line-last"></span>
+</div>
+
+<aside class="sidebar">
+    <section>
+        <img class="site-author-image" src="${adminUser.userAvatar}" title="${userName}"/>
+        <p class="site-author-name">${userName}</p>
+        <#if "" != noticeBoard>
+        <p class="site-description motion-element">${blogSubtitle}</p>
+        </#if>
+        <nav>
+            <div class="site-state-item">
+                <a href="/archives">
+                    <span class="site-state-item-count">${statistic.statisticPublishedBlogArticleCount}</span>
+                    <span class="site-state-item-name">${articleLabel}</span>
+                </a>
+            </div>
+
+            <div class="site-state-item site-state-categories">
+                <span class="site-state-item-count">${statistic.statisticBlogViewCount}</span>
+                <span class="site-state-item-name">${viewLabel}</span>
+            </div>
+
+            <div class="site-state-item site-state-tags">
+                <a href="/tags">
+                    <span class="site-state-item-count">${statistic.statisticPublishedBlogCommentCount}</span>
+                    <span class="site-state-item-name">${commentLabel}</span>
+                </a>
+            </div>
+        </nav>
+
+        <div class="feed-link">
+            <a href="${servePath}/blog-articles-rss.do" rel="alternate">
+                <i class="icon-rss"></i>
+                RSS
+            </a>
+        </div>
+
+        <div class="links-of-author">
+            <#if isLoggedIn>
+            <span class="links-of-author-item">
+                <a href="${servePath}/admin-index.do#main" title="${adminLabel}">
+                    <i class="icon-setting"></i> ${adminLabel}
+                </a>
+            </span>
+
+            <span class="links-of-author-item">
+                <a href="${logoutURL}">
+                    <i class="icon-logout"></i> ${logoutLabel}
+                </a>
+            </span>
+            <#else>
+            <span class="links-of-author-item">
+                <a href="${loginURL}">
+                    <i class="fa fa-github"></i> ${loginLabel}
+                </a>
+            </span>
+
+            <span class="links-of-author-item">
+                <a href="${servePath}/register">
+                    <i class="icon-register"></i> ${registerLabel}
+                </a>
+            </span>
+            </#if> 
+        </div>
+
+        <#if noticeBoard??>
+        <div class="links-of-author">
+            ${noticeBoard}
+        </div>
+        </#if>
+
+        <#if 0 != links?size>
+        <div class="links-of-author">
+            <p class="site-author-name">Links</p>
+            <#list links as link>
+            <span class="links-of-author-item">
+                <a rel="friend" href="${link.linkAddress}" 
+                   title="${link.linkDescription}" target="_blank">
+                    ${link.linkTitle}
+                </a>
+            </span>
+            </#list>
+        </div>
+        </#if>
+    </section>
+</aside>
--- a/next/skin.properties
+++ b/next/skin.properties
@@ -0,0 +1,26 @@
+#
+# Copyright (c) 2010-2016, b3log.org & hacpai.com
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: next skin.
+# Version: 0.1.1.0, Jun 29, 2016
+# Author: Liyuan Li
+#
+
+name=next
+version=1.0.0
+forSolo=1.5.0
+memo=https://github.com/iissnan/hexo-theme-next
--- a/next/tag-articles.ftl
+++ b/next/tag-articles.ftl
@@ -0,0 +1,69 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${tag.tagTitle} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${tag.tagTitle}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content posts-collapse">
+                <div class="collection-title">
+                    <h2>
+                        ${tag.tagTitle}
+                        <small>${tagLabel}</small>
+                    </h2>
+                </div>
+                <#list articles as article>
+                <article>
+                    <header class="post-header">
+                        <h1>
+                            <a class="post-title" href="${servePath}${article.articlePermalink}">
+                                <span>${article.articleTitle}</span>
+                                <#if article.articlePutTop>
+                                <sup>
+                                    ${topArticleLabel}
+                                </sup>
+                                </#if>
+                                <#if article.hasUpdated>
+                                <sup>
+                                    ${updatedLabel}
+                                </sup>
+                                </#if>
+                            </a>
+                        </h1>
+                        <time class="post-time">
+                            ${article.articleCreateDate?string("MM-dd")}
+                        </time>
+                    </header>
+                </article>
+                </#list>
+
+                <#if 0 != paginationPageCount>
+                <nav class="pagination">
+                    <#if 1 != paginationPageNums?first>
+                    <a href="${servePath}${path}/${paginationPreviousPageNum}" class="extend next"><<</a>
+                    <a class="page-number" href="${servePath}${path}/1">1</a> ...
+                    </#if>
+                    <#list paginationPageNums as paginationPageNum>
+                    <#if paginationPageNum == paginationCurrentPageNum>
+                    <span class="page-number current">${paginationPageNum}</span>
+                    <#else>
+                    <a class="page-number" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
+                    </#if>
+                    </#list>
+                    <#if paginationPageNums?last != paginationPageCount> ...
+                    <a href="${servePath}${path}/${paginationPageCount}" class="page-number">${paginationPageCount}</a>
+                    <a href="${servePath}${path}/${paginationNextPageNum}" class="extend next">>></a>
+                    </#if>
+                </nav>
+                </#if>
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+    </body>
+</html>
--- a/next/tags.ftl
+++ b/next/tags.ftl
@@ -0,0 +1,36 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
+        <meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <main class="main wrapper">
+            <div class="content">
+                <div class="tag-cloud">
+                        ${sumLabel} ${tags?size} ${tagLabel}
+                    <ul class="tag-cloud-tags fn-clear" id="tags">
+                        <#list tags as tag>
+                        <li>
+                            <a rel="tag" data-count="${tag.tagPublishedRefCount}"
+                               href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
+                                <span>${tag.tagTitle}</span>
+                                (<b>${tag.tagPublishedRefCount}</b>)
+                            </a>
+                        </li>
+                        </#list>
+                    </ul>
+                </div>
+            </div>
+            <#include "side.ftl">
+        </main>
+        <#include "footer.ftl">
+        <script>
+            Util.buildTags();
+        </script>
+    </body>
+</html>
				`@@ -0,0 +1 @@`
				var NexT={init:function(){$(".sidebar-toggle").click(function(){var i=$(".sidebar");$(this).hasClass("sidebar-active")?($(this).removeClass("sidebar-active"),$("body").animate({"padding-right":0}),i.animate({right:-320})):($(this).addClass("sidebar-active"),$("body").animate({"padding-right":320}),i.animate({right:0}))}),$(".site-nav-toggle").click(function(){$(".site-nav").slideToggle()}),$(document).ready(function(){setTimeout(function(){$(".logo-wrap").css("opacity",1),$(".logo-line-before i").animate({left:"0"},function(){$(".site-title").css("opacity",1).animate({top:0},function(){$(".menu").css("opacity",1).animate({"margin-top":"15px"}),$(".main").css("opacity",1).animate({top:"0"})})}),$(".logo-line-after i").animate({right:"0"})},500)})},initArticle:function(){$(".b3-solo-list li").length>0&&$(window).width()>700&&($(".sidebar").html($(".b3-solo-list")),$(".sidebar-toggle").click())}};NexT.init();