🎨 重新导入

README.md

-* [Awesome Solo](https://github.com/b3log/awesome-solo)
+* [Awesome Solo](https://github.com/88250/awesome-solo)
 * [从零开始安装 Solo 博客](https://hacpai.com/article/1565021959471)
 * [Solo 用户指南](https://hacpai.com/article/1492881378588)
 * [Solo 从设计到实现](https://hacpai.com/article/1537690756242)

pom.xml

@@ -65,11 +65,11 @@
 
     <issueManagement>
         <system>GitHub Issues</system>
-        <url>https://github.com/b3log/solo/issues</url>
+        <url>https://github.com/88250/solo/issues</url>
     </issueManagement>
 
     <scm>
-        <url>https://github.com/b3log/solo</url>
+        <url>https://github.com/88250/solo</url>
     </scm>
 
     <properties>
@@ -236,7 +236,7 @@
                 <artifactId>coveralls-maven-plugin</artifactId>
                 <version>${coveralls-maven-plugin.version}</version>
                 <configuration>
-                    <repoToken>PmmgdTzVuYQAsiOHNZ67bNDuqwDRSKvlm</repoToken>
+                    <repoToken>QZ1zzxOqOt1mtjyqmvzFJU5YW0kdIuExV</repoToken>
                 </configuration>
             </plugin>
 

src/main/java/org/b3log/solo/Server.java

@@ -117,7 +117,7 @@ public final class Server extends BaseServer {
         final String cmdSyntax = isWindows ? "java -cp \"lib/*;.\" org.b3log.solo.Server"
                 : "java -cp \"lib/*:.\" org.b3log.solo.Server";
         final String header = "\nSolo 是一款小而美的博客系统，专为程序员设计。\n\n";
-        final String footer = "\n提需求或报告缺陷请到项目网站: https://github.com/b3log/solo\n\n";
+        final String footer = "\n提需求或报告缺陷请到项目网站: https://github.com/88250/solo\n\n";
         try {
             commandLine = commandLineParser.parse(options, args);
         } catch (final ParseException e) {

src/main/java/org/b3log/solo/processor/OAuthProcessor.java

@@ -140,7 +140,7 @@ public class OAuthProcessor {
         String state = referer + ":::" + RandomStringUtils.randomAlphanumeric(16) + ":::cb=" + cb + ":::";
         STATES.add(state);
 
-        final String path = loginAuthURL + "?client_id=" + clientId + "&state=" + URLs.encode(state);
+        final String path = loginAuthURL + "?client_id=" + clientId + "&state=" + URLs.encode(state) + "&scope=public_repo,read:user";
 
         context.sendRedirect(path);
     }

src/main/java/org/b3log/solo/service/UpgradeService.java

@@ -101,7 +101,7 @@ public class UpgradeService {
             }
         } catch (final Exception e) {
             LOGGER.log(Level.ERROR, "Upgrade failed, please contact the Solo developers or reports this "
-                    + "issue: https://github.com/b3log/solo/issues/new", e);
+                    + "issue: https://github.com/88250/solo/issues/new", e);
             System.exit(-1);
         }
     }

src/main/java/org/b3log/solo/util/Solos.java

@@ -64,7 +64,7 @@ public final class Solos {
     /**
      * Solo User-Agent.
      */
-    public static final String USER_AGENT = "Solo/" + Server.VERSION + "; +https://github.com/b3log/solo";
+    public static final String USER_AGENT = "Solo/" + Server.VERSION + "; +https://github.com/88250/solo";
 
     /**
      * Cookie expiry in 30 days.

src/main/resources/skins/.gitignore

+**/.DS_Store
\ No newline at end of file

src/main/resources/skins/9IPHP/archive-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+         <@head title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} ${archiveLabel} - ${blogTitle}">
+             <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+         </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <div class="title">
+                        <h2 class="tip">
+                            <i class="icon-inbox"></i>
+                            &nbsp;
+                            <#if "en" == localeString?substring(0, 2)>
+                            ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear}
+                            <#else>
+                                ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}
+                            </#if>
+                            - ${archiveDate.archiveDatePublishedArticleCount} ${articleLabel}
+                        </h2>
+                    </div>
+                    <#include "article-list.ftl">
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/archives.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${archiveLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main class="other">
+                    <span class="title">
+                         <h2><i class="icon-inbox"></i>
+                             &nbsp;${statistic.statisticPublishedBlogArticleCount} ${articleLabel}</h2>
+                    </span>
+                    <#if 0 != archiveDates?size>
+                        <ul class="list">
+                        <#list archiveDates as archiveDate>
+                            <li>
+                                <#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>
+                            </li>
+                        </#list>
+                        </ul>
+                    </#if>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/article-list.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div>
+    <#list articles as article>
+    <article class="post">
+        <header>
+            <h2>
+                <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                    ${article.articleTitle}
+                </a>
+                <#if article.articlePutTop>
+                <sup>
+                    ${topArticleLabel}
+                </sup>
+                </#if>
+                <#if article.hasUpdated>
+                    <sup>
+                        <a href="${servePath}${article.articlePermalink}">
+                            ${updatedLabel}
+                        </a>
+                    </sup>
+                </#if>
+            </h2>
+
+            <div class="meta">
+                <span class="vditor-tooltipped vditor-tooltipped__n"
+                      aria-label="<#if article.articleCreateDate?datetime != article.articleUpdateDate?datetime>${updateDateLabel}<#else>${createDateLabel}</#if>">
+                    <i class="icon-date"></i>
+                    <time>
+                        ${article.articleUpdateDate?string("yyyy-MM-dd")}
+                    </time>
+                </span>
+                &nbsp; | &nbsp;
+                <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${commentCountLabel}">
+                    <i class="icon-comments"></i>
+                    <a href="${servePath}${article.articlePermalink}#comments">
+                        ${article.articleCommentCount} ${commentLabel}</a>
+                </span>
+                &nbsp; | &nbsp;
+                <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${viewCountLabel}">
+                    <i class="icon-views"></i>
+                    ${article.articleViewCount} ${viewLabel}
+                </span>
+            </div>
+        </header>
+        <div class="vditor-reset">
+            ${article.articleAbstract}
+        </div>
+        <footer class="fn-clear tags">
+            <#list article.articleTags?split(",") as articleTag>
+                <a class="tag" rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                    ${articleTag}</a>
+            </#list>
+            <a href="${servePath}${article.articlePermalink}#more" rel="contents" class="fn-right">
+                ${readLabel} &raquo;
+            </a>
+        </footer>
+    </article>
+    </#list>
+
+
+    <#if 0 != paginationPageCount>
+        <div class="fn-clear">
+            <nav class="pagination fn-right">
+                <#if 1 != paginationPageNums?first>
+                <a href="${servePath}${path}?p=${paginationPreviousPageNum}" class="page-number">&laquo;</a>
+                    <a class="page-number" href="${servePath}${path}">1</a> <span class="page-number">...</span>
+                </#if>
+                <#list paginationPageNums as paginationPageNum>
+                <#if paginationPageNum == paginationCurrentPageNum>
+                <span class="page-number current">${paginationPageNum}</span>
+                <#else>
+                <a class="page-number" href="${servePath}${path}?p=${paginationPageNum}">${paginationPageNum}</a>
+                </#if>
+                </#list>
+                <#if paginationPageNums?last != paginationPageCount> <span class="page-number">...</span>
+                <a href="${servePath}${path}?p=${paginationPageCount}" class="page-number">${paginationPageCount}</a>
+                <a href="${servePath}${path}?p=${paginationNextPageNum}" class="page-number">&raquo;</a>
+                </#if>
+            </nav>
+        </div>
+    </#if>
+</div>

src/main/resources/skins/9IPHP/article.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<#include "macro-comments.ftl">
+<#include "../../common-template/macro-comment_script.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+    <@head title="${article.articleTitle} - ${blogTitle}" description="${article.articleAbstract?html}">
+        <link rel="stylesheet"
+              href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <#if previousArticlePermalink??>
+            <link rel="prev" title="${previousArticleTitle}" href="${servePath}${previousArticlePermalink}">
+        </#if>
+        <#if nextArticlePermalink??>
+            <link rel="next" title="${nextArticleTitle}" href="${servePath}${nextArticlePermalink}">
+        </#if>
+    </@head>
+</head>
+<body>
+<#include "header.ftl">
+<div class="wrapper">
+    <div class="main-wrap">
+        <main>
+            <article class="post">
+                <header>
+                    <h2>
+                        <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                            ${article.articleTitle}
+                        </a>
+                        <#if article.articlePutTop>
+                            <sup>
+                                ${topArticleLabel}
+                            </sup>
+                        </#if>
+                    </h2>
+                    <div class="meta">
+                                <span class="vditor-tooltipped vditor-tooltipped__n"
+                                      aria-label="<#if article.articleCreateDate?datetime != article.articleUpdateDate?datetime>${updateDateLabel}<#else>${createDateLabel}</#if>">
+                                    <i class="icon-date"></i>
+                                    <time>
+                                    ${article.articleUpdateDate?string("yyyy-MM-dd")}
+                                    </time>
+                                </span>
+                        &nbsp; | &nbsp;
+                        <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${commentCountLabel}">
+                                    <i class="icon-comments"></i>
+                                    <a href="${servePath}${article.articlePermalink}#comments">
+                                        ${article.articleCommentCount} ${commentLabel}</a>
+                                </span>
+                        &nbsp; | &nbsp;
+                        <span class="vditor-tooltipped vditor-tooltipped__n" aria-label="${viewCountLabel}">
+                                    <i class="icon-views"></i>
+                        ${article.articleViewCount} ${viewLabel}
+                                </span>
+                    </div>
+                </header>
+
+                <div class="vditor-reset post__content">
+                    ${article.articleContent}
+                    <#if "" != article.articleSign.signHTML?trim>
+                        <div>
+                            ${article.articleSign.signHTML}
+                        </div>
+                    </#if>
+                </div>
+
+                <footer class="tags">
+                    <#list article.articleTags?split(",") as articleTag>
+                        <a class="tag" rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                            ${articleTag}</a>
+                    </#list>
+
+                    <#-- div class="copyright">
+                        ${articleCP1Label}
+                        <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                            ${article.articleTitle}
+                        </a> -
+                        <a href="${servePath}">
+                            ${blogTitle}
+                        </a>
+                    </div -->
+
+                    <div class="rel fn-clear ft__center">
+                        <#if previousArticlePermalink??>
+                            <a href="${servePath}${previousArticlePermalink}" rel="prev"
+                               class="fn-left vditor-tooltipped vditor-tooltipped__n"
+                               aria-label="${previousArticleTitle}">
+                                ${previousArticleLabel}
+                            </a>
+                        </#if>
+                        <#include "../../common-template/share.ftl">
+                        <#if nextArticlePermalink??>
+                            <a href="${servePath}${nextArticlePermalink}" rel="next"
+                               class="fn-right vditor-tooltipped vditor-tooltipped__n"
+                               aria-label="${nextArticleTitle}">
+                                ${nextArticleLabel}
+                            </a>
+                        </#if>
+                    </div>
+                </footer>
+                <@comments commentList=articleComments article=article></@comments>
+                <br>
+                <div id="externalRelevantArticles" class="list"></div>
+                <div id="relevantArticles" class="list"></div>
+                <div id="randomArticles" class="list"></div>
+            </article>
+        </main>
+        <#include "side.ftl">
+    </div>
+</div>
+<#include "footer.ftl">
+<@comment_script oId=article.oId commentable=article.commentable>
+    page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+    <#if 0 != randomArticlesDisplayCount>
+        page.loadRandomArticles();
+    </#if>
+    <#if 0 != externalRelevantArticlesDisplayCount>
+        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>", "<header class='title'><h2>${externalRelevantArticlesLabel}</h2></header>");
+    </#if>
+    <#if 0 != relevantArticlesDisplayCount>
+        page.loadRelevantArticles('${article.oId}', '<h4>${relevantArticlesLabel}</h4>');
+    </#if>
+    Skin.initToc()
+    page.share()
+</@comment_script>
+</body>
+</html>

src/main/resources/skins/9IPHP/category-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${category.categoryTitle} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <div class="title">
+                        <h2 class="tip"><i class="icon-category"></i>
+                            &nbsp;${category.categoryTitle}
+                            <small>${category.categoryDescription}</small>
+                        </h2>
+
+                    </div>
+                    <#include "article-list.ftl">
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/common-comment.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<li id="${comment.oId}">
+    <div>
+        <div class="avatar vditor-tooltipped vditor-tooltipped__n" aria-label="${comment.commentName}"
+             style="background-image: url(${comment.commentThumbnailURL})"></div>
+        <main>
+            <div class="fn-clear">
+                <#if "http://" == comment.commentURL>
+                ${comment.commentName}
+                <#else>
+                <a class="user-name" href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                </#if>
+                <#if comment.isReply>
+                @<a class="user-name" href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
+                   onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 23);"
+                   onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
+                >${comment.commentOriginalCommentName}</a>
+                </#if>
+                <time class="ft-gray">${comment.commentDate2?string("yyyy-MM-dd HH:mm")}</time>
+
+                <#if article.commentable>
+                    <a class="reply-btn" href="javascript:page.toggleEditor('${comment.oId}', '${comment.commentName}')">${replyLabel}</a>
+                </#if>
+            </div>
+            <div class="vditor-reset">
+                ${comment.commentContent}
+            </div>
+        </main>
+    </div>
+</li>
\ No newline at end of file

src/main/resources/skins/9IPHP/dynamic.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${dynamicLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main class="post">
+                    <#if 0 < recentComments?size>
+                        <ul class="comments" id="comments">
+                            <#list recentComments as comment>
+                                <li id="${comment.oId}">
+                                    <div>
+                                        <div class="avatar vditor-tooltipped vditor-tooltipped__n" aria-label="${comment.commentName}"
+                                             style="background-image: url(${comment.commentThumbnailURL})"></div>
+                                        <main>
+                                            <div class="fn-clear">
+                                                <#if "http://" == comment.commentURL>
+                                                    ${comment.commentName}
+                                                    <#else>
+                                                        <a class="user-name" href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                                                </#if>
+                                                <time class="ft-gray">${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time>
+                                                <a class="reply-btn" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
+                                            </div>
+                                            <div class="vditor-reset">
+                                                ${comment.commentContent}
+                                            </div>
+                                        </main>
+                                    </div>
+                                </li>
+                            </#list>
+                        </ul>
+                    <#else>
+                    <div class="vditor-reset ft-center">
+                        ${noDynamicLabel}
+                    </div>
+                    </#if>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/footer.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<footer class="footer fn-clear">
+    &copy; ${year}
+    <a href="${servePath}">${blogTitle}</a>
+    ${footerContent}
+    <br/>
+    Powered by <a href="https://solo.b3log.org" target="_blank">Solo</a>
+    <span class="ft-warn">&heartsuit;</span>
+    Theme <a rel="friend" href="https://github.com/b3log/solo-skins" target="_blank">${skinDirName}</a>
+    <sup>[<a href="https://github.com/9IPHP/9IPHP" target="_blank">ref</a>]</sup>
+    by <a href="http://vanessa.b3log.org" target="_blank">Vanessa</a>
+</footer>
+<div class="icon-up" onclick="Util.goTop()"></div>
+<script src="${staticServePath}/js/lib/compress/pjax.min.js"></script>
+<script src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}"></script>
+<script src="${staticServePath}/skins/${skinDirName}/js/common${miniPostfix}.js?${staticResourceVersion}"></script>
+<#include "../../common-template/label.ftl">
+${plugins}

src/main/resources/skins/9IPHP/header.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<header>
+    <div class="banner">
+        <div class="fn-clear wrapper">
+            <h1 class="fn-inline">
+                <a href="${servePath}" rel="start">
+                    ${blogTitle}
+                </a>
+            </h1>
+            <small> &nbsp; ${blogSubtitle}</small>
+            <div class="fn-right">
+                <#if isLoggedIn>
+                    <a class="fn__flex-inline" href="${servePath}/admin-index.do#main" title="${adminLabel}">
+                        <i class="icon-setting"></i>&nbsp;${adminLabel}
+                    </a>
+                    <a class="fn__flex-inline" href="${logoutURL}">
+                        <i class="icon-logout"></i>&nbsp;${logoutLabel}
+                    </a>
+                    <#else>
+                    <a class="fn__flex-inline" href="${servePath}/start">
+                        <i class="icon-login"></i>&nbsp;${startToUseLabel}
+                    </a>
+                </#if>
+            </div>
+        </div>
+    </div>
+
+    <div class="navbar">
+        <div class="fn-clear wrapper">
+            <nav class="fn-left">
+                <a href="${servePath}">
+                    <i class="icon-home"></i>
+                    ${indexLabel}
+                </a>
+                <#list pageNavigations as page>
+                    <a href="${page.pagePermalink}" target="${page.pageOpenTarget}" rel="section">
+                        <#if page.pageIcon != ''><img class="page-icon" src="${page.pageIcon}"></#if>${page.pageTitle}
+                    </a>
+                </#list>
+                <a href="${servePath}/dynamic.html" rel="section">
+                    <i class="icon-refresh"></i> ${dynamicLabel}
+                </a>
+                <a href="${servePath}/tags.html" rel="section">
+                    <i class="icon-tags"></i> ${allTagsLabel}
+                </a>
+                <a href="${servePath}/archives.html">
+                    <i class="icon-inbox"></i> ${archiveLabel}
+                </a>
+                <a rel="archive" href="${servePath}/links.html">
+                    <i class="icon-link"></i> ${linkLabel}
+                </a>
+                <a rel="alternate" href="${servePath}/rss.xml" rel="section">
+                    <i class="icon-rss"></i> RSS
+                </a>
+            </nav>
+            <div class="fn-right">
+                <form class="form" action="${servePath}/search">
+                    <input placeholder="${searchLabel}" id="search" type="text" name="keyword"/>
+                    <button type="submit"><i class="icon-search"></i></button>
+                </form>
+            </div>
+        </div>
+    </div>
+</header>
+<div class="responsive fn-none">
+    <i class="icon-list"></i>
+    <ul class="list">
+        <#if isLoggedIn>
+            <li>
+                <a href="${servePath}/admin-index.do#main" title="${adminLabel}">
+                    <i class="icon-setting"></i> ${adminLabel}
+                </a>
+            </li>
+            <li>
+                <a href="${logoutURL}">
+                    <i class="icon-logout"></i> ${logoutLabel}
+                </a>
+            </li>
+            <#else>
+                <li>
+                    <a href="${servePath}/start">
+                        <i class="icon-login"></i> ${startToUseLabel}
+                    </a>
+                </li>
+        </#if>
+        <li>
+            <a href="${servePath}">
+                <i class="icon-home"></i>
+                ${indexLabel}
+            </a>
+        </li>
+        <#list pageNavigations as page>
+            <li>
+                <a href="${page.pagePermalink}" target="${page.pageOpenTarget}" rel="section">
+                    <#if page.pageIcon != ''><img class="page-icon" src="${page.pageIcon}"></#if>${page.pageTitle}
+                </a>
+            </li>
+        </#list>
+        <li>
+            <a href="${servePath}/dynamic.html" rel="section">
+                <i class="icon-refresh"></i> ${dynamicLabel}
+            </a>
+        </li>
+        <li>
+            <a href="${servePath}/tags.html" rel="section">
+                <i class="icon-tags"></i> ${allTagsLabel}
+            </a>
+        </li>
+        <li>
+            <a href="${servePath}/archives.html">
+                <i class="icon-inbox"></i> ${archiveLabel}
+            </a>
+        </li>
+        <li>
+            <a rel="archive" href="${servePath}/links.html">
+                <i class="icon-link"></i> ${linkLabel}
+            </a>
+        </li>
+        <li>
+            <a rel="alternate" href="${servePath}/rss.xml" rel="section">
+                <i class="icon-rss"></i> RSS
+            </a>
+        </li>
+    </ul>
+</div>
\ No newline at end of file

src/main/resources/skins/9IPHP/index.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <#include "article-list.ftl">
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>
\ No newline at end of file

src/main/resources/skins/9IPHP/js/common.js

+/*
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-present, b3log.org
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+/**
+ * @fileoverview util and every page should be used.
+ *
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
+ * @version 0.1.0.0, Feb 17, 2017
+ */
+
+/**
+ * @description 皮肤脚本
+ * @static
+ */
+var Skin = {
+  _initCommon: function ($goTop) {
+    var $banner = $('header .banner'),
+      $navbar = $('header .navbar')
+
+    $(window).scroll(function () {
+      if ($(window).scrollTop() > 125) {
+        $goTop.show()
+      } else {
+        $goTop.hide()
+      }
+
+      if ($(window).width() < 701) {
+        return false
+      }
+
+      if ($(window).scrollTop() > $banner.height()) {
+        $navbar.addClass('pin')
+        $('.main-wrap').parent().css('margin-top', '81px')
+        $('.article__toc').css('position', 'fixed')
+      } else {
+        $navbar.removeClass('pin')
+        $('.main-wrap').parent().css('margin-top', '0')
+        $('.article__toc').css('position', 'inherit')
+      }
+    })
+
+    $(window).scroll()
+  },
+  init: function () {
+    this._initCommon($('.icon-up'))
+
+    $('.navbar nav a').each(function () {
+      if (this.href === location.href) {
+        this.className = 'current'
+      }
+    })
+
+    $('.responsive .list a').each(function () {
+      if (this.href === location.href) {
+        $(this).parent().addClass('current')
+      }
+    })
+
+    $('.responsive .icon-list').click(function () {
+      $('.responsive .list').slideToggle()
+    })
+  },
+  initToc: function () {
+    var $articleToc = $('.article__toc')
+    if ($articleToc.length === 0) {
+      return false
+    }
+
+    $articleToc.css({
+      width: $articleToc.parent().width(),
+      left: $articleToc.parent().offset().left,
+    }).find('a').click(function () {
+      $articleToc.find('li').removeClass('toc--current')
+      $(this).parent().addClass('toc--current')
+      var id = $(this).attr('href')
+      setTimeout(function () {
+        $(window).scrollTop($(id).offset().top - 60)
+      })
+    })
+  },
+}
+
+$(document).ready(function () {
+  Skin.init()
+})
\ No newline at end of file

src/main/resources/skins/9IPHP/js/common.min.js

+var Skin={_initCommon:function(i){var n=$("header .banner"),t=$("header .navbar");$(window).scroll((function(){if($(window).scrollTop()>125?i.show():i.hide(),$(window).width()<701)return!1;$(window).scrollTop()>n.height()?(t.addClass("pin"),$(".main-wrap").parent().css("margin-top","81px"),$(".article__toc").css("position","fixed")):(t.removeClass("pin"),$(".main-wrap").parent().css("margin-top","0"),$(".article__toc").css("position","inherit"))})),$(window).scroll()},init:function(){this._initCommon($(".icon-up")),$(".navbar nav a").each((function(){this.href===location.href&&(this.className="current")})),$(".responsive .list a").each((function(){this.href===location.href&&$(this).parent().addClass("current")})),$(".responsive .icon-list").click((function(){$(".responsive .list").slideToggle()}))},initToc:function(){var i=$(".article__toc");if(0===i.length)return!1;i.css({width:i.parent().width(),left:i.parent().offset().left}).find("a").click((function(){i.find("li").removeClass("toc--current"),$(this).parent().addClass("toc--current");var n=$(this).attr("href");setTimeout((function(){$(window).scrollTop($(n).offset().top-60)}))}))}};$(document).ready((function(){Skin.init()}));
\ No newline at end of file

src/main/resources/skins/9IPHP/lang/lang_en_US.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Solo language configurations(en_US).
+# Version: 2.0.0.0, Feb 23, 2019
+# Author: Liyuan Li
+#
+
+noDynamicLabel=No activity, visit <a href="${servePath}">index</a>
+siteViewLabel=Site
+onlineVisitorLabel=Visitor
+tocLabel=Article ToC
+readLabel=Read More
+nextArticleLabel=Next
+previousArticleLabel=Previous
+articleCP1Label=Please indicate the source:
+viewCountLabel=View Count

src/main/resources/skins/9IPHP/lang/lang_zh_CN.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Solo default language configurations(zh_CN).
+# Version: 2.0.0.0, Feb 23, 2019
+# Author: Liyuan Li
+#
+
+noDynamicLabel=\u6682\u65E0\u52A8\u6001\uFF0C\u968F\u4FBF<a href="${servePath}">\u901B\u901B</a>\u5427
+siteViewLabel=\u7AD9\u70B9\u6982\u8981
+onlineVisitorLabel=\u8BBF\u5BA2
+tocLabel=\u6587\u7AE0\u76EE\u5F55
+readLabel=\u9605\u8BFB\u5168\u6587
+nextArticleLabel=\u65B0\u4E00\u7BC7
+previousArticleLabel=\u65E7\u4E00\u7BC7
+articleCP1Label=\u8F6C\u8F7D\u8BF7\u6CE8\u660E\u6765\u6E90\uFF1A
+viewCountLabel=\u6D4F\u89C8\u6570

src/main/resources/skins/9IPHP/links.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${linkLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main class="other">
+                    <div class="title">
+                         <h2><i class="icon-link"></i>
+                             &nbsp;${linkLabel}</h2>
+                    </div>
+                    <#if 0 != links?size>
+                        <ul class="list">
+                            <#list links as link>
+                                <li>
+                                    <a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
+                                        ${link.linkTitle}
+                                    </a>
+                                </li>
+                            </#list>
+                        </ul>
+                    </#if>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/macro-comments.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#macro comments commentList article>
+<header class='title'><h2>${commentLabel}</h2></header>
+<ul class="comments" id="comments">
+    <#list commentList as comment>
+        <#include 'common-comment.ftl'/>
+    </#list>
+</ul>
+<#if article.commentable>
+    <header class='title'><h2>${postCommentsLabel}</h2></header>
+<div class="form">
+    <textarea rows="3" placeholder="${postCommentsLabel}" id="comment"></textarea>
+</div>
+</#if>
+</#macro>
\ No newline at end of file

src/main/resources/skins/9IPHP/side.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-user_site.ftl">
+<aside>
+    <#if article?? && article.articleToC?? && article.articleToC?size &gt; 0>
+        <#include "../../common-template/toc.ftl"/>
+    <#else>
+    <section>
+        <#if noticeBoard??>
+        <div class="ad vditor-reset">
+            ${noticeBoard}
+        </div>
+        </#if>
+
+        <#if 0 != mostUsedCategories?size>
+        <div class="module">
+            <header><h2>${categoryLabel}</h2></header>
+            <main>
+                <#list mostUsedCategories as category>
+                    <a href="${servePath}/category/${category.categoryURI}"
+                       aria-label="${category.categoryTagCnt} ${cntLabel}${tagsLabel}"
+                       class="tag vditor-tooltipped vditor-tooltipped__n">
+                        ${category.categoryTitle}</a>
+                </#list>
+            </main>
+        </div>
+        </#if>
+
+        <#if 0 != mostUsedTags?size>
+        <div class="module">
+            <header><h2>${tagsLabel}</h2></header>
+            <main>
+                <#list mostUsedTags as tag>
+                    <a rel="tag"
+                       href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
+                       class="tag vditor-tooltipped vditor-tooltipped__n"
+                       aria-label="${tag.tagPublishedRefCount} ${countLabel}${articleLabel}">
+                        ${tag.tagTitle}</a>
+                </#list>
+            </main>
+        </div>
+        </#if>
+
+        <div class="module meta">
+            <header>
+                <h2 class="ft__center">
+                    <@userSite dir="nw"></@userSite>
+                </h2>
+            </header>
+            <main class="fn__clear">
+                <img src="${adminUser.userAvatar}" aria-label="${adminUser.userName}"/>
+                <div class="fn-right">
+                    <a href="${servePath}/archives.html">
+                        ${statistic.statisticPublishedBlogArticleCount}
+                        <span class="ft-gray">${articleLabel}</span></a><br/>
+                    <a href="${servePath}/dynamic.html">
+                        ${statistic.statisticPublishedBlogCommentCount}
+                        <span class="ft-gray">${commentLabel}</span></a><br/>
+                    ${statistic.statisticBlogViewCount} <span class="ft-gray">${viewLabel}</span><br/>
+                    ${onlineVisitorCnt} <span class="ft-gray">${onlineVisitorLabel}</span>
+                </div>
+            </main>
+        </div>
+
+        <#if 0 != mostCommentArticles?size>
+        <div class="module">
+            <header><h2>${mostCommentArticlesLabel}</h2></header>
+            <main class="list">
+                <ul>
+                    <#list mostCommentArticles as article>
+                        <li>
+                            <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
+                               class="vditor-tooltipped vditor-tooltipped__e"
+                               href="${servePath}${article.articlePermalink}">
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </main>
+        </div>
+        </#if>
+
+        <#if 0 != mostViewCountArticles?size>
+        <div class="module">
+            <header><h2>${mostViewCountArticlesLabel}</h2></header>
+            <main class="list">
+                <ul>
+                    <#list mostViewCountArticles as article>
+                        <li>
+                            <a rel="nofollow" aria-label="${article.articleCommentCount} ${commentLabel}"
+                               class="vditor-tooltipped vditor-tooltipped__e"
+                               href="${servePath}${article.articlePermalink}">
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </main>
+        </div>
+        </#if>
+    </section>
+    </#if>
+</aside>
\ No newline at end of file

src/main/resources/skins/9IPHP/skin.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Spaces skin.
+# Version: 1.0.0.0, Feb 17, 2017
+# Author: Liyuan Li
+#
+
+name=9IPHP
+memo=https://github.com/9IPHP

src/main/resources/skins/9IPHP/tag-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${tag.tagTitle} ${tagLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <div class="title">
+                        <h2 class="tip"><i class="icon-tags"></i>
+                            &nbsp;${tag.tagTitle}
+                            <small>${tagLabel}</small>
+                    </div>
+                    <#include "article-list.ftl">
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/9IPHP/tags.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main class="other">
+                    <div class="title">
+                        <h2><i class="icon-tags"></i>
+                            &nbsp; ${sumLabel} ${tags?size} ${tagLabel}
+                    </div>
+                    <div class="tags">
+                        <#list tags as tag>
+                            <a rel="tag" class="tag"
+                               href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
+                                <span>${tag.tagTitle}</span>
+                                (<b>${tag.tagPublishedRefCount}</b>)
+                            </a>
+                        </#list>
+                    </div>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/Andrea/archive-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+         <@head title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} ${archiveLabel} - ${blogTitle}">
+             <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+         </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <h2>${archive1Label}
+                        <#if "en" == localeString?substring(0, 2)>
+                        ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
+                        <#else>
+                        ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
+                        </#if>
+                        </h2>
+                        <#include "article-list.ftl">
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

src/main/resources/skins/Andrea/archives.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+</head>
+<body>
+${topBarReplacement}
+        <#include "side-tool.ftl">
+<div class="wrapper">
+            <#include "header.ftl">
+    <div>
+        <div class="main">
+            <div class="main-content vditor-content">
+                <#if 0 != archiveDates?size>
+                    <ul id="tags" class="fn__clear">
+                    <#list archiveDates as archiveDate>
+                        <li>
+                            <#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>
+                        </li>
+                    </#list>
+                    </ul>
+                </#if>
+                <div class="clear"></div>
+            </div>
+            <div class="main-footer"></div>
+        </div>
+        <div class="side-navi">
+                    <#include "side.ftl">
+        </div>
+        <div class="clear"></div>
+        <div class="brush">
+            <div class="brush-icon"></div>
+            <div id="brush"></div>
+        </div>
+        <div class="footer">
+                    <#include "footer.ftl">
+        </div>
+    </div>
+</div>
+</body>
+</html>

src/main/resources/skins/Andrea/article-list.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<dl>
+    <#list articles as article>
+    <dd class="article">
+        <div class="date">
+            <div class="month">${article.articleUpdateDate?string("MM")}</div>
+            <div class="day">${article.articleUpdateDate?string("dd")}</div>
+        </div>
+        <div class="left">
+            <h2>
+                <a rel="bookmark" href="${servePath}${article.articlePermalink}" title="${tags1Label}${article.articleTags}">
+                    ${article.articleTitle}
+                </a>
+                <#if article.articlePutTop>
+                    <sup>
+                        ${topArticleLabel}
+                    </sup>
+                </#if>
+                <#if article.hasUpdated>
+                    <sup>
+                        <a href="${servePath}${article.articlePermalink}">
+                            ${updatedLabel}
+                        </a>
+                    </sup>
+                </#if>
+            </h2>
+            <div class="article-date">
+                ${article.articleUpdateDate?string("yyyy HH:mm:ss")}
+                by
+                <a rel="nofollow" class="underline" title="${article.authorName}" href="${servePath}/authors/${article.authorId}">
+                    ${article.authorName}</a> |
+                <a rel="nofollow" class="underline" href="${servePath}${article.articlePermalink}#comments">
+                    ${article.articleCommentCount}${commentLabel}
+                </a>
+            </div>
+        </div>
+        <div class="clear"></div>
+        <div class="article-abstract vditor-reset">
+            ${article.articleAbstract}
+            <div class="clear"></div>
+            <a class="right underline" href="${servePath}${article.articlePermalink}">
+                ${readmore2Label}...
+            </a>
+            <span class="clear"></span>
+        </div>
+    </dd>
+    </#list>
+</dl>
+<#if 0 != paginationPageCount>
+<div class="pagination right">
+    <#if 1 != paginationPageNums?first>
+    <a href="${servePath}${path}" title="${firstPageLabel}"><<</a>
+    <a id="previousPage" href="${servePath}${path}?p=${paginationPreviousPageNum}">${previousPageLabel}</a>
+    </#if>
+    <#list paginationPageNums as paginationPageNum>
+    <#if paginationPageNum == paginationCurrentPageNum>
+    <a href="${servePath}${path}?p=${paginationPageNum}" class="selected">${paginationPageNum}</a>
+    <#else>
+    <a href="${servePath}${path}?p=${paginationPageNum}">${paginationPageNum}</a>
+    </#if>
+    </#list>
+    <#if paginationPageNums?last != paginationPageCount>
+    <a id="nextPage" href="${servePath}${path}?p=${paginationNextPageNum}">${nextPagePabel}</a>
+    <a title="${lastPageLabel}" href="${servePath}${path}?p=${paginationPageCount}">>></a>
+    </#if>
+    &nbsp;&nbsp;${sumLabel} ${paginationPageCount} ${pageLabel}
+</div>
+<div class="clear"></div>
+</#if>

src/main/resources/skins/Andrea/article.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<#include "macro-comments.ftl">
+<#include "../../common-template/macro-comment_script.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${article.articleTitle} - ${blogTitle}" description="${article.articleAbstract?html}">
+            <link rel="stylesheet"
+                  href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <#if previousArticlePermalink??>
+            <link rel="prev" title="${previousArticleTitle}" href="${servePath}${previousArticlePermalink}">
+        </#if>
+        <#if nextArticlePermalink??>
+            <link rel="next" title="${nextArticleTitle}" href="${servePath}${nextArticlePermalink}">
+        </#if>
+        </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <div class="article">
+                            <div class="date">
+                                <div class="month">${article.articleUpdateDate?string("MM")}</div>
+                                <div class="day">${article.articleUpdateDate?string("dd")}</div>
+                            </div>
+                            <div class="left">
+                                <h2 class="article-title">
+                                    <a class="no-underline" href="${servePath}${article.articlePermalink}">${article.articleTitle}</a>
+                                    <#if article.articlePutTop>
+                                    <sup class="red">
+                                        ${topArticleLabel}
+                                    </sup>
+                                    </#if>
+                                </h2>
+                                <div class="article-date">
+                                    ${article.articleUpdateDate?string("yyyy HH:mm:ss")}
+                                    by
+                                    <a rel="nofollow" title="${article.authorName}" href="${servePath}/authors/${article.authorId}">
+                                        ${article.authorName}</a> |
+                                    <a rel="nofollow" href="${servePath}${article.articlePermalink}#comments">
+                                        ${article.articleCommentCount}${commentLabel}
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="clear"></div>
+                            <div class="vditor-reset vditor-reset--article">
+                                ${article.articleContent}
+                                <#if "" != article.articleSign.signHTML?trim>
+                                <div class="marginTop12">
+                                    ${article.articleSign.signHTML}
+                                </div>
+                                </#if>
+                            </div>
+                            <div class="right">
+                                ${tag1Label}
+                                <#list article.articleTags?split(",") as articleTag>
+                                <span>
+                                    <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                                        ${articleTag}</a><#if articleTag_has_next>,</#if>
+                                </span>
+                                </#list>
+                                &nbsp;&nbsp;${viewCount1Label}
+                                <a rel="nofollow" href="${servePath}${article.articlePermalink}">
+                                    ${article.articleViewCount}
+                                </a>
+                            </div>
+                            <div class="clear"></div>
+                            <div class="marginTop12">
+                                <#if nextArticlePermalink??>
+                                <a href="${servePath}${nextArticlePermalink}">${nextArticle1Label}${nextArticleTitle}</a>
+                                <br>
+                                </#if>
+                                <#if previousArticlePermalink??>
+                                <a href="${servePath}${previousArticlePermalink}">${previousArticle1Label}${previousArticleTitle}</a>
+                                </#if>
+                            </div>
+                            <div id="relevantArticles" class="article-relative left relevantArticles"></div>
+                            <div id="randomArticles"  class="article-relative left"></div>
+                            <div class="clear"></div>
+                            <div id="externalRelevantArticles" class="article-relative"></div>
+                        </div>
+                        <@comments commentList=articleComments article=article></@comments>
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+        <@comment_script oId=article.oId commentable=article.commentable>
+        page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+         <#if 0 != randomArticlesDisplayCount>
+        page.loadRandomArticles();
+        </#if>
+        <#if 0 != relevantArticlesDisplayCount>
+        page.loadRelevantArticles('${article.oId}', '<h4>${relevantArticles1Label}</h4>');
+        </#if>
+        <#if 0 != externalRelevantArticlesDisplayCount>
+        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
+        </#if>
+        </@comment_script>
+    </body>
+</html>

src/main/resources/skins/Andrea/author-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${authorName} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <h2>${author1Label}${authorName}</h2>
+                        <#include "article-list.ftl">
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

src/main/resources/skins/Andrea/category-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${category.categoryTitle} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <h2>
+                            ${categoryLabel}：
+                            ${category.categoryTitle}
+                            (${category.categoryTagCnt})<small> ${category.categoryDescription}</small>
+                        </h2>
+                        <#include "article-list.ftl">
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

src/main/resources/skins/Andrea/common-comment.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div id="${comment.oId}"
+     class="comment-body">
+    <div class="comment-panel">
+        <div class="left comment-author">
+            <img alt="${comment.commentName}" src="${comment.commentThumbnailURL}"/>
+        </div>
+        <div class="left comment-info">
+        <#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}', 20);"
+               onmouseout="page.hideComment('${comment.commentOriginalCommentId}')">${comment.commentOriginalCommentName}</a>
+        </#if>
+            &nbsp;${comment.commentDate2?string("yyyy-MM-dd HH:mm:ss")}
+            <div class="comment-content vditor-reset">
+            ${comment.commentContent}
+            </div>
+        <#if article.commentable>
+            <div>
+                <a rel="nofollow" href="javascript:page.toggleEditor('${comment.oId}', '${comment.commentName}');">${replyLabel}</a>
+            </div>
+        </#if>
+        </div>
+        <div class="clear"></div>
+    </div>
+</div>
\ No newline at end of file

src/main/resources/skins/Andrea/footer.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div class="copyright">
+    &copy; ${year} <a href="${servePath}">${blogTitle}</a> ${footerContent}<br/>
+    Powered by <a href="https://solo.b3log.org" target="_blank">Solo</a><br/>
+    Theme <a rel="friend" href="https://github.com/b3log/solo-skins" target="_blank">${skinDirName}</a> by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
+</div>
+<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
+<script src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}"></script>
+<#include "../../common-template/label.ftl">
+<script type="text/javascript">
+    // init brush
+    var buildBrush = function () {
+        $("#brush").height($('body').height() - $(window).height() + 200).css("background-position",
+        parseInt((document.documentElement.scrollWidth - 910) / 2 - 56) + "px -200px");
+    };
+
+    // init
+    $(document).ready(function () {
+        Util.setTopBar()
+        Util.replaceSideEm($("#naviComments li .side-comment"));
+    
+        // brush
+        buildBrush();
+
+        $(window).resize(function () {
+            buildBrush();
+        });
+
+        // bg
+        $("#changeBG a").click(function () {
+            if (this.className !== 'selected') {
+                switch (this.id) {
+                    case "greyBG":
+                        $("body").css("background-image", "url(/skins/${skinDirName}/images/bg-grey.jpg)");
+                        break;
+                    case "blueBG":
+                        $("body").css("background-image", "url(/skins/${skinDirName}/images/bg-blue.jpg)");
+                        break;
+                    case "brownBG":
+                        $("body").css("background-image", "url(/skins/${skinDirName}/images/bg-brown.jpg)");
+                        break;
+                }
+
+                $("#changeBG a").removeClass();
+                this.className = "selected";
+            }
+        });
+
+        // page navi
+        $(".side-tool li li a").hover(function () {
+            if (parseInt($(this).css("padding-left")) === 9) {
+                $(this).animate({
+                    "padding-left": "54px"
+                }, 600 );
+            }
+        }, function () {
+            $(this).animate({
+                "padding-left": "9px"
+            }, 600 );
+        });
+    });
+</script>
+<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+${plugins}
\ No newline at end of file

src/main/resources/skins/Andrea/header.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div class="header">
+    <div class="left">
+        <h1>
+            <a href="${servePath}">
+                ${blogTitle}
+            </a>
+        </h1>
+        <span class="sub-title">${blogSubtitle}</span>
+    </div>
+    <div class="right">
+        <ul>
+            <li>
+                <a rel="nofollow" class="home" href="${servePath}/search?keyword=">Search</a>
+            </li>
+            <li>
+                <a href="${servePath}/tags.html">Tags</a>
+            </li>
+            <li>
+                <a rel="alternate" href="${servePath}/rss.xml">
+                    RSS
+                </a>
+            </li>
+        </ul>
+    </div>
+    <div class="clear"></div>
+</div>
\ No newline at end of file

src/main/resources/skins/Andrea/index.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <#include "article-list.ftl">
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

src/main/resources/skins/Andrea/lang/lang_en_US.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Solo language configurations(en_US).
+# Version: 3.2.0.0, Mar 20, 2019
+# Author: Liang Ding
+# Author: Vanessa
+#
+
+addUserLabel=Add User
+url1Label=URL (start protocol, e.g.: http://):
+blogSyncLabel=Blog Sync
+pageMgmtLabel=Pages
+noSignLabel=No Signs
+commentEmotions1Label=Emotions:
+commentEmotionsLabel=Emotions
+commentName1Label=Name:
+commentNameLabel=Name
+commentURL1Label=URL:
+commentURLLabel=URL
+commentContent1Label=Content:
+####
+updatePreferenceFailLabel=Update Fail, please check <b>Blog Host</b> configuration!
+tagsEmptyLabel=Tags is empty
+exceedMaxUploadSizeLabel=Size exceed 1M :-(
+uploadFailLabel=Upload Fail! 
+fileEmptyLabel=File is empty
+canntBeLocalhostOnProductionLabel=Can not set host as localhost on production!
+noDataLable=NO Data
+####
+confirmRemoveLabel=Are You Sure?
+moreArchiveLabel=More Archive

src/main/resources/skins/Andrea/lang/lang_zh_CN.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Solo default language configurations(zh_CN).
+# Version: 3.2.0.0, Mar 20, 2019
+# Author: Liang Ding
+# Author: Vanessa
+#
+
+addUserLabel=\u6DFB\u52A0\u7528\u6237
+url1Label=URL (\u8BF7\u4EE5\u534F\u8BAE\u5F00\u5934\uFF0C\u5982: http://)\uFF1A 
+blogSyncLabel=\u535A\u5BA2\u540C\u6B65
+pageLabel=\u9875\u9762
+pageMgmtLabel=\u9875\u9762\u7BA1\u7406
+noSignLabel=\u4E0D\u4F7F\u7528\u7B7E\u540D\u6863
+commentEmotions1Label=\u8868\u60C5\uFF1A
+commentEmotionsLabel=\u8868\u60C5
+commentName1Label=\u59D3\u540D\uFF1A
+commentNameLabel=\u59D3\u540D
+commentURL1Label=URL\uFF1A
+commentURLLabel=URL
+commentContent1Label=\u8BC4\u8BBA\u5185\u5BB9\uFF1A
+####
+updatePreferenceFailLabel=\u66F4\u65B0\u5931\u8D25\uFF0C\u8BF7\u4ED4\u7EC6\u68C0\u67E5\u201C\u535A\u5BA2\u5730\u5740\u201D\u7684\u914D\u7F6E\u662F\u5426\u6B63\u786E
+tagsEmptyLabel=\u6807\u7B7E\u4E0D\u80FD\u4E3A\u7A7A\uFF01
+exceedMaxUploadSizeLabel=\u76EE\u524D\u53EA\u80FD\u4E0A\u4F20\u5C0F\u4E8E 1M \u7684\u6587\u4EF6 :-(
+uploadFailLabel=\u4E0A\u4F20\u5931\u8D25\uFF01
+fileEmptyLabel=\u6587\u4EF6\u4E3A\u7A7A\uFF01
+canntBeLocalhostOnProductionLabel=GAE \u73AF\u5883\u4E0A\u8BF7\u52FF\u6307\u5B9A\u535A\u5BA2\u5730\u5740\u4E3A localhost\uFF01
+noDataLable=\u65E0\u6570\u636E
+####
+confirmRemoveLabel=\u786E\u5B9A\u5220\u9664\uFF1F
+moreArchiveLabel=\u66F4\u591A\u5B58\u6863
\ No newline at end of file

src/main/resources/skins/Andrea/macro-comments.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#macro comments commentList article>
+<h2 class="comment-label">${commentLabel}</h2>
+<div id="comments">
+    <#list commentList as comment>
+    <#include "common-comment.ftl"/>
+    </#list>
+</div>
+<#if article.commentable>
+<div class="comment-form">
+    <textarea rows="3" style="width: 100%" placeholder="${postCommentsLabel}" id="comment"></textarea>
+</div>
+</#if>
+</#macro>
\ No newline at end of file

src/main/resources/skins/Andrea/side-tool.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div class="side-tool">
+    <ul>
+        <li>
+            <ul>
+                <#list pageNavigations as page>
+                <li>
+                    <a href="${page.pagePermalink}" target="${page.pageOpenTarget}" title="${page.pageTitle}">
+                        <#if page.pageIcon != ''><img class="page-icon" src="${page.pageIcon}"></#if>${page.pageTitle}
+                    </a>
+                </li>
+                </#list>
+            </ul>
+        </li>
+        <li id="changeBG">
+            <a title="grey" id="greyBG" class="selected"></a>
+            <a title="brown" id="brownBG"></a>
+            <a title="blue" id="blueBG"></a>
+        </li>
+        <li>
+            <span id="goTop" onclick="Util.goTop();" title="${goTopLabel}"></span>
+        </li>
+    </ul>
+</div>
\ No newline at end of file

src/main/resources/skins/Andrea/side.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<div class="item" style="margin-top: -35px;">
+    <#include "../../common-template/macro-user_site.ftl">
+    <h4>
+    <@userSite dir="nw"></@userSite>
+    </h4>
+    <dl>
+        <dd>
+            <ul>
+                <li>
+                ${viewCount1Label}
+                    <span class='error-msg'>
+                    ${statistic.statisticBlogViewCount}
+                    </span>
+                </li>
+                <li>
+                ${articleCount1Label}
+                    <span class='error-msg'>
+                    ${statistic.statisticPublishedBlogArticleCount}
+                    </span>
+                </li>
+                <li>
+                ${commentCount1Label}
+                    <span class='error-msg'>
+                    ${statistic.statisticPublishedBlogCommentCount}
+                    </span>
+                </li>
+            </ul>
+        </dd>
+    </dl>
+
+    <#if "" != noticeBoard>
+        <div class="margin12">
+            ${noticeBoard}
+        </div>
+    </#if>
+</div>
+
+
+<#if article?? && article.articleToC?? && article.articleToC?size &gt; 0>
+<div class="item">
+    <dl>
+        <dd>
+            <h4>${tocLabel}</h4>
+            <#include "../../common-template/toc.ftl"/>
+        </dd>
+    </dl>
+</div>
+
+<#else>
+    <#if 0 != recentComments?size || 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size>
+    <div class="item">
+        <dl>
+            <#if 0 != mostCommentArticles?size>
+            <dd>
+                <h4>${mostCommentArticlesLabel}</h4>
+                <ul>
+                    <#list mostCommentArticles as article>
+                        <li>
+                            <a rel="nofollow" title="${article.articleTitle}"
+                               href="${servePath}${article.articlePermalink}">
+                                <sup>[${article.articleCommentCount}]</sup>
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </dd>
+            </#if>
+            <#if 0 != recentComments?size>
+            <dd>
+                <h4>${recentCommentsLabel}</h4>
+                <ul id="naviComments">
+                    <#list recentComments as comment>
+                        <li>
+                            <a class="author" title="${comment.commentName}" target="_blank" href="${comment.commentURL}">
+                                ${comment.commentName}
+                            </a>:
+                            <a rel="nofollow" class='side-comment' href="${servePath}${comment.commentSharpURL}">
+                                ${comment.commentContent}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </dd>
+            </#if>
+            <#if 0 != mostViewCountArticles?size>
+            <dd>
+                <h4>${mostViewCountArticlesLabel}</h4>
+                <ul>
+                    <#list mostViewCountArticles as article>
+                        <li>
+                            <a rel="nofollow" title="${article.articleTitle}"
+                               href="${servePath}${article.articlePermalink}">
+                                <sup>[${article.articleViewCount}]</sup>
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </dd>
+            </#if>
+        </dl>
+    </div>
+    </#if>
+
+    <#if 0 != mostUsedCategories?size || 0 != mostUsedTags?size>
+        <div class="item">
+            <dl>
+                <#if 0 != mostUsedCategories?size>
+                <dd>
+                    <h4>${categoryLabel}</h4>
+                    <ul>
+                        <#list mostUsedCategories as category>
+                            <li>
+                                <a href="${servePath}/category/${category.categoryURI}">
+                                    ${category.categoryTitle} (${category.categoryTagCnt})</a>
+                            </li>
+                        </#list>
+                    </ul>
+                </dd>
+                </#if>
+                <#if 0 != mostUsedTags?size>
+                    <dd>
+                        <h4>${tagsLabel}</h4>
+                        <ul>
+                            <#list mostUsedTags as tag>
+                                <li>
+                                    <a rel="tag" title="${tag.tagTitle}(${tag.tagPublishedRefCount})"
+                                       href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">
+                                        ${tag.tagTitle} (${tag.tagPublishedRefCount})</a>
+                                </li>
+                            </#list>
+                        </ul>
+                    </dd>
+                </#if>
+            </dl>
+        </div>
+    </#if>
+
+    <#if 0 != links?size>
+    <div class="item">
+        <dl>
+            <dd>
+                <h4>${linkLabel}</h4>
+                <ul class="navi-tags">
+                    <#list links as link>
+                        <li>
+                            <a rel="friend" href="${link.linkAddress}" title="${link.linkTitle}" target="_blank">
+                                ${link.linkTitle}</a>
+                            <img onclick="window.location='${link.linkAddress}'"
+                                 alt="${link.linkTitle}"
+                                 src="${faviconAPI}<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>"
+                                 width="16" height="16"/>
+                        </li>
+                    </#list>
+                </ul>
+            </dd>
+        </dl>
+    </div>
+    </#if>
+    <#if 0 != archiveDates?size>
+    <div class="item">
+        <dl>
+            <dd>
+                <h4>${archiveLabel}</h4>
+                <ul>
+                    <#list archiveDates as archiveDate>
+                    <#if archiveDate_index < 10>
+                    <li>
+                        <#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>
+                    </li>
+                    <#elseif archiveDate_index == 10>
+                    <li>
+                        <a href="${servePath}/archives.html">${moreArchiveLabel}</a>
+                    </li>
+                    </#if>
+                    </#list>
+                </ul>
+            </dd>
+        </dl>
+    </div>
+    </#if>
+</#if>
\ No newline at end of file

src/main/resources/skins/Andrea/skin.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Andrea skin.
+# Version: 1.0.0.8, Mar 20, 2019
+# Author: Liyuan Li
+#
+
+name=Andrea
+memo=https://github.com/b3log/solo-skins
\ No newline at end of file

src/main/resources/skins/Andrea/tag-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+       <@head title="${tag.tagTitle} ${tagLabel} - ${blogTitle}">
+           <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+       </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content">
+                        <h2>
+                            ${tag1Label}
+                             <a rel="alternate" href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}">${tag.tagTitle}(${tag.tagPublishedRefCount})</a>
+                        </h2>
+                        <#include "article-list.ftl">
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

src/main/resources/skins/Andrea/tags.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        ${topBarReplacement}
+        <#include "side-tool.ftl">
+        <div class="wrapper">
+            <#include "header.ftl">
+            <div>
+                <div class="main">
+                    <div class="main-content vditor-content">
+                        <ul id="tags" class="fn__clear">
+                            <#list tags as tag>
+                            <li>
+                                <a rel="tag" data-count="${tag.tagPublishedRefCount}"
+                                   href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
+                                    <span>${tag.tagTitle}</span>
+                                    (<b>${tag.tagPublishedRefCount}</b>)
+                                </a>
+                            </li>
+                            </#list>
+                        </ul>
+                        <div class="clear"></div>
+                    </div>
+                    <div class="main-footer"></div>
+                </div>
+                <div class="side-navi">
+                    <#include "side.ftl">
+                </div>
+                <div class="clear"></div>
+                <div class="brush">
+                    <div class="brush-icon"></div>
+                    <div id="brush"></div>
+                </div>
+                <div class="footer">
+                    <#include "footer.ftl">
+                </div>
+            </div>
+        </div>
+        <script type="text/javascript">
+            Util.buildTags();
+        </script>
+    </body>
+</html>

src/main/resources/skins/Bruce/archive-articles.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+         <@head title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} ${archiveLabel} - ${blogTitle}">
+             <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+         </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-2"></div>
+                <div class="col-sm-8 site article-list">
+                    <h2 id="archive">
+                        <#if "en" == localeString?substring(0, 2)>
+                        ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
+                        <#else>
+                        ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
+                        </#if>
+                    </h2>
+                    <#include "article-list.ftl">
+                </div>
+                <div class="col-sm-2"></div>
+            </div>
+        </div>
+
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/Bruce/archives.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${archiveLabel} - ${blogTitle}">
+            <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-2"></div>
+
+                <div class="col-sm-8 site">
+                    <div class="row">
+                        <#if 0 != archiveDates?size>
+                        <#assign curYear = year?number>
+                        <h2>${year} ${yearLabel}</h2>
+                        <#list archiveDates as archiveDate>
+                        <#if curYear != archiveDate.archiveDateYear?number></div>
+                    
+                    <div class="row"><hr/><h2>${archiveDate.archiveDateYear} ${yearLabel}</h2></#if>
+                            <a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
+                               title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
+                                ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
+                            <span class="gray">•</span>
+
+                        <#assign curYear = archiveDate.archiveDateYear?number>
+                        </#list>
+                    </div>
+                    </#if>
+                </div>
+                <div class="col-sm-2"></div>
+            </div>
+        </div>
+
+        <#include "footer.ftl">
+    </body>
+</html>

src/main/resources/skins/Bruce/article-list.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#list articles as article>
+<div class="row article">
+    <h2 class="row article-title">
+        <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+            ${article.articleTitle}
+        </a>
+    </h2>
+
+    <div class="row article-tags">
+        <#list article.articleTags?split(",") as articleTag>
+        <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+            ${articleTag}</a><#if articleTag_has_next>, </#if>
+        </#list>
+    </div>
+
+    <div class="row article-date">
+        <#setting locale="en_US">
+        ${article.articleUpdateDate?string("MMMM d, yyyy")}
+        <#setting locale=localeString>
+    </div>
+
+    <div class="row article-content vditor-reset">
+        <div class="col-sm-12" id="abstract${article.oId}">
+            ${article.articleAbstract}
+        </div>
+    </div>
+</div>
+</#list>
+
+<div class="row">
+    <div class="col-sm-2"></div>
+
+    <div class="col-sm-4">
+    <#if 1 < paginationCurrentPageNum>
+    <#assign prePage = paginationCurrentPageNum - 1>
+    <a class="btn btn-success" href="${servePath}${path}?p=${prePage}">Newer</a>
+    </#if>
+    </div>
+
+    <div class="col-sm-4 text-right">
+    <#if paginationCurrentPageNum < paginationPageCount>
+    <#assign nextPage = paginationCurrentPageNum + 1>
+    <a class="btn btn-success" href="${servePath}${path}?p=${nextPage}">Older</a>
+    </#if>
+    </div>
+
+    <div class="col-sm-2"></div>
+</div>

src/main/resources/skins/Bruce/article.ftl

+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<#include "macro-comments.ftl">
+<#include "../../common-template/macro-comment_script.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${article.articleTitle} - ${blogTitle}" description="${article.articleAbstract?html}">
+            <link rel="stylesheet"
+                  href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <#if previousArticlePermalink??>
+            <link rel="prev" title="${previousArticleTitle}" href="${servePath}${previousArticlePermalink}">
+        </#if>
+        <#if nextArticlePermalink??>
+            <link rel="next" title="${nextArticleTitle}" href="${servePath}${nextArticlePermalink}">
+        </#if>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-2"></div>
+                <div class="col-sm-8 site article-list">
+                    <div class="article">
+                        <div class="row article">
+                            <h2 class="row article-title">
+                                <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                                    ${article.articleTitle}
+                                </a>
+                            </h2>
+
+                            <div class="row article-tags">
+                                <#list article.articleTags?split(",") as articleTag>
+                                <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                                    ${articleTag}</a><#if articleTag_has_next>, </#if>
+                                </#list>
+                            </div>
+
+                            <div class="row article-date">
+                                <#setting locale="en_US">
+                                ${article.articleUpdateDate?string("MMMM d, yyyy")}
+                                <#setting locale=localeString>
+                            </div>
+
+                            <div class="row article-content code-highlight">
+                                <div class="col-sm-12 vditor-reset vditor-reset--article" id="abstract${article.oId}">
+                                    ${article.articleContent}
+                                    <#if "" != article.articleSign.signHTML?trim>
+                                    <p>
+                                        ${article.articleSign.signHTML}
+                                    </p>
+                                    </#if>
+                                </div>
+                            </div>
+                        </div>
+                        <@comments commentList=articleComments article=article></@comments>
+                    </div>
+                    <#if 0 != relevantArticlesDisplayCount>
+                    <div id="relevantArticles"></div>
+                    </#if>
+                    <#if 0 != randomArticlesDisplayCount>
+                    <div id="randomArticles"></div>
+                    </#if>
+                    <#if externalRelevantArticlesDisplayCount?? && 0 != externalRelevantArticlesDisplayCount>
+                    <div id="externalRelevantArticles"></div>
+                    </#if>
+                    <div class="col-sm-2"></div>
+                </div>
+            </div>
+        </div>
+
+        <#if article?? && article.articleToC?? && article.articleToC?size &gt; 0>
+            <#include "../../common-template/toc.ftl"/>
+        </#if>
+
+        <#include "footer.ftl">
+        <@comment_script oId=article.oId commentable=article.commentable>
+        page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+        <#if 0 != externalRelevantArticlesDisplayCount>
+        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
+        </#if>
+        <#if 0 != randomArticlesDisplayCount>
+        page.loadRandomArticles();
+        </#if>
+        <#if 0 != relevantArticlesDisplayCount>
+        page.loadRelevantArticles('${article.oId}', '<h4>${relevantArticles1Label}</h4>');
+        </#if>
+        </@comment_script>
+    </body>
+</html>

src/main/resources/skins/Bruce/lang/lang_en_US.properties

+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-present, b3log.org
+#
+# This program is free software: you can redistribute it and/or modify
+# it under the terms of the GNU Affero General Public License as published by
+# the Free Software Foundation, either version 3 of the License, or
+# (at your option) any later version.
+#
+# This program is distributed in the hope that it will be useful,
+# but WITHOUT ANY WARRANTY; without even the implied warranty of
+# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+# GNU Affero General Public License for more details.
+#
+# You should have received a copy of the GNU Affero General Public License
+# along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+
+#
+# Description: Language configurations(en_US) for skin "Bruce".
+# Version: 1.0.0.0, Jul 8, 2014
+# Author: Liang Ding
+#
+
+friendLinkLabel=Links
\ No newline at end of file