💯 子模块目录调整

2018-09-01 10:11:54 +08:00
parent aeff137ee1
commit 0efe4b58c0
662 changed files with 2155 additions and 5125 deletions
--- a/nijigen/archive-articles.ftl
+++ b/nijigen/archive-articles.ftl
@@ -0,0 +1,53 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount}) - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${archiveDate.archiveDateYear}${archiveDate.archiveDateMonth}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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>
--- a/nijigen/archives.ftl
+++ b/nijigen/archives.ftl
@@ -0,0 +1,61 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${archiveLabel}"/>
+        <meta name="description" content="${metaDescription},${archiveLabel}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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>
--- a/nijigen/article-list.ftl
+++ b/nijigen/article-list.ftl
@@ -0,0 +1,94 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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="article-list">
+    <#list articles as article>
+    <article class="item">
+        <time class="tooltipped tooltipped__n item__date"
+              aria-label="${article.articleCreateDate?string("yyyy")}年">
+            ${article.articleCreateDate?string("m")}月
+            <span class="item__day">${article.articleCreateDate?string("dd")}</span>
+        </time>
+
+        <h2 class="item__title">
+            <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                ${article.articleTitle}
+            </a>
+            <#if article.articlePutTop>
+            <sup>
+                ${topArticleLabel}
+            </sup>
+            </#if>
+            <#if article.hasUpdated>
+            <sup>
+                ${updatedLabel}
+            </sup>
+            </#if>
+        </h2>
+        <div class="item__date--m">
+            <i class="icon__date"></i>
+            ${article.articleCreateDate?string("yyy-MM-DD")}
+        </div>
+
+
+        <div class="ft__center">
+            <#list article.articleTags?split(",") as articleTag>
+            <a rel="tag" class="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                #${articleTag}</a>
+            </#list>
+            <a class="tag" href="${servePath}${article.articlePermalink}#comments">
+                <i class="icon__comments"></i> ${article.articleCommentCount} ${commentLabel}
+            </a>
+            <span class="tag">
+                <i class="icon__views"></i>
+                ${article.articleViewCount} ${viewLabel}
+            </span>
+        </div>
+
+        <div class="content-reset">
+            ${article.articleAbstract}
+        </div>
+    </article>
+    </#list>
+
+
+    <#if 0 != paginationPageCount>
+        <div class="fn__clear">
+            <nav class="pagination fn__right">
+                <#if 1 != paginationPageNums?first>
+                    <a href="${servePath}${path}/${paginationPreviousPageNum}" class="pagination__item">&laquo;</a>
+                    <a class="pagination__item" href="${servePath}${path}/1">1</a>
+                    <span class="pagination__item pagination__item--text">...</span>
+                </#if>
+                <#list paginationPageNums as paginationPageNum>
+                    <#if paginationPageNum == paginationCurrentPageNum>
+                    <span class="pagination__item pagination__item--current">${paginationPageNum}</span>
+                    <#else>
+                    <a class="pagination__item" href="${servePath}${path}/${paginationPageNum}">${paginationPageNum}</a>
+                    </#if>
+                </#list>
+                <#if paginationPageNums?last != paginationPageCount>
+                    <span class="pagination__item pagination__item--text">...</span>
+                    <a href="${servePath}${path}/${paginationPageCount}" class="pagination__item">${paginationPageCount}</a>
+                    <a href="${servePath}${path}/${paginationNextPageNum}" class="pagination__item">&raquo;</a>
+                </#if>
+            </nav>
+        </div>
+    </#if>
+</div>
--- a/nijigen/article.ftl
+++ b/nijigen/article.ftl
@@ -0,0 +1,161 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<#include "macro-comments.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${article.articleTitle} - ${blogTitle}">
+        <meta name="keywords" content="${article.articleTags}" />
+        <meta name="description" content="${article.articleAbstract?html}" />
+        </@head>
+        <#if previousArticlePermalink??>
+            <link rel="prev" title="${previousArticleTitle}" href="${servePath}${previousArticlePermalink}">
+        </#if>
+        <#if nextArticlePermalink??>
+            <link rel="next" title="${nextArticleTitle}" href="${servePath}${nextArticlePermalink}">
+        </#if>
+            <!-- Open Graph -->
+            <meta property="og:locale" content="zh_CN"/>
+            <meta property="og:type" content="article"/>
+            <meta property="og:title" content="${article.articleTitle}"/>
+            <meta property="og:description" content="${article.articleAbstract?html}"/>
+            <meta property="og:image" content="${article.authorThumbnailURL}"/>
+            <meta property="og:url" content="${servePath}${article.articlePermalink}"/>
+            <meta property="og:site_name" content="Solo"/>
+            <!-- Twitter Card -->
+            <meta name="twitter:card" content="summary"/>
+            <meta name="twitter:description" content="${article.articleAbstract?html}"/>
+            <meta name="twitter:title" content="${article.articleTitle}"/>
+            <meta name="twitter:image" content="${article.authorThumbnailURL}"/>
+            <meta name="twitter:url" content="${servePath}${article.articlePermalink}"/>
+            <meta name="twitter:site" content="@DL88250"/>
+            <meta name="twitter:creator" content="@DL88250"/>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <article class="post">
+                        <header>
+                            <h1>
+                                <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                                    ${article.articleTitle}
+                                </a>
+                                <#if article.articlePutTop>
+                                    <sup>
+                                        ${topArticleLabel}
+                                    </sup>
+                                </#if>
+                                <#if article.hasUpdated>
+                                    <sup>
+                                        ${updatedLabel}
+                                    </sup>
+                                </#if>
+                            </h1>
+                            <div class="meta">
+                                <span class="tooltipped tooltipped-n" aria-label="${createDateLabel}">
+                                    <i class="icon-date"></i>
+                                    <time>
+                                        ${article.articleCreateDate?string("yyyy-MM-dd")}
+                                    </time>
+                                </span>
+                                                &nbsp; | &nbsp;
+                                                <span class="tooltipped 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="tooltipped tooltipped-n" aria-label="${viewCountLabel}">
+                                    <i class="icon-views"></i>
+                                    ${article.articleViewCount} ${viewLabel}
+                                </span>
+                            </div>
+                        </header>
+
+                        <div class="content-reset">
+                            ${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">
+                                <#if previousArticlePermalink??>
+                                    <a href="${servePath}${previousArticlePermalink}" rel="prev"
+                                       class="fn-left tooltipped tooltipped-n"
+                                       aria-label="${previousArticleTitle}">
+                                        ${previousArticleLabel}
+                                    </a>
+                                </#if>
+                                <#if nextArticlePermalink??>
+                                    <a href="${servePath}${nextArticlePermalink}" rel="next"
+                                       class="fn-right tooltipped tooltipped-n"
+                                       aria-label="${nextArticleTitle}">
+                                        ${nextArticleLabel}
+                                    </a>
+                                </#if>
+                            </div>
+                        </footer>
+                        <@comments commentList=articleComments article=article></@comments>
+                        <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>
+        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>
+        </@comment_script>    
+    </body>
+</html>
--- a/nijigen/category-articles.ftl
+++ b/nijigen/category-articles.ftl
@@ -0,0 +1,48 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${category.categoryTitle} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${category.categoryTitle}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@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>
--- a/nijigen/common-comment.ftl
+++ b/nijigen/common-comment.ftl
@@ -0,0 +1,48 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 tooltipped 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:replyTo('${comment.oId}')">${replyLabel}</a>
+                </#if>
+            </div>
+            <div class="content-reset">
+                ${comment.commentContent}
+            </div>
+        </main>
+    </div>
+</li>
--- a/nijigen/css/_icon.scss
+++ b/nijigen/css/_icon.scss
@@ -0,0 +1,111 @@
+/**
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * 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/>.
+ */
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('fonts/icomoon.eot?oyqnlj');
+  src: url('fonts/icomoon.eot?oyqnlj#iefix') format('embedded-opentype'),
+  url('fonts/icomoon.ttf?oyqnlj') format('truetype'),
+  url('fonts/icomoon.woff?oyqnlj') format('woff'),
+  url('fonts/icomoon.svg?oyqnlj#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="icon__"], [class*=" icon__"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon__list:before {
+  content: "\f0ca";
+}
+
+.icon__home:before {
+  content: "\f015";
+}
+
+.icon__comments:before {
+  content: "\f0e6";
+}
+
+.icon__date:before {
+  content: "\f073";
+}
+
+.icon__search:before {
+  content: "\f002";
+}
+
+.icon__up:before {
+  content: "\f077";
+}
+
+.icon__inbox:before {
+  content: "\f01c";
+}
+
+.icon__tags:before {
+  content: "\f02c";
+}
+
+.icon__link:before {
+  content: "\f0c1";
+}
+
+.icon__refresh:before {
+  content: "\f021";
+}
+
+.icon__category:before {
+  content: "\e9bc";
+}
+
+.icon__logout:before {
+  content: "\ea14";
+}
+
+.icon__views:before {
+  content: "\e900";
+}
+
+.icon__register:before {
+  content: "\e973";
+}
+
+.icon__setting:before {
+  content: "\e994";
+}
+
+.icon__login:before {
+  content: "\ea13";
+}
+
+.icon__rss:before {
+  content: "\e901";
+}
--- a/nijigen/css/base.css
+++ b/nijigen/css/base.css
--- a/nijigen/css/base.scss
+++ b/nijigen/css/base.scss
@@ -0,0 +1,476 @@
+/**
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * 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/>.
+ */
+/*
+ * skin style
+ *
+ * @author <a href="http://vanessa.b3log.org">Liyuan Li</a>
+ * @version 0.1.0.0, Aug 31, 2018
+*/
+@import "../../../scss/reset";
+@import "../../../scss/reset-content";
+@import "../../../scss/function";
+@import "../../../scss/tooltipped";
+@import "icon";
+
+$purple: #7266BA !default;
+$purple-dark: #6658b8 !default;
+$red: #b94a48 !default;
+$black: #3d4450 !default;
+
+// reset
+body {
+  cursor: url(../images/cursor.cur), url(../images/cursor.cur), auto
+}
+
+a {
+  transition: all .3s;
+  cursor: url(../images/pointer.cur), url(../images/pointer.cur), auto
+}
+
+// module
+.module {
+  border-radius: 5px;
+  overflow: hidden;
+  margin-bottom: 30px;
+  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
+  transition: all .3s;
+
+  &:hover {
+    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
+  }
+
+  &__content {
+    background-color: rgba(255, 255, 255, 0.8);
+    padding: 15px;
+    color: $black;
+    &:hover {
+      background-color: #fff;
+    }
+
+    &--three {
+      padding-bottom: 0;
+    }
+  }
+
+  &__header {
+    background-color: rgba(10, 10, 0, 0.7);
+    padding: 15px;
+    color: #fff;
+
+    a {
+      color: #fff;
+    }
+
+    &:hover {
+      background-color: rgba(10, 10, 0, 0.9);
+    }
+  }
+
+  &__list {
+    li {
+      border-bottom: 1px solid #ddd;
+      background-color: rgba(255, 255, 255, 0.8);
+      line-height: 20px;
+      a {
+        padding: 15px 15px;
+        display: block;
+        color: $black;
+
+        &:hover {
+          text-decoration: none;
+          color: $red;
+          background-color: #fff;
+        }
+      }
+    }
+  }
+}
+
+// form
+.form {
+  position: relative;
+  &__input {
+    border: 1px solid $purple;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 15px;
+    border-radius: 15px;
+    width: 100%;
+    box-sizing: border-box;
+  }
+}
+
+// bg
+.bg {
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-image: url(../images/background1.jpg);
+  background-size: cover;
+  background-position: center center;
+  z-index: -1;
+  animation: imageAnimation 36s linear infinite 0s;
+  opacity: 0;
+
+  &--1 {
+    background-image: url(../images/background2.jpg);
+    animation-delay: 6s;
+  }
+  &--2 {
+    background-image: url(../images/background3.jpg);
+    animation-delay: 12s;
+  }
+  &--3 {
+    background-image: url(../images/background4.jpg);
+    animation-delay: 18s;
+  }
+  &--4 {
+    background-image: url(../images/background5.jpg);
+    animation-delay: 24s;
+  }
+  &--5 {
+    background-image: url(../images/background6.jpg);
+    animation-delay: 30s;
+  }
+}
+
+@keyframes imageAnimation {
+  0% {
+    opacity: 0;
+    animation-timing-function: ease-in
+  }
+
+  8% {
+    opacity: 1;
+    transform: scale(1.05);
+    animation-timing-function: ease-out
+  }
+
+  17% {
+    opacity: 1;
+    transform: scale(1.1) rotate(0deg)
+  }
+
+  25% {
+    opacity: 0;
+    transform: scale(1.1) rotate(0deg)
+  }
+
+  100% {
+    opacity: 0
+  }
+}
+
+// header
+.header {
+  background-color: rgba(10, 10, 0, 0.7);
+  height: 50px;
+  line-height: 50px;
+  color: #fff;
+  transition: all .3s;
+  box-shadow: 0 0 8px black;
+
+  &:hover {
+    background-color: rgba(10, 10, 0, 0.9);
+  }
+
+  a {
+    color: #fff;
+    padding: 0 15px;
+    display: inline-block;
+    &:hover {
+      text-decoration: none;
+      background-color: rgba($purple-dark, 0.8);
+    }
+  }
+
+  &__logo {
+    position: absolute;
+    left: 30px;
+  }
+
+  &__nav {
+    text-align: center;
+  }
+
+  &__login {
+    position: absolute;
+    right: 30px;
+    top: 0;
+  }
+}
+
+// framework
+.main {
+  max-width: 1170px;
+  padding: 30px;
+  margin: auto;
+  display: flex;
+}
+
+// side
+.side {
+  width: 280px;
+  min-width: 280px;
+  margin-left: 30px;
+
+  &__btn {
+    background-color: transparent;
+    border: 0;
+    top: 5px;
+    position: absolute;
+    right: 10px;
+  }
+
+  &__avatar {
+    border-radius: 50%;
+    height: 100px;
+    width: 100px;
+    display: block;
+    margin: 0 auto;
+    margin-bottom: 15px;
+    transition: transform .3s;
+    margin-top: 10px;
+
+    &:hover {
+      transform: rotate(360deg) scale(1.2);
+      border: 5px solid rgba($purple, 0.36);
+      margin-top: 0;
+    }
+  }
+}
+
+// tag
+.tag {
+  float: left;
+  color: #fff;
+  padding: 2px 5px;
+  border: 1px solid transparent;
+  height: 20px;
+  white-space: nowrap;
+  word-wrap: normal;
+  background-color: rgba(10, 10, 0, 0.7);
+  border-radius: 3px 3px 3px 3px;
+  line-height: 21px;
+  margin: 0 15px 15px 0;
+
+  a {
+    color: #fff;
+  }
+
+  &:hover {
+    background-color: $red;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+    text-decoration: none;
+  }
+}
+
+// footer
+.footer {
+  text-align: center;
+  color: #fff;
+  padding: 15px;
+  margin-bottom: 30px;
+  a {
+    color: $black;
+  }
+}
+
+// article list
+.article-list {
+  .item {
+    border-radius: 5px;
+    margin-bottom: 30px;
+    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
+    padding: 15px;
+    background-color: rgba(255, 255, 255, 0.8);
+    position: relative;
+    transition: all .3s;
+
+    &:hover {
+      background-color: #fff;
+      box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.8);
+    }
+
+    .tag {
+      float: none;
+      display: inline-block;
+    }
+
+    &__title {
+      text-align: center;
+      font-size: 24px;
+      font-weight: 500;
+      a {
+        color: rgba(10, 10, 0, 0.7);
+        padding: 0 15px;
+        border-radius: 5px;
+        display: inline-block;
+        margin-bottom: 15px;
+        line-height: 36px;
+
+        &:hover {
+          color: #fff;
+          text-decoration: none;
+          background-color: $purple-dark;
+        }
+      }
+
+      & > sup {
+        color: $red;
+      }
+    }
+
+    &__date {
+      position: absolute;
+      background-color: $purple;
+      color: #fff;
+      height: 70px;
+      width: 70px;
+      font-size: 12px;
+      top: -20px;
+      border-radius: 35px;
+      left: -20px;
+      text-align: center;
+      padding-top: 9px;
+      box-sizing: border-box;
+    }
+
+    &__day {
+      font-size: 30px;
+      display: block;
+    }
+  }
+}
+
+// pagination
+.pagination {
+  &__item {
+    color: #fff;
+    border-radius: 3px;
+    padding: 0 10px;
+    line-height: 24px;
+    display: inline-block;
+    margin-left: 10px;
+    background-color: rgba($purple, 0.58);
+
+    &--text {
+      background-color: rgba(255, 255, 255, 0.8);
+      color: $purple;
+    }
+
+    &--current {
+      background-color: $purple-dark;
+    }
+  }
+
+  a.pagination__item:hover {
+    text-decoration: none;
+    background-color: $purple-dark;
+  }
+}
+
+@media (max-width: 768px) {
+  .header__nav {
+    display: none;
+  }
+
+  .main {
+    display: block;
+    margin: 15px;
+    padding: 0;
+  }
+
+  .side {
+    margin: 0;
+    width: auto;
+  }
+
+  .article-list .item__date {
+    display: none;
+  }
+
+  .article-list .item,
+  .module {
+    margin-bottom: 15px;
+  }
+
+  .footer {
+    margin: 0 15px 15px;
+    background-color: rgba(255, 255, 255, 0.8);
+    border-radius: 5px;
+    color: $black;
+    line-height: 20px;
+
+    a {
+      text-decoration: underline;
+    }
+
+    .fn__none--m {
+      display: none;
+    }
+
+    .fn__none {
+      display: block;
+    }
+  }
+
+  .article-list .item__date--m {
+    text-align: center;
+    margin-bottom: 10px;
+    color: $black;
+  }
+
+  .tag {
+    margin: 0 5px 10px 0;
+    font-size: 12px;
+  }
+
+  .header__logo {
+    left: 0;
+  }
+
+  .header__login {
+    display: none;
+  }
+
+  .header__m {
+    display: block;
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+
+    .icon__list {
+      position: absolute;
+      top: -35px;
+      right: 15px;
+      font-size: 20px;
+      color: #fff;
+    }
+
+    .module__list {
+      display: none;
+
+      li {
+        background-color: #fff;
+      }
+    }
+  }
+}
--- a/nijigen/css/fonts/icomoon.eot
+++ b/nijigen/css/fonts/icomoon.eot
--- a/nijigen/css/fonts/icomoon.svg
+++ b/nijigen/css/fonts/icomoon.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="views" d="M512 768c-282.784 0-512-320-512-320s229.216-320 512-320 512 320 512 320-229.216 320-512 320zM512 256c-106.016 0-192 85.984-192 192s85.984 192 192 192 192-85.984 192-192-85.984-192-192-192zM512 576c-70.688 0-128-57.312-128-128s57.312-128 128-128 128 57.312 128 128-57.312 128-128 128z" />
+<glyph unicode="&#xe901;" glyph-name="rss" d="M136.294 209.070c-75.196 0-136.292-61.334-136.292-136.076 0-75.154 61.1-135.802 136.292-135.802 75.466 0 136.494 60.648 136.494 135.802-0.002 74.742-61.024 136.076-136.494 136.076zM0.156 612.070v-196.258c127.784 0 247.958-49.972 338.458-140.512 90.384-90.318 140.282-211.036 140.282-339.3h197.122c-0.002 372.82-303.282 676.070-675.862 676.070zM0.388 960v-196.356c455.782 0 826.756-371.334 826.756-827.644h196.856c0 564.47-459.254 1024-1023.612 1024z" />
+<glyph unicode="&#xe973;" glyph-name="register" d="M384 224c0 151.234 95.874 280.486 230.032 330.2 16.28 36.538 25.968 77.164 25.968 117.8 0 159.058 0 288-192 288s-192-128.942-192-288c0-99.060 57.502-198.104 128-237.832v-52.78c-217.102-17.748-384-124.42-384-253.388h397.306c-8.664 30.53-13.306 62.732-13.306 96zM736 512c-159.058 0-288-128.942-288-288s128.942-288 288-288c159.056 0 288 128.942 288 288s-128.942 288-288 288zM896 192h-128v-128h-64v128h-128v64h128v128h64v-128h128v-64z" />
+<glyph unicode="&#xe994;" glyph-name="setting" d="M933.79 349.75c-53.726 93.054-21.416 212.304 72.152 266.488l-100.626 174.292c-28.75-16.854-62.176-26.518-97.846-26.518-107.536 0-194.708 87.746-194.708 195.99h-201.258c0.266-33.41-8.074-67.282-25.958-98.252-53.724-93.056-173.156-124.702-266.862-70.758l-100.624-174.292c28.97-16.472 54.050-40.588 71.886-71.478 53.638-92.908 21.512-211.92-71.708-266.224l100.626-174.292c28.65 16.696 61.916 26.254 97.4 26.254 107.196 0 194.144-87.192 194.7-194.958h201.254c-0.086 33.074 8.272 66.57 25.966 97.218 53.636 92.906 172.776 124.594 266.414 71.012l100.626 174.29c-28.78 16.466-53.692 40.498-71.434 71.228zM512 240.668c-114.508 0-207.336 92.824-207.336 207.334 0 114.508 92.826 207.334 207.336 207.334 114.508 0 207.332-92.826 207.332-207.334-0.002-114.51-92.824-207.334-207.332-207.334z" />
+<glyph unicode="&#xe9bc;" glyph-name="category" d="M976 192h-16v208c0 61.756-50.242 112-112 112h-272v128h16c26.4 0 48 21.6 48 48v160c0 26.4-21.6 48-48 48h-160c-26.4 0-48-21.6-48-48v-160c0-26.4 21.6-48 48-48h16v-128h-272c-61.756 0-112-50.244-112-112v-208h-16c-26.4 0-48-21.6-48-48v-160c0-26.4 21.6-48 48-48h160c26.4 0 48 21.6 48 48v160c0 26.4-21.6 48-48 48h-16v192h256v-192h-16c-26.4 0-48-21.6-48-48v-160c0-26.4 21.6-48 48-48h160c26.4 0 48 21.6 48 48v160c0 26.4-21.6 48-48 48h-16v192h256v-192h-16c-26.4 0-48-21.6-48-48v-160c0-26.4 21.6-48 48-48h160c26.4 0 48 21.6 48 48v160c0 26.4-21.6 48-48 48zM192 0h-128v128h128v-128zM576 0h-128v128h128v-128zM448 704v128h128v-128h-128zM960 0h-128v128h128v-128z" />
+<glyph unicode="&#xea13;" glyph-name="login" d="M384 448h-320v128h320v128l192-192-192-192zM1024 960v-832l-384-192v192h-384v256h64v-192h320v576l256 128h-576v-256h-64v320z" />
+<glyph unicode="&#xea14;" glyph-name="logout" d="M768 320v128h-320v128h320v128l192-192zM704 384v-256h-320v-192l-384 192v832h704v-320h-64v256h-512l256-128v-576h256v192z" />
+<glyph unicode="&#xf002;" glyph-name="search" horiz-adv-x="951" d="M658.286 475.428c0 141.143-114.857 256-256 256s-256-114.857-256-256 114.857-256 256-256 256 114.857 256 256zM950.857 0c0-40-33.143-73.143-73.143-73.143-19.429 0-38.286 8-51.429 21.714l-196 195.429c-66.857-46.286-146.857-70.857-228-70.857-222.286 0-402.286 180-402.286 402.286s180 402.286 402.286 402.286 402.286-180 402.286-402.286c0-81.143-24.571-161.143-70.857-228l196-196c13.143-13.143 21.143-32 21.143-51.429z" />
+<glyph unicode="&#xf015;" glyph-name="home" horiz-adv-x="951" d="M804.571 384v-274.286c0-20-16.571-36.571-36.571-36.571h-219.429v219.429h-146.286v-219.429h-219.429c-20 0-36.571 16.571-36.571 36.571v274.286c0 1.143 0.571 2.286 0.571 3.429l328.571 270.857 328.571-270.857c0.571-1.143 0.571-2.286 0.571-3.429zM932 423.428l-35.429-42.286c-2.857-3.429-7.429-5.714-12-6.286h-1.714c-4.571 0-8.571 1.143-12 4l-395.429 329.714-395.429-329.714c-4-2.857-8.571-4.571-13.714-4-4.571 0.571-9.143 2.857-12 6.286l-35.429 42.286c-6.286 7.429-5.143 19.429 2.286 25.714l410.857 342.286c24 20 62.857 20 86.857 0l139.429-116.571v111.429c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286v-233.143l125.143-104c7.429-6.286 8.571-18.286 2.286-25.714z" />
+<glyph unicode="&#xf01c;" glyph-name="inbox" horiz-adv-x="878" d="M584.571 402.286h180.571c-1.143 2.857-1.714 6.286-2.857 9.143l-121.143 283.429h-404.571l-121.143-283.429c-1.143-2.857-1.714-6.286-2.857-9.143h180.571l54.286-109.714h182.857zM877.714 385.143v-275.429c0-20-16.571-36.571-36.571-36.571h-804.571c-20 0-36.571 16.571-36.571 36.571v275.429c0 20.571 6.286 50.857 14.286 70.286l136 315.429c8 18.857 30.857 33.714 50.857 33.714h475.429c20 0 42.857-14.857 50.857-33.714l136-315.429c8-19.429 14.286-49.714 14.286-70.286z" />
+<glyph unicode="&#xf021;" glyph-name="refresh" horiz-adv-x="878" d="M863.429 347.428c0-1.143 0-2.857-0.571-4-48.571-202.286-215.429-343.429-426.286-343.429-111.429 0-219.429 44-300.571 121.143l-73.714-73.714c-6.857-6.857-16-10.857-25.714-10.857-20 0-36.571 16.571-36.571 36.571v256c0 20 16.571 36.571 36.571 36.571h256c20 0 36.571-16.571 36.571-36.571 0-9.714-4-18.857-10.857-25.714l-78.286-78.286c53.714-50.286 125.143-78.857 198.857-78.857 101.714 0 196 52.571 249.143 139.429 13.714 22.286 20.571 44 30.286 66.857 2.857 8 8.571 13.143 17.143 13.143h109.714c10.286 0 18.286-8.571 18.286-18.286zM877.714 804.571v-256c0-20-16.571-36.571-36.571-36.571h-256c-20 0-36.571 16.571-36.571 36.571 0 9.714 4 18.857 10.857 25.714l78.857 78.857c-54.286 50.286-125.714 78.286-199.429 78.286-101.714 0-196-52.571-249.143-139.429-13.714-22.286-20.571-44-30.286-66.857-2.857-8-8.571-13.143-17.143-13.143h-113.714c-10.286 0-18.286 8.571-18.286 18.286v4c49.143 202.857 217.714 343.429 428.571 343.429 112 0 221.143-44.571 302.286-121.143l74.286 73.714c6.857 6.857 16 10.857 25.714 10.857 20 0 36.571-16.571 36.571-36.571z" />
+<glyph unicode="&#xf02c;" glyph-name="tags" horiz-adv-x="1085" d="M256 694.857c0 40.571-32.571 73.143-73.143 73.143s-73.143-32.571-73.143-73.143 32.571-73.143 73.143-73.143 73.143 32.571 73.143 73.143zM865.714 365.714c0-19.429-8-38.286-21.143-51.429l-280.571-281.143c-13.714-13.143-32.571-21.143-52-21.143s-38.286 8-51.429 21.143l-408.571 409.143c-29.143 28.571-52 84-52 124.571v237.714c0 40 33.143 73.143 73.143 73.143h237.714c40.571 0 96-22.857 125.143-52l408.571-408c13.143-13.714 21.143-32.571 21.143-52zM1085.143 365.714c0-19.429-8-38.286-21.143-51.429l-280.571-281.143c-13.714-13.143-32.571-21.143-52-21.143-29.714 0-44.571 13.714-64 33.714l268.571 268.571c13.143 13.143 21.143 32 21.143 51.429s-8 38.286-21.143 52l-408.571 408c-29.143 29.143-84.571 52-125.143 52h128c40.571 0 96-22.857 125.143-52l408.571-408c13.143-13.714 21.143-32.571 21.143-52z" />
+<glyph unicode="&#xf073;" glyph-name="date" horiz-adv-x="951" d="M73.143 0h164.571v164.571h-164.571v-164.571zM274.286 0h182.857v164.571h-182.857v-164.571zM73.143 201.143h164.571v182.857h-164.571v-182.857zM274.286 201.143h182.857v182.857h-182.857v-182.857zM73.143 420.571h164.571v164.571h-164.571v-164.571zM493.714 0h182.857v164.571h-182.857v-164.571zM274.286 420.571h182.857v164.571h-182.857v-164.571zM713.143 0h164.571v164.571h-164.571v-164.571zM493.714 201.143h182.857v182.857h-182.857v-182.857zM292.571 694.857v164.571c0 9.714-8.571 18.286-18.286 18.286h-36.571c-9.714 0-18.286-8.571-18.286-18.286v-164.571c0-9.714 8.571-18.286 18.286-18.286h36.571c9.714 0 18.286 8.571 18.286 18.286zM713.143 201.143h164.571v182.857h-164.571v-182.857zM493.714 420.571h182.857v164.571h-182.857v-164.571zM713.143 420.571h164.571v164.571h-164.571v-164.571zM731.429 694.857v164.571c0 9.714-8.571 18.286-18.286 18.286h-36.571c-9.714 0-18.286-8.571-18.286-18.286v-164.571c0-9.714 8.571-18.286 18.286-18.286h36.571c9.714 0 18.286 8.571 18.286 18.286zM950.857 731.428v-731.429c0-40-33.143-73.143-73.143-73.143h-804.571c-40 0-73.143 33.143-73.143 73.143v731.429c0 40 33.143 73.143 73.143 73.143h73.143v54.857c0 50.286 41.143 91.429 91.429 91.429h36.571c50.286 0 91.429-41.143 91.429-91.429v-54.857h219.429v54.857c0 50.286 41.143 91.429 91.429 91.429h36.571c50.286 0 91.429-41.143 91.429-91.429v-54.857h73.143c40 0 73.143-33.143 73.143-73.143z" />
+<glyph unicode="&#xf077;" glyph-name="up" d="M961.714 190.286l-94.857-94.286c-14.286-14.286-37.143-14.286-51.429 0l-303.429 303.429-303.429-303.429c-14.286-14.286-37.143-14.286-51.429 0l-94.857 94.286c-14.286 14.286-14.286 37.714 0 52l424 423.429c14.286 14.286 37.143 14.286 51.429 0l424-423.429c14.286-14.286 14.286-37.714 0-52z" />
+<glyph unicode="&#xf0c1;" glyph-name="link" horiz-adv-x="951" d="M832 256c0 14.857-5.714 28.571-16 38.857l-118.857 118.857c-10.286 10.286-24.571 16-38.857 16-16.571 0-29.714-6.286-41.143-18.286 18.857-18.857 41.143-34.857 41.143-64 0-30.286-24.571-54.857-54.857-54.857-29.143 0-45.143 22.286-64 41.143-12-11.429-18.857-24.571-18.857-41.714 0-14.286 5.714-28.571 16-38.857l117.714-118.286c10.286-10.286 24.571-15.429 38.857-15.429s28.571 5.143 38.857 14.857l84 83.429c10.286 10.286 16 24 16 38.286zM430.286 658.857c0 14.286-5.714 28.571-16 38.857l-117.714 118.286c-10.286 10.286-24.571 16-38.857 16s-28.571-5.714-38.857-15.429l-84-83.429c-10.286-10.286-16-24-16-38.286 0-14.857 5.714-28.571 16-38.857l118.857-118.857c10.286-10.286 24.571-15.429 38.857-15.429 16.571 0 29.714 5.714 41.143 17.714-18.857 18.857-41.143 34.857-41.143 64 0 30.286 24.571 54.857 54.857 54.857 29.143 0 45.143-22.286 64-41.143 12 11.429 18.857 24.571 18.857 41.714zM941.714 256c0-43.429-17.714-85.714-48.571-116l-84-83.429c-30.857-30.857-72.571-47.429-116-47.429-44 0-85.714 17.143-116.571 48.571l-117.714 118.286c-30.857 30.857-47.429 72.571-47.429 116 0 45.143 18.286 88 50.286 119.429l-50.286 50.286c-31.429-32-73.714-50.286-118.857-50.286-43.429 0-85.714 17.143-116.571 48l-118.857 118.857c-31.429 31.429-48 72.571-48 116.571 0 43.429 17.714 85.714 48.571 116l84 83.429c30.857 30.857 72.571 47.429 116 47.429 44 0 85.714-17.143 116.571-48.571l117.714-118.286c30.857-30.857 47.429-72.571 47.429-116 0-45.143-18.286-88-50.286-119.429l50.286-50.286c31.429 32 73.714 50.286 118.857 50.286 43.429 0 85.714-17.143 116.571-48l118.857-118.857c31.429-31.429 48-72.571 48-116.571z" />
+<glyph unicode="&#xf0ca;" glyph-name="list" d="M219.429 146.286c0-60.571-49.143-109.714-109.714-109.714s-109.714 49.143-109.714 109.714 49.143 109.714 109.714 109.714 109.714-49.143 109.714-109.714zM219.429 438.857c0-60.571-49.143-109.714-109.714-109.714s-109.714 49.143-109.714 109.714 49.143 109.714 109.714 109.714 109.714-49.143 109.714-109.714zM1024 201.143v-109.714c0-9.714-8.571-18.286-18.286-18.286h-694.857c-9.714 0-18.286 8.571-18.286 18.286v109.714c0 9.714 8.571 18.286 18.286 18.286h694.857c9.714 0 18.286-8.571 18.286-18.286zM219.429 731.428c0-60.571-49.143-109.714-109.714-109.714s-109.714 49.143-109.714 109.714 49.143 109.714 109.714 109.714 109.714-49.143 109.714-109.714zM1024 493.714v-109.714c0-9.714-8.571-18.286-18.286-18.286h-694.857c-9.714 0-18.286 8.571-18.286 18.286v109.714c0 9.714 8.571 18.286 18.286 18.286h694.857c9.714 0 18.286-8.571 18.286-18.286zM1024 786.286v-109.714c0-9.714-8.571-18.286-18.286-18.286h-694.857c-9.714 0-18.286 8.571-18.286 18.286v109.714c0 9.714 8.571 18.286 18.286 18.286h694.857c9.714 0 18.286-8.571 18.286-18.286z" />
+<glyph unicode="&#xf0e6;" glyph-name="comments" d="M402.286 731.428c-178.286 0-329.143-100.571-329.143-219.429 0-62.857 42.286-123.429 115.429-165.714l55.429-32-20-48c12 6.857 24 14.286 35.429 22.286l25.143 17.714 30.286-5.714c28.571-5.143 57.714-8 87.429-8 178.286 0 329.143 100.571 329.143 219.429s-150.857 219.429-329.143 219.429zM402.286 804.571c222.286 0 402.286-130.857 402.286-292.571s-180-292.571-402.286-292.571c-34.857 0-68.571 3.429-100.571 9.143-47.429-33.714-101.143-58.286-158.857-73.143-15.429-4-32-6.857-49.143-9.143h-1.714c-8.571 0-16.571 6.857-18.286 16.571v0c-2.286 10.857 5.143 17.714 11.429 25.143 22.286 25.143 47.429 47.429 66.857 94.857-92.571 53.714-152 136.571-152 229.143 0 161.714 180 292.571 402.286 292.571zM872 136.571c19.429-47.429 44.571-69.714 66.857-94.857 6.286-7.429 13.714-14.286 11.429-25.143v0c-2.286-10.286-10.857-17.714-20-16.571-17.143 2.286-33.714 5.143-49.143 9.143-57.714 14.857-111.429 39.429-158.857 73.143-32-5.714-65.714-9.143-100.571-9.143-103.429 0-198.286 28.571-269.714 75.429 16.571-1.143 33.714-2.286 50.286-2.286 122.857 0 238.857 35.429 327.429 99.429 95.429 69.714 148 164 148 266.286 0 29.714-4.571 58.857-13.143 86.857 96.571-53.143 159.429-137.714 159.429-233.143 0-93.143-59.429-175.429-152-229.143z" />
+</font></defs></svg>
--- a/nijigen/css/fonts/icomoon.ttf
+++ b/nijigen/css/fonts/icomoon.ttf
--- a/nijigen/css/fonts/icomoon.woff
+++ b/nijigen/css/fonts/icomoon.woff
--- a/nijigen/dynamic.ftl
+++ b/nijigen/dynamic.ftl
@@ -0,0 +1,74 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${dynamicLabel}"/>
+        <meta name="description" content="${metaDescription},${dynamicLabel}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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 tooltipped 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="content-reset">
+                                                ${comment.commentContent}
+                                            </div>
+                                        </main>
+                                    </div>
+                                </li>
+                            </#list>
+                        </ul>
+                    </#if>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+
+        <script>
+            var $commentContents = $(".comments .content-reset");
+            for (var i = 0; i < $commentContents.length; i++) {
+                var str = $commentContents[i].innerHTML;
+                $commentContents[i].innerHTML = Util.replaceEmString(str);
+            }
+        </script>
+    </body>
+</html>
--- a/nijigen/footer.ftl
+++ b/nijigen/footer.ftl
@@ -0,0 +1,66 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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">
+    &copy; ${year}
+    ${footerContent}
+    <a href="${servePath}">${blogTitle}</a>  <span class="fn__none--m">&nbsp; • &nbsp;</span>
+    <div class="fn__none"></div>
+    <a href="https://solo.b3log.org" target="_blank">Solo</a> ${version}  <br/>
+
+    Powered by <a href="https://b3log.org" target="_blank">B3log</a> 开源
+    <div class="fn__none"></div>
+    &nbsp; &heartsuit;  &nbsp;
+    Theme <a rel="friend" href="https://github.com/b3log/solo-skins" target="_blank">nijigen</a> by <a href="http://vanessa.b3log.org" target="_blank">Vanessa</a>
+</footer>
+<div class="icon-up" onclick="Util.goTop()"></div>
+
+<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+    var latkeConfig = {
+        "servePath": "${servePath}",
+        "staticServePath": "${staticServePath}",
+        "isLoggedIn": "${isLoggedIn?string}",
+        "userName": "${userName}"
+    };
+
+    var Label = {
+        "skinDirName": "${skinDirName}",
+        "em00Label": "${em00Label}",
+        "em01Label": "${em01Label}",
+        "em02Label": "${em02Label}",
+        "em03Label": "${em03Label}",
+        "em04Label": "${em04Label}",
+        "em05Label": "${em05Label}",
+        "em06Label": "${em06Label}",
+        "em07Label": "${em07Label}",
+        "em08Label": "${em08Label}",
+        "em09Label": "${em09Label}",
+        "em10Label": "${em10Label}",
+        "em11Label": "${em11Label}",
+        "em12Label": "${em12Label}",
+        "em13Label": "${em13Label}",
+        "em14Label": "${em14Label}"
+    };
+
+    Util.parseMarkdown('content-reset');
+</script>
+${plugins}
--- a/nijigen/header.ftl
+++ b/nijigen/header.ftl
@@ -0,0 +1,135 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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="bg"></div>
+<div class="bg bg--1"></div>
+<div class="bg bg--2"></div>
+<div class="bg bg--3"></div>
+<div class="bg bg--4"></div>
+<div class="bg bg--5"></div>
+<header class="header">
+    <div class="header__wrap">
+        <a href="${servePath}" rel="start" class="header__logo">
+            <i class="icon__home"></i>   ${blogTitle}
+        </a>
+
+        <nav class="header__nav">
+            <#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}/blog-articles-rss.do" rel="section">
+                <i class="icon__rss"></i> RSS
+            </a>
+        </nav>
+
+        <div class="header__login">
+             <#if isLoggedIn>
+                 <a href="${servePath}/admin-index.do#main" title="${adminLabel}">
+                     <i class="icon__setting"></i> ${adminLabel}
+                 </a>
+                 <a href="${logoutURL}">
+                     <i class="icon__logout"></i> ${logoutLabel}
+                 </a>
+             <#else>
+                    <a href="${loginURL}">
+                        <i class="icon__login"></i> ${loginLabel}
+                    </a>
+                    <a href="${servePath}/register">
+                        <i class="icon__register"></i> ${registerLabel}
+                    </a>
+             </#if>
+        </div>
+    </div>
+</header>
+<div class="header__m fn__none">
+    <i class="icon__list" onclick="$(this).next().slideToggle()"></i>
+    <main class="module__list">
+        <ul>
+        <#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="${loginURL}">
+                        <i class="icon__login"></i> ${loginLabel}
+                    </a>
+                </li>
+                <li>
+                    <a href="${servePath}/register">
+                        <i class="icon__register"></i> ${registerLabel}
+                    </a>
+                </li>
+        </#if>
+        <#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}/blog-articles-rss.do" rel="section">
+                    <i class="icon__rss"></i> RSS
+                </a>
+            </li>
+        </ul>
+    </main>
+</div>
--- a/nijigen/images/background1.jpg
+++ b/nijigen/images/background1.jpg
--- a/nijigen/images/background2.jpg
+++ b/nijigen/images/background2.jpg
--- a/nijigen/images/background3.jpg
+++ b/nijigen/images/background3.jpg
--- a/nijigen/images/background4.jpg
+++ b/nijigen/images/background4.jpg
--- a/nijigen/images/background5.jpg
+++ b/nijigen/images/background5.jpg
--- a/nijigen/images/background6.jpg
+++ b/nijigen/images/background6.jpg
--- a/nijigen/images/code-bg.png
+++ b/nijigen/images/code-bg.png
--- a/nijigen/images/cursor.cur
+++ b/nijigen/images/cursor.cur
--- a/nijigen/images/pointer.cur
+++ b/nijigen/images/pointer.cur
--- a/nijigen/index.ftl
+++ b/nijigen/index.ftl
@@ -0,0 +1,43 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+    <@head title="${blogTitle}">
+    <#if metaKeywords??>
+    <meta name="keywords" content="${metaKeywords}"/>
+    </#if>
+    <#if metaDescription??>
+    <meta name="description" content="${metaDescription}"/>
+    </#if>
+    </@head>
+</head>
+<body>
+<#include "header.ftl">
+<div class="main">
+    <main class="content">
+    <#include "article-list.ftl">
+    </main>
+    <#include "side.ftl">
+</div>
+<#include "footer.ftl">
+</body>
+</html>
--- a/nijigen/js/common.js
+++ b/nijigen/js/common.js
@@ -0,0 +1,140 @@
+/*
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * 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) {
+        $('body').on('click', '.content-reset img', function () {
+            window.open(this.src);
+        });
+
+        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', '86px')
+            } else {
+                $navbar.removeClass('pin');
+                $('.main-wrap').parent().css('margin-top', '0')
+            }
+        });
+    },
+    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();
+        });
+    },
+    _initArticleCommon: function (tocLabel, siteViewLabel) {
+        // TOC
+        if ($('.b3-solo-list li').length > 0 && $(window).width() > 1000) {
+            // add color to sidebar menu
+            $('aside').addClass('has-toc');
+
+            // append toc to sidebar menu
+            var articleTocHTML = '<ul class="fn-clear"><li class="current" data-tab="toc">' + tocLabel
+            + '</li><li data-tab="site">' + siteViewLabel + '</li></ul><section></section>';
+            $('aside').prepend(articleTocHTML);
+            var $sectionF = $('aside section:first').html($('.b3-solo-list')),
+                    $sectionL = $('aside section:last');
+            $sectionF.height($(window).height() - 154).css({ 'overflow': 'auto', 'width':  $('aside').width() + 'px'});
+            $sectionL.hide();
+            // 切换 tab
+            $('aside > ul > li').click(function () {
+                if ($(this).data('tab') === 'toc') {
+                    $sectionL.animate({
+                        "opacity": '0',
+                        "top": '-50px'
+                    }, 300, function () {
+                        $sectionF.show().css('top', '-50px');
+                        $sectionF.animate({
+                            "opacity": '1',
+                            "top": '0'
+                        }, 300).show();
+                    });
+                } else {
+                    $sectionF.animate({
+                        "opacity": '0',
+                        "top": '-50px'
+                    }, 300, function () {
+                        $sectionF.hide().css('top', '-50px');
+                        $sectionL.animate({
+                            "opacity": '1',
+                            "top": '0'
+                        }, 300).show();
+                    }).hide();
+                }
+                $('aside > ul > li').removeClass('current');
+                $(this).addClass('current');
+            });
+
+            $(window).scroll(function () {
+                if ($(window).scrollTop() > 125) {
+                    $('aside section:eq(0)').css({
+                        position: "fixed",
+                        top: "51px",
+                        backgroundColor: "#fff"
+                    })
+                } else {
+                    $('aside section:eq(0)').css({
+                        position: "inherit",
+                        borderLeft: 0
+                    })
+                }
+            });
+        }
+    },
+    initArticle: function (tocLabel, siteViewLabel) {
+        this._initArticleCommon(tocLabel, siteViewLabel);
+    }
+};
+Skin.init();
--- a/nijigen/js/common.min.js
+++ b/nijigen/js/common.min.js
@@ -0,0 +1,18 @@
+/*
+ * Solo - A small and beautiful blogging system written in Java.
+ * Copyright (c) 2010-2018, b3log.org & hacpai.com
+ *
+ * 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/>.
+ */
+var Skin={_initCommon:function(i){$("body").on("click",".content-reset img",function(){window.open(this.src)});var t=$("header .banner"),n=$("header .navbar");$(window).scroll(function(){if($(window).scrollTop()>125?i.show():i.hide(),$(window).width()<701)return!1;$(window).scrollTop()>t.height()?(n.addClass("pin"),$(".main-wrap").parent().css("margin-top","86px")):(n.removeClass("pin"),$(".main-wrap").parent().css("margin-top","0"))})},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()})},_initArticleCommon:function(i,t){if($(".b3-solo-list li").length>0&&$(window).width()>1e3){$("aside").addClass("has-toc");var n='<ul class="fn-clear"><li class="current" data-tab="toc">'+i+'</li><li data-tab="site">'+t+"</li></ul><section></section>";$("aside").prepend(n);var o=$("aside section:first").html($(".b3-solo-list")),s=$("aside section:last");o.height($(window).height()-154).css({overflow:"auto",width:$("aside").width()+"px"}),s.hide(),$("aside > ul > li").click(function(){"toc"===$(this).data("tab")?s.animate({opacity:"0",top:"-50px"},300,function(){o.show().css("top","-50px"),o.animate({opacity:"1",top:"0"},300).show()}):o.animate({opacity:"0",top:"-50px"},300,function(){o.hide().css("top","-50px"),s.animate({opacity:"1",top:"0"},300).show()}).hide(),$("aside > ul > li").removeClass("current"),$(this).addClass("current")}),$(window).scroll(function(){$(window).scrollTop()>125?$("aside section:eq(0)").css({position:"fixed",top:"51px",backgroundColor:"#fff"}):$("aside section:eq(0)").css({position:"inherit",borderLeft:0})})}},initArticle:function(i,t){this._initArticleCommon(i,t)}};Skin.init();
--- a/nijigen/lang/lang_en_US.properties
+++ b/nijigen/lang/lang_en_US.properties
@@ -0,0 +1,33 @@
+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-2018, b3log.org & hacpai.com
+#
+# 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: 1.2.0.0, Apr 8, 2017
+# Author: Liyuan Li
+#
+
+siteViewLabel=Site
+onlineVisitorLabel=Visitor
+tocLabel=Article ToC
+readLabel=Read More
+nextArticleLabel=Next
+previousArticleLabel=Previous
+articleCP1Label=Please indicate the source:
+viewCountLabel=View Count
+cntLabel=
--- a/nijigen/lang/lang_zh_CN.properties
+++ b/nijigen/lang/lang_zh_CN.properties
@@ -0,0 +1,33 @@
+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-2018, b3log.org & hacpai.com
+#
+# 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: 1.2.0.0, Apr 8, 2017
+# Author: Liyuan Li
+#
+
+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
+cntLabel=\u4E2A
--- a/nijigen/links.ftl
+++ b/nijigen/links.ftl
@@ -0,0 +1,55 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${archiveLabel}"/>
+        <meta name="description" content="${metaDescription},${archiveLabel}"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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>
--- a/nijigen/macro-comments.ftl
+++ b/nijigen/macro-comments.ftl
@@ -0,0 +1,119 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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>
+        <table id="commentForm" class="form">
+            <tbody>
+                <#if !isLoggedIn>
+                <tr>
+                    <td>
+                        <input placeholder="${commentNameLabel}" type="text" class="normalInput" id="commentName"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <input placeholder="${commentEmailLabel}" type="email" class="normalInput" id="commentEmail"/>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <input placeholder="${commentURLLabel}" type="url" id="commentURL"/>
+                    </td>
+                </tr>
+                </#if>
+                <tr>
+                    <td id="emotions" class="emotions">
+                        <span class="em00" title="${em00Label}"></span>
+                        <span class="em01" title="${em01Label}"></span>
+                        <span class="em02" title="${em02Label}"></span>
+                        <span class="em03" title="${em03Label}"></span>
+                        <span class="em04" title="${em04Label}"></span>
+                        <span class="em05" title="${em05Label}"></span>
+                        <span class="em06" title="${em06Label}"></span>
+                        <span class="em07" title="${em07Label}"></span>
+                        <span class="em08" title="${em08Label}"></span>
+                        <span class="em09" title="${em09Label}"></span>
+                        <span class="em10" title="${em10Label}"></span>
+                        <span class="em11" title="${em11Label}"></span>
+                        <span class="em12" title="${em12Label}"></span>
+                        <span class="em13" title="${em13Label}"></span>
+                        <span class="em14" title="${em14Label}"></span>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <textarea rows="5" cols="96" id="comment"></textarea>
+                    </td>
+                </tr>
+                <#if !isLoggedIn>
+                <tr>
+                    <td>
+                        <input style="width:50%" placeholder="${captchaLabel}" type="text" class="normalInput" id="commentValidate"/>
+                        <img class="captcha" id="captcha" alt="validate" src="${servePath}/captcha.do" />
+                    </td>
+                </tr>
+                </#if>
+                <tr>
+                    <td colspan="2" align="right">
+                        <span class="error-msg" id="commentErrorTip"></span>
+                        <button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+</#if>
+</#macro>
+
+<#macro comment_script oId>
+<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+                        var page = new Page({
+                            "nameTooLongLabel": "${nameTooLongLabel}",
+                            "mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
+                            "mailInvalidLabel": "${mailInvalidLabel}",
+                            "commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
+                            "captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
+                            "loadingLabel": "${loadingLabel}",
+                            "oId": "${oId}",
+                            "skinDirName": "${skinDirName}",
+                            "blogHost": "${blogHost}",
+                            "randomArticles1Label": "${randomArticles1Label}",
+                            "externalRelevantArticles1Label": "${externalRelevantArticles1Label}"
+                        });
+                        var replyTo = function (id) {
+                            var commentFormHTML = "<table class='form comment-reply' id='replyForm'>";
+                            page.addReplyForm(id, commentFormHTML);
+                        };
+                        (function () {
+                            page.load();
+                            Skin.initArticle("${tocLabel}", "${siteViewLabel}");
+                            // emotions
+                            page.replaceCommentsEm("#comments .content-reset");
+                            <#nested>
+                        })();
+</script>
+</#macro>
--- a/nijigen/macro-head.ftl
+++ b/nijigen/macro-head.ftl
@@ -0,0 +1,37 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 head title>
+<meta charset="utf-8" />
+<title>${title}</title>
+<#nested>
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<meta name="author" content="${blogTitle?html}" />
+<meta name="generator" content="Solo" />
+<meta name="owner" content="B3log Team" />
+<meta name="revised" content="${blogTitle?html}, ${year}" />
+<meta name="copyright" content="B3log" />
+<meta http-equiv="Window-target" content="_top" />
+<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
+<link href="${servePath}/blog-articles-rss.do" title="RSS" type="application/rss+xml" rel="alternate" />
+<link rel="icon" type="image/png" href="${servePath}/favicon.png" />
+<link rel="manifest" href="${servePath}/manifest.json">
+<link rel="search" type="application/opensearchdescription+xml" title="${title}" href="/opensearch.xml">
+${htmlHead}
+</#macro>
--- a/nijigen/page.ftl
+++ b/nijigen/page.ftl
@@ -0,0 +1,48 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<#include "macro-comments.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${page.pageTitle} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${page.pageTitle}" />
+        <meta name="description" content="${metaDescription}" />
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <div class="wrapper">
+            <div class="main-wrap">
+                <main>
+                    <article class="post">
+                        <div class="content-reset">
+                        ${page.pageContent}
+                        </div>
+                        <@comments commentList=pageComments article=page></@comments>
+                    </article>
+                </main>
+                <#include "side.ftl">
+            </div>
+        </div>
+        <#include "footer.ftl">
+        <@comment_script oId=page.oId></@comment_script>
+    </body>
+</html>
--- a/nijigen/preview.png
+++ b/nijigen/preview.png
--- a/nijigen/side.ftl
+++ b/nijigen/side.ftl
@@ -0,0 +1,138 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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/>.
+
+-->
+<aside class="side">
+    <#if noticeBoard??>
+    <section class="content-reset module">
+        <main class="module__content">
+            ${noticeBoard}
+        </main>
+    </section>
+    </#if>
+
+    <section class="module">
+        <header class="module__header">
+            <form class="form" action="${servePath}/search">
+                <input placeholder="${searchLabel}" class="form__input" type="text" name="keyword"/>
+                <button class="side__btn" type="submit"><i class="icon__search"></i></button>
+            </form>
+        </header>
+    </section>
+
+    <div class="module meta">
+        <header class="module__header ft__center">
+        ${adminUser.userName}
+        </header>
+        <main class="module__content ft__center">
+            <img class="side__avatar" src="${adminUser.userAvatar}" alt="${adminUser.userName}"/>
+        ${blogSubtitle}
+        </main>
+    </div>
+
+    <#if 0 != mostUsedCategories?size>
+        <div class="module">
+            <header class="module__header">
+                ${categoryLabel}
+            </header>
+            <main class="module__content fn__clear module__content--three">
+                <#list mostUsedCategories as category>
+                    <a href="${servePath}/category/${category.categoryURI}"
+                       aria-label="${category.categoryTagCnt} ${cntLabel}${tagsLabel}"
+                       class="tag tooltipped tooltipped__n">
+                        ${category.categoryTitle}</a>
+                </#list>
+            </main>
+        </div>
+    </#if>
+
+    <#if 0 != mostUsedTags?size>
+        <div class="module">
+            <header class="module__header">${tagsLabel}</header>
+            <main class="module__content--three module__content fn__clear">
+                <#list mostUsedTags as tag>
+                    <a rel="tag"
+                       href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}"
+                       class="tag tooltipped tooltipped__n"
+                       aria-label="${tag.tagPublishedRefCount} ${countLabel}${articleLabel}">
+                        ${tag.tagTitle}</a>
+                </#list>
+            </main>
+        </div>
+    </#if>
+
+    <#if 0 != mostCommentArticles?size>
+        <div class="module">
+            <header class="module__header">${mostCommentArticlesLabel}</header>
+            <main class="module__list">
+                <ul>
+                    <#list mostCommentArticles as article>
+                        <li>
+                            <a rel="nofollow"
+                               href="${servePath}${article.articlePermalink}">
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </main>
+        </div>
+    </#if>
+
+    <#if 0 != mostViewCountArticles?size>
+        <div class="module">
+            <header class="module__header">${mostViewCountArticlesLabel}</header>
+            <main class="module__list">
+                <ul>
+                    <#list mostViewCountArticles as article>
+                        <li>
+                            <a rel="nofollow"
+                               href="${servePath}${article.articlePermalink}">
+                                ${article.articleTitle}
+                            </a>
+                        </li>
+                    </#list>
+                </ul>
+            </main>
+        </div>
+    </#if>
+
+    <div class="module">
+        <div class="module__header">
+            <div class="fn__flex">
+                <a href="${servePath}/archives.html" class="fn__flex-1 ft__center">
+                ${statistic.statisticPublishedBlogArticleCount}
+                ${articleLabel}
+                </a>
+                <a href="${servePath}/dynamic.html" class="fn__flex-1 ft__center">
+                ${statistic.statisticPublishedBlogCommentCount}
+                ${commentLabel}
+                </a>
+            </div>
+            <br/>
+            <div class="fn__flex">
+                <div class="fn__flex-1 ft__center">
+                ${statistic.statisticBlogViewCount} <span class="ft-gray">${viewLabel}</span>
+                </div>
+                <div class="fn__flex-1 ft__center">
+                ${onlineVisitorCnt} <span class="ft-gray">${onlineVisitorLabel}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</aside>
--- a/nijigen/skin.properties
+++ b/nijigen/skin.properties
@@ -0,0 +1,26 @@
+#
+# Solo - A small and beautiful blogging system written in Java.
+# Copyright (c) 2010-2018, b3log.org & hacpai.com
+#
+# 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
--- a/nijigen/tag-articles.ftl
+++ b/nijigen/tag-articles.ftl
@@ -0,0 +1,46 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${tag.tagTitle} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${tag.tagTitle}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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>
--- a/nijigen/tags.ftl
+++ b/nijigen/tags.ftl
@@ -0,0 +1,64 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-2018, b3log.org & hacpai.com
+
+    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 "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
+        <meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body>
+        <#include "header.ftl">
+        <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" data-count="${tag.tagPublishedRefCount}" 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">
+            <script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/isotope.pkgd.min.js" charset="utf-8"></script>
+            <script>
+            $('.tags').isotope({
+                transitionDuration: '1.5s',
+                filter: 'a',
+                layoutMode: 'fitRows'
+            });
+            $('.tags').isotope({
+                sortBy: 'random'
+            });
+            </script>
+    </body>
+</html>