🔧 bolo-solo-nexmoe -> bolo-nexmoe

imiaoyu · Jan 1, 2020 · 39666d4 · 39666d4
1 parent 9dbb954
commit 39666d4
Show file tree

Hide file tree

Showing 24 changed files with 3,141 additions and 1 deletion.
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/src/main/webapp/skins/bolo-nexmoe/archive-articles.ftl b/src/main/webapp/skins/bolo-nexmoe/archive-articles.ftl
@@ -0,0 +1,55 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+    <@head title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} ${archiveLabel} - ${blogTitle}">
+        <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/mdui.min.css">
+        <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/font-icon.css?${staticResourceVersion}">
+    </@head>
+</head>
+<body class="mdui-drawer-body-left mdui-loaded">
+<div id="nexmoe-background">
+    <#include "header.ftl">
+</div>
+<div id="nexmoe-header">
+    <#include "side.ftl">
+</div>
+<div id="nexmoe-content">
+    <div class="nexmoe-primary">
+        <main id="pjax" class="fn__flex-1">
+            <#if pjax><!---- pjax {#pjax} start ----></#if>
+            <#include "article-list.ftl">
+            <#if pjax><!---- pjax {#pjax} end ----></#if>
+        </main>
+
+        <#if "" != noticeBoard>
+            <div class="nexmoe-hitokoto">
+                <p id="hitokoto">${blogSubtitle}</p>
+            </div>
+        </#if>
+        <div class="back-to-top iconfont solo-gotop" onclick="Util.goTop()"></div>
+    </div>
+</div>
+<#include "footer.ftl">
+</body>
+</html>
diff --git a/src/main/webapp/skins/bolo-nexmoe/article-list.ftl b/src/main/webapp/skins/bolo-nexmoe/article-list.ftl
@@ -0,0 +1,96 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<section class="nexmoe-posts" id="brand-waterfall">
+    <#list articles as article>
+        <div class="nexmoe-post">
+            <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle} - ${blogTitle}">
+                <div class="nexmoe-post-cover mdui-ripple">
+                    <#if article.articlePutTop>
+                        <i class="top iconfont solo-top"></i>
+                    </#if>
+                    <img src="${article.articleImg1URL}" alt="${article.articleTitle}"
+                         data-src="/images/5c3aec85a4343.jpg" class="ls-is-cached lazyloaded index-img">
+                    <h1>${article.articleTitle}</h1>
+                </div>
+            </a>
+            <div class="nexmoe-post-meta">
+                <span>
+                    <i class="nexmoefont iconfont solo-calendarl"></i>${article.articleUpdateDate?string("yyyy年MM月dd日")}
+                </span>
+
+                <span>
+                    <i class="nexmoefont iconfont solo-heat"></i>${article.articleViewCount} °C
+                </span>
+
+                <#if article.articleCommentCount != 0>
+                    <span>
+                        <i class="nexmoefont iconfont solo-comment"></i>${article.articleCommentCount}
+                    </span>
+                </#if>
+
+                <#if article.articleCategory != "">
+                    <span>
+                        <a class="nexmoefont iconfont solo-category"
+                           href="${servePath}/category/${article.categoryURI}">${article.articleCategory}</a>
+                    </span>
+                </#if>
+
+                <#list article.articleTags?split(",") as articleTag>
+                <span>
+                    <a class="nexmoefont iconfont solo-tag -link"
+                       href="${servePath}/tags/${articleTag?url('UTF-8')}">${articleTag}</a>
+                </span>
+                </#list>
+
+            </div>
+            <article>
+                <p class="summary">${article.articleAbstractText}</p>
+            </article>
+        </div>
+    </#list>
+</section>
+
+<#if 1 < paginationPageCount >
+    <nav class="nexmoe-page-nav">
+        <#if 1 != paginationPageNums?first>
+            <a class="extend prev" rel="prev" href="${servePath}${path}?p=${paginationPreviousPageNum}">
+                <i class="nexmoefont iconfont solo-left"></i>
+            </a>
+            <a class="page-number" href="${servePath}${path}">1</a>
+            <span class="page-number">…</span>
+        </#if>
+        <#list paginationPageNums as paginationPageNum>
+            <#if paginationPageNum == paginationCurrentPageNum>
+                <span class="page-number current">${paginationPageNum}</span>
+            <#else>
+                <a class="page-number"
+                   href="${servePath}${path}?p=${paginationPageNum}">${paginationPageNum}</a>
+            </#if>
+        </#list>
+        <#if paginationPageNums?last != paginationPageCount>
+            <span class="page-number">…</span>
+            <a href="${servePath}${path}?p=${paginationPageCount}"
+               class="page-number">${paginationPageCount}</a>
+            <a class="extend next" rel="next" href="${servePath}${path}?p=${paginationNextPageNum}">
+                <i class="nexmoefont iconfont solo-right"></i>
+            </a>
+        </#if>
+    </nav>
+</#if>
diff --git a/src/main/webapp/skins/bolo-nexmoe/article.ftl b/src/main/webapp/skins/bolo-nexmoe/article.ftl
@@ -0,0 +1,122 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<#include "macro-comments.ftl">
+<#include "../../common-template/macro-comment_script.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+    <@head title="${article.articleTitle} - ${blogTitle}" description="${article.articleAbstract?html}">
+        <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/mdui.min.css">
+        <link rel="stylesheet"
+              href="${staticServePath}/skins/${skinDirName}/css/font-icon.css?${staticResourceVersion}">
+    </@head>
+</head>
+<body class="mdui-drawer-body-left mdui-loaded">
+<div id="nexmoe-background">
+    <#include "header.ftl">
+</div>
+<div id="nexmoe-header">
+    <#include "side.ftl">
+</div>
+<div id="nexmoe-content">
+    <div class="nexmoe-primary">
+        <main id="pjax" class="fn__flex-1">
+            <#if pjax><!---- pjax {#pjax} start ----></#if>
+            <div class="nexmoe-post">
+                <div class="nexmoe-post-cover">
+                    <img src="${article.articleImg1URL}" alt="${article.articleTitle}"
+                         data-src="${article.articleImg1URL}" class=" ls-is-cached lazyloaded">
+                    <h1>${article.articleTitle}</h1>
+                </div>
+                <div class="nexmoe-post-meta">
+                <span>
+                    <i class="nexmoefont iconfont solo-calendarl"></i>${article.articleUpdateDate?string("yyyy年MM月dd日")}
+                </span><span>
+                    <i class="nexmoefont iconfont solo-heat"></i>${article.articleViewCount} °C
+                </span><#if article.articleCategory != ""><span>
+                    <i class="nexomefont iconfont solo-category"></i>${article.articleCategory}</span></#if>
+                    <#if article.articleCommentCount != 0><span>
+                        <i class="nexmoefont iconfont solo-comment"></i>${article.articleCommentCount}
+                        </span></#if>
+                    <#list article.articleTags?split(",") as articleTag>
+                        <#if articleTag_index == 0>
+                            <#if article.category??><span>
+                                <a class="nexmoefont iconfont solo-category -link"
+                                   href="${servePath}/category/${article.category.categoryURI}">${article.category.categoryTitle}</a>
+                                </span>
+                            </#if>
+                        </#if><span><a class="nexmoefont iconfont solo-tag -link"
+                                       href="${servePath}/tags/${articleTag?url('UTF-8')}">${articleTag}</a></span>
+                    </#list>
+
+                </div>
+                <article>
+                    <div class="vditor-reset">
+                        ${article.articleContent}
+                    </div>
+                </article>
+                <script>
+                    var loggedIn = ${article.logged};
+                </script>
+                <#if "" != article.articleSign.signHTML?trim>
+                    <div class="nexmoe-post-copyright">
+                        <i class="mdui-list-item-icon iconfont solo-about2"></i>
+                        ${article.articleSign.signHTML}
+                    </div>
+                </#if>
+            </div>
+            <div class="post__toc">
+                <#if article?? && article.articleToC?? && article.articleToC?size &gt; 0>
+                    <#include "../../common-template/toc.ftl"/>
+                </#if>
+            </div>
+            <@comments commentList=articleComments article=article></@comments>
+            <#if pjax><!---- pjax {#pjax} end ----></#if>
+        </main>
+
+        <#if "" != noticeBoard>
+            <div class="nexmoe-hitokoto">
+                <p id="hitokoto">${blogSubtitle}</p>
+            </div>
+        </#if>
+        <div class="back-to-top iconfont solo-gotop" onclick="Util.goTop()"></div>
+    </div>
+</div>
+<#include "footer.ftl">
+<#if pjax><!---- pjax {#pjax} start ----></#if>
+<@comment_script oId=article.oId commentable=article.commentable>
+    page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
+    <#if 0 != randomArticlesDisplayCount>
+        page.loadRandomArticles('<h3>RECOMMEND POSTS</h3>');
+    </#if>
+    <#if 0 != externalRelevantArticlesDisplayCount>
+        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>",
+        '<h3>HACPAI POSTS</h3>');
+    </#if>
+    <#if 0 != relevantArticlesDisplayCount>
+        page.loadRelevantArticles('${article.oId}', '<h3>RELEVANT POSTS</h3>');
+    </#if>
+    Skin.initArticle()
+</@comment_script>
+<#if pjax><!---- pjax {#pjax} end ----></#if>
+</body>
+</html>
diff --git a/src/main/webapp/skins/bolo-nexmoe/category-articles.ftl b/src/main/webapp/skins/bolo-nexmoe/category-articles.ftl
@@ -0,0 +1,55 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<#include "../../common-template/macro-common_head.ftl">
+<!DOCTYPE html>
+<html>
+<head>
+    <@head title="${category.categoryTitle} - ${blogTitle}">
+        <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/base.css?${staticResourceVersion}"/>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/mdui.min.css">
+        <link rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/font-icon.css?${staticResourceVersion}">
+    </@head>
+</head>
+<body class="mdui-drawer-body-left mdui-loaded">
+<div id="nexmoe-background">
+    <#include "header.ftl">
+</div>
+<div id="nexmoe-header">
+    <#include "side.ftl">
+</div>
+<div id="nexmoe-content">
+    <div class="nexmoe-primary">
+        <main id="pjax" class="fn__flex-1">
+            <#if pjax><!---- pjax {#pjax} start ----></#if>
+            <#include "article-list.ftl">
+            <#if pjax><!---- pjax {#pjax} end ----></#if>
+        </main>
+
+        <#if "" != noticeBoard>
+            <div class="nexmoe-hitokoto">
+                <p id="hitokoto">${blogSubtitle}</p>
+            </div>
+        </#if>
+        <div class="back-to-top iconfont solo-gotop" onclick="Util.goTop()"></div>
+    </div>
+</div>
+<#include "footer.ftl">
+</body>
+</html>
diff --git a/src/main/webapp/skins/bolo-nexmoe/common-comment.ftl b/src/main/webapp/skins/bolo-nexmoe/common-comment.ftl
@@ -0,0 +1,46 @@
+<#--
+
+    Solo - A small and beautiful blogging system written in Java.
+    Copyright (c) 2010-present, b3log.org
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+-->
+<li id="${comment.oId}" class="fn-clear">
+    <div class="comment-body">
+        <div class="fn-clear comment-meta">
+                <span class="fn-left">
+                    <#if "http://" == comment.commentURL>
+                        <a>${comment.commentName}</a>
+                    <#else>
+                        <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                    </#if>
+                    <#if comment.isReply>
+                        @
+                    <a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
+                       onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 23);"
+                       onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
+                    >${comment.commentOriginalCommentName}</a>
+                    </#if>
+                        <time>${comment.commentDate2?string("yyyy-MM-dd HH:mm")}</time>
+                </span>
+        <#if article.commentable>
+            <a class="fn-right" href="javascript:page.toggleEditor('${comment.oId}', '${comment.commentName}')">${replyLabel}</a>
+        </#if>
+        </div>
+        <div class="comment-content post-body vditor-reset">
+        ${comment.commentContent}
+        </div>
+    </div>
+</li>
diff --git a/src/main/webapp/skins/bolo-nexmoe/css/base.css b/src/main/webapp/skins/bolo-nexmoe/css/base.css