add new skin

2015-06-20 14:39:52 +08:00 · 2015-06-20 14:39:52 +08:00 · 00bd7cc6c6
commit 00bd7cc6c6
parent dd50c476b8
47 changed files with 2873 additions and 0 deletions
--- a/finding/archive-articles.ftl
+++ b/finding/archive-articles.ftl
@ -0,0 +1,30 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <h2 class="fn-wrap">
+                        ${archive1Label}
+                        <#if "en" == localeString?substring(0, 2)>
+                        ${archiveDate.archiveDateMonth} ${archiveDate.archiveDateYear} (${archiveDate.archiveDatePublishedArticleCount})
+                        <#else>
+                        ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel} (${archiveDate.archiveDatePublishedArticleCount})
+                        </#if>
+                    </h2>
+                <#include "article-list.ftl">
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/archives.ftl
+++ b/finding/archives.ftl
@ -0,0 +1,38 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <#if 0 != archiveDates?size>
+                <ul class="fn-clear fn-wrap" id='tags'>
+                    <#list archiveDates as archiveDate>
+                    <li>
+                        <#if "en" == localeString?substring(0, 2)>
+                        <a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
+                           title="${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})">
+                            ${archiveDate.monthName} ${archiveDate.archiveDateYear}(${archiveDate.archiveDatePublishedArticleCount})</a>
+                        <#else>
+                        <a href="${servePath}/archives/${archiveDate.archiveDateYear}/${archiveDate.archiveDateMonth}"
+                           title="${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})">
+                            ${archiveDate.archiveDateYear} ${yearLabel} ${archiveDate.archiveDateMonth} ${monthLabel}(${archiveDate.archiveDatePublishedArticleCount})</a>
+                        </#if>
+                    </li>
+                    </#list>
+                </ul>
+                </#if>
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/article-list.ftl
+++ b/finding/article-list.ftl
@ -0,0 +1,60 @@
+<#if !isIndex && paginationCurrentPageNum != 1>
+<nav class="pagination fn-clear fn-wrap" role="navigation">
+    <#if paginationCurrentPageNum != 1>
+    <a class="fn-left" href="${servePath}${path}/${paginationPreviousPageNum}">← ${previousPageLabel}</a>
+    </#if>
+    <span>${pageLabel} ${paginationCurrentPageNum} of ${paginationPageCount}</span>
+    <#if paginationPageCount != paginationCurrentPageNum>
+    <a class="fn-right" href="${servePath}${path}/${paginationNextPageNum}">${nextPagePabel} →</a>
+    </#if>
+</nav>
+</#if>
+
+<#list articles as article>
+<article class="post fn-wrap">
+    <header>
+        <h2 class="post-title">
+            <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                ${article.articleTitle}
+            </a>
+            <#if article.hasUpdated>
+            <sup class="post-tip">
+                ${updatedLabel}
+            </sup>
+            </#if>
+            <#if article.articlePutTop>
+            <sup class="post-tip">
+                ${topArticleLabel}
+            </sup>
+            </#if>
+        </h2>
+    </header>
+    <section class="post-excerpt fn-clear">
+        <p>${article.articleAbstract}</p>
+    </section>
+    <footer class="post-meta">
+        <img class="avatar" title="${article.authorName}" alt="${article.authorName}" src="${article.authorThumbnailURL}"/>
+        <a rel="nofollow" href="${servePath}/authors/${article.authorId}">${article.authorName}</a>
+        on
+        <#list article.articleTags?split(",") as articleTag>
+        <span>
+            <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                ${articleTag}</a><#if articleTag_has_next>,</#if>
+        </span>
+        </#list>
+        <time>${article.articleCreateDate?string("yyyy-MM-dd")}</time>
+    </footer>
+</article>
+</#list>
+
+<#if 0 != paginationPageCount>
+<nav class="pagination fn-clear fn-wrap" role="navigation">
+    <#if paginationCurrentPageNum != 1>
+    <a class="fn-left" href="${servePath}${path}/${paginationPreviousPageNum}">← ${previousPageLabel}</a>
+    </#if>
+    <span>${pageLabel} ${paginationCurrentPageNum} of ${paginationPageCount}</span>
+    <#if paginationPageCount != paginationCurrentPageNum>
+    <a class="fn-right" href="${servePath}${path}/${paginationNextPageNum}">${nextPagePabel} →</a>
+    </#if>
+</nav>
+</#if>
--- a/finding/article.ftl
+++ b/finding/article.ftl
@ -0,0 +1,98 @@
+<#include "macro-head.ftl">
+<#include "macro-comments.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${article.articleTitle} - ${blogTitle}">
+        <meta name="keywords" content="${article.articleTags}" />
+        <meta name="description" content="${article.articleAbstract?html}" />
+        </@head>
+    </head>
+    <body class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main>
+                <article class="post fn-wrap">
+                    <header>
+                        <h1 class="post-title">
+                            <a rel="bookmark" href="${servePath}${article.articlePermalink}">
+                                ${article.articleTitle}
+                            </a>
+                            <#if article.hasUpdated>
+                            <sup class="post-tip">
+                                ${updatedLabel}
+                            </sup>
+                            </#if>
+                            <#if article.articlePutTop>
+                            <sup class="post-tip">
+                                ${topArticleLabel}
+                            </sup>
+                            </#if>
+                        </h1>
+                        <section class="post-meta">
+                            <#list article.articleTags?split(",") as articleTag>
+                            <span>
+                                <a rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
+                                    ${articleTag}</a><#if articleTag_has_next>,</#if>
+                            </span>
+                            </#list>
+                            <time>${article.articleCreateDate?string("yyyy-MM-dd")}</time>
+                        </section>
+                    </header>
+                    <section class="post-content">
+                        ${article.articleContent}
+                        <#if "" != article.articleSign.signHTML?trim>
+                        <div class="marginTop12">
+                            ${article.articleSign.signHTML}
+                        </div>
+                        </#if>
+                    </section>
+                    <footer>
+                        <figure class="post-author">
+                            <a href="${servePath}/authors/${article.authorId}"
+                               title="${article.authorName}" alt="${article.authorName}"
+                               style="background-image: url('${article.authorThumbnailURL}')">
+                                <span class="fn-none">${article.authorName}</span>
+                            </a>
+                        </figure>
+                        <div class="share fn-right">
+                            <span class="icon icon-tencent" data-type="tencent"></span>
+                            <span class="icon icon-weibo" data-type="weibo"></span>
+                            <span class="icon icon-twitter" data-type="twitter"></span>
+                            <span class="icon icon-google" data-type="google"></span>
+                        </div>
+                    </footer>
+                </article>
+                <@comments commentList=articleComments article=article></@comments>
+            </main>
+            <#if nextArticlePermalink?? || previousArticlePermalink??>
+            <aside class="read-next">
+                <#if nextArticlePermalink??>
+                <div class="read-next-story " style="background-image: url('${staticServePath}/skins/${skinDirName}/images/next.jpg')"
+                     onclick="window.location = '${servePath}${nextArticlePermalink}'">
+                    <section class="post">
+                        <h2>${nextArticleTitle}</h2>
+                        <p>${nextArticleAbstract}</p>
+                    </section>
+                </div>
+                </#if>
+                <#if previousArticlePermalink??>
+                <div class="read-next-story prev " style="background-image: url('${staticServePath}/skins/${skinDirName}/images/preview.jpg')"
+                     onclick="window.location = '${servePath}${previousArticlePermalink}'">
+                    <section class="post">
+                        <h2>${previousArticleTitle}</h2>
+                        <p>${previousArticleAbstract}</p>
+                    </section>
+                </div>
+                </#if>
+            </aside>
+            </#if>
+            <#include "footer.ftl">
+
+            <@comment_script oId=article.oId></@comment_script>    
+        </div>
+    </body>
+</html>
--- a/finding/author-articles.ftl
+++ b/finding/author-articles.ftl
@ -0,0 +1,25 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${authorName} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${authorName}"/>
+        <meta name="description" content="<#list articles as article>${article.articleTitle}<#if article_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <h2 class="fn-wrap">
+                    ${author1Label}${authorName}
+                </h2>
+                <#include "article-list.ftl">
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/css/finding.css
+++ b/finding/css/finding.css
--- a/finding/css/finding.min.css
+++ b/finding/css/finding.min.css
--- a/finding/css/fonts/icomoon.eot
+++ b/finding/css/fonts/icomoon.eot
--- a/finding/css/fonts/icomoon.svg
+++ b/finding/css/fonts/icomoon.svg
@ -0,0 +1,21 @@
+<?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;" d="" horiz-adv-x="512" />
+<glyph unicode="&#xe600;" d="M358.344 457.514q-76.634 0-130.858 54.222t-54.223 130.858 54.222 130.858 130.858 54.223 130.858-54.223 54.223-130.858-54.222-130.858-130.858-54.222zM821.043 395.82h169.657q6.266 0 10.845-4.579t4.579-10.845v-92.54q0-6.266-4.579-10.845t-10.845-4.579h-169.657v-169.657q0-6.266-4.579-10.845t-10.845-4.579h-92.54q-6.266 0-10.845 4.579t-4.579 10.845v169.657h-169.657q-6.266 0-10.845 4.579t-4.579 10.845v92.54q0 6.266 4.579 10.845t10.845 4.579h169.657v169.657q0 6.266 4.579 10.844t10.845 4.579h92.54q6.266 0 10.845-4.579t4.579-10.844v-169.657zM466.308 287.856q0-25.062 18.315-43.377t43.377-18.315h123.387v-114.711q-32.773-24.099-82.419-24.099h-421.251q-58.319 0-93.504 33.257t-35.184 91.575q0 25.545 1.687 49.884t6.749 52.537 12.773 52.294 20.725 46.993 29.883 39.041 41.208 25.785 53.74 9.641q9.158 0 18.797-8.193 38.076-29.401 74.466-44.101t79.286-14.701 79.286 14.701 74.466 44.101q9.641 8.193 18.797 8.193 63.622 0 104.59-46.27h-107.482q-25.062 0-43.377-18.315t-18.315-43.377v-92.54z" horiz-adv-x="1027" />
+<glyph unicode="&#xe601;" d="M798.222 282.667v122.667h-306.667v122.667h306.667v122.667l184-184zM736.888 344.001v-245.333h-306.667v-184l-368 184v797.333h674.667v-306.667h-61.333v245.333h-490.667l245.333-122.667v-552h245.333v184z" />
+<glyph unicode="&#xe602;" d="M916.215 332.511c-51.487 89.177-20.524 203.458 69.146 255.384l-96.433 167.030c-27.552-16.152-59.585-25.413-93.769-25.413-103.055 0-186.595 84.090-186.595 187.824h-192.872c0.255-32.018-7.738-64.479-24.876-94.158-51.486-89.179-165.941-119.506-255.743-67.81l-96.431-167.030c27.763-15.786 51.798-38.897 68.891-68.5 51.403-89.037 20.616-203.090-68.72-255.131l96.433-167.030c27.456 16 59.336 25.16 93.342 25.16 102.729 0 186.055-83.559 186.588-186.835h192.868c-0.082 31.696 7.927 63.796 24.884 93.167 51.401 89.035 165.577 119.403 255.313 68.053l96.433 167.028c-27.581 15.78-51.455 38.811-68.458 68.26zM512 227.974c-109.737 0-198.697 88.956-198.697 198.695 0 109.737 88.958 198.695 198.697 198.695 109.737 0 198.693-88.958 198.693-198.695-0.002-109.739-88.956-198.695-198.693-198.695z" />
+<glyph unicode="&#xe603;" d="M22.106 83.906c-0.234 2.427-0.433 4.859-0.56 7.312 0.125-2.453 0.326-4.886 0.56-7.312zM247.412 375.734c88.176-2.624 147.328 88.836 132.118 204.315-15.232 115.46-99.088 208.119-187.266 210.759-88.192 2.616-147.334-85.754-132.108-201.25 15.22-115.448 99.046-211.192 187.256-213.823zM1002.667 672v81.755c0 89.968-73.583 163.578-163.547 163.578h-654.212c-88.431 0-161.012-71.139-163.457-159.012 55.93 49.245 133.519 90.386 213.588 90.386 85.583 0 342.359 0 342.359 0l-76.617-64.801h-108.549c72-27.604 110.358-111.286 110.358-197.15 0-72.113-40.068-134.123-96.684-178.219-55.242-43.031-65.715-61.053-65.715-97.633 0-31.221 59.173-84.333 90.114-106.172 90.449-63.766 119.711-122.966 119.711-221.812 0-15.743-1.957-31.462-5.813-46.92h294.919c89.963 0 163.545 73.552 163.545 163.578v511.087h-184v-183.998h-61.333v184h-183.998v61.333h183.998v184h61.333v-184h184zM199.474 183.312c20.713 0 39.696 0.565 59.355 0.565-26.015 25.237-46.6 56.158-46.6 94.281 0 22.624 7.249 44.405 17.378 63.748-10.333-0.738-20.882-0.953-31.746-0.953-71.258 0-131.777 23.073-176.529 61.193v-64.44l0.006-193.325c51.213 24.317 112.018 38.929 178.135 38.929zM24.611 67.045c-1.066 5.231-1.884 10.547-2.436 15.941 0.55-5.393 1.37-10.71 2.436-15.941zM457.806 4.19c-14.431 56.356-65.602 84.299-136.934 133.753-25.944 8.368-54.523 13.296-85.19 13.616-85.884 0.924-165.895-33.486-211.040-84.69 15.257-74.468 81.491-130.868 160.266-130.868h274.509c1.74 10.664 2.584 21.689 2.584 32.997 0 12.012-1.47 23.759-4.194 35.192z" />
+<glyph unicode="&#xe605;" d="M431.713 469.974c-138.186-6.379-249.878-80.393-249.878-172.715 0-92.194 111.717-161.506 249.878-155.051 138.289 6.302 250.215 92.839 250.215 185.033 0 92.115-111.924 149.111-250.215 142.732zM525.869 237.76c-42.328-54.619-126.050-81.269-207.345-37.239-38.711 20.995-37.264 62.211-37.264 62.211s-16.062 130.182 122.925 146.451c139.142 16.115 163.986-116.779 121.685-171.423zM432.64 324.944c-8.911-6.455-10.716-18.801-5.888-26.469 4.648-7.878 15.469-8.78 24.223-2.221 8.6 6.791 11.931 18.619 7.257 26.469-4.598 7.644-15.287 9.865-25.591 2.221zM366.763 307.023c-25.978-2.685-44.547-25.308-44.547-46.949 0-21.693 20.917-36.67 46.845-33.624 25.85 2.944 46.87 22.931 46.87 44.547 0.052 21.693-19.343 38.891-49.17 36.026zM853.245 917.334h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544c0 82.509-66.861 149.395-149.395 149.395zM805.444 266.037c-56.969-121.013-244.818-179.894-384.037-168.996-132.298 10.408-302.379 54.361-319.966 214.473 0 0-9.296 72.515 60.998 166.336 0 0 101.102 141.184 218.862 181.47 117.863 40.106 131.627-27.761 131.627-67.867-6.275-34.011-17.999-54.025 26.239-40.286 0 0 115.849 53.74 163.547 6.068 38.454-38.479 6.354-91.444 6.354-91.444s-15.96-17.637 16.89-23.991c32.926-6.586 136.43-54.543 79.488-175.762zM691.197 600.388c-12.602 0-22.726 10.201-22.726 22.701 0 12.732 10.122 22.958 22.726 22.958 0 0 142.036 26.262 125.043-126.358 0-0.903-0.103-1.627-0.309-2.428-1.602-10.82-11.103-19.109-22.287-19.109-12.654 0-22.958 10.122-22.958 22.751 0-0.025 22.519 101.982-79.488 79.488zM931.288 478.315h-0.207c-3.745-25.825-16.554-27.891-31.815-27.891-18.258 0-33.003 11.466-33.003 29.75 0 15.832 6.561 31.92 6.561 31.92 1.936 6.662 17.38 48.085-10.201 110.013-50.512 84.834-152.237 86.074-164.243 81.244-12.111-4.751-29.982-7.126-29.982-7.126-18.389 0-33.109 14.952-33.109 33.132 0 15.262 10.201 28.175 24.146 32.127 0 0 0.309 0.516 0.774 0.594 1.008 0.207 2.041 1.215 3.124 1.317 14.178 2.712 64.664 12.629 113.756 1.137 87.829-20.504 208.457-105.442 154.2-286.214z" />
+<glyph unicode="&#xe60a;" d="M1014.323 422.849l-253.013-0.064 0.067-463.723h-499.15v463.79l-252.549-0.064 502.389 501.267z" />
+<glyph unicode="&#xe60b;" d="M839.119 917.334h-654.212c-89.963 0-163.574-73.61-163.574-163.578v-654.179c0-90.024 73.612-163.576 163.574-163.576h654.212c89.965 0 163.547 73.552 163.547 163.578v654.178c0 89.968-73.583 163.578-163.547 163.578zM824.466 589.743c0.314-7.036 0.47-14.114 0.47-21.225 0-216.788-162.165-466.773-458.714-466.773-91.046 0-175.791 27.167-247.141 73.713 12.612-1.522 25.446-2.294 38.458-2.294 75.538 0 145.051 26.23 200.228 70.229-70.549 1.322-130.088 48.756-150.606 113.929 9.846-1.917 19.945-2.946 30.333-2.946 14.705 0 28.947 2.009 42.473 5.758-73.753 15.077-129.327 81.378-129.327 160.862 0 0.692 0 1.378 0.015 2.062 21.735-12.286 46.598-19.665 73.025-20.518-43.261 29.419-71.724 79.63-71.724 136.551 0 30.063 7.948 58.246 21.829 82.472 79.517-99.255 198.314-164.565 332.306-171.409-2.75 12.010-4.176 24.529-4.176 37.388 0 90.599 72.187 164.048 161.22 164.048 46.374 0 88.28-19.92 117.685-51.806 36.723 7.356 71.227 21.007 102.381 39.811-12.039-38.31-37.599-70.459-70.884-90.764 32.608 3.966 63.683 12.784 92.594 25.831-21.607-32.894-48.942-61.789-80.446-84.918z" />
+<glyph unicode="&#xe60d;" d="M1002.64 767.939c0 82.509-66.886 149.395-149.395 149.395h-682.544c-82.509 0-149.395-66.886-149.395-149.395v-682.544c0-82.509 66.886-149.395 149.395-149.395h682.544c82.509 0 149.395 66.886 149.395 149.395v682.544zM149.294 55.595c0.981-11.803-7.876-42.121-19.705-42.121h-2.17c-10.95 0-20.297 27.063-21.356 38.297-16.347 182.217 41.191 329.832 92.633 406.038 18.515 27.711 37.498 50.512 54.696 68.642-4.288 9.813-6.689 20.66-6.689 32.127 0 44.29 36.077 80.109 80.366 80.109 44.547 0 80.213-35.819 80.213-80.109 0-44.572-35.688-80.366-80.213-80.366-17.095 0-32.848 5.397-45.942 14.463-15.211-16.244-31.686-45.889-47.673-70.010-68.151-102.007-96.688-231.903-84.161-367.070zM323.505 311.671c-18.285 0-36.8 2.014-54.464 5.94-11.673 2.764-18.62 14.385-16.219 25.773 2.816 11.749 14.178 19.006 25.772 16.269 14.592-3.358 29.724-4.985 44.908-4.985 110.091 0 199.519 89.432 199.519 199.262 0 109.858-89.432 199.287-199.519 199.287-109.831 0-199.418-89.43-199.418-199.287 0-31.868 7.283-62.548 21.873-90.904 5.604-10.484 1.42-23.5-9.451-28.846-10.615-5.656-23.397-1.472-28.898 9.167-17.534 33.908-26.599 72.362-26.599 110.555 0 133.72 108.746 242.493 242.493 242.493 133.824 0 242.646-108.773 242.646-242.493-0.027-133.488-108.849-242.234-242.648-242.234zM774.455 593.572c-21.486-0.466-43.334 4.029-62.961 13.351-68.486 32.591-97.746 114.737-65.155 183.302 32.487 68.511 114.737 97.746 183.302 65.155 68.511-32.463 97.773-114.843 65.025-183.149-4.751-9.426-9.994-18.412-16.426-26.521-4.054-5.242-11.931-6.197-17.2-2.014s-6.095 11.931-1.911 17.2c5.267 6.561 9.786 14.099 13.376 21.848 26.856 56.271 2.971 123.957-53.483 150.428-56.348 26.856-123.803 2.996-150.428-53.611-27.115-56.22-3.124-123.675 53.379-150.531 16.347-7.67 33.984-11.492 51.804-10.768 6.791 0.128 12.524-5.114 12.654-11.931 0.309-6.818-5.087-12.395-11.983-12.757zM980.897 509.513c-0.155-0.621-0.414-0.826-0.414-1.188-2.816-5.654-9.271-8.366-15.393-6.197-97.307 35.922-149.473 96.817-175.994 141.699-9.53 16.244-16.449 31.661-21.486 44.754-6.302 0.155-12.318 1.807-17.999 4.313-23.061 10.977-32.643 37.963-21.745 60.766 10.743 22.701 37.833 32.384 60.636 21.486 22.701-10.846 32.256-37.988 21.641-60.636-4.184-8.625-10.873-15.519-18.67-19.834 4.803-11.956 11.002-25.206 19.471-39.278 35.612-59.81 90.386-103.661 162.514-130.261 6.43-2.505 9.557-9.298 7.437-15.623z" />
+<glyph unicode="&#xe611;" d="M360 405.334h-300v120h300v120l180-180-180-180zM960 885.334v-780l-360-180v180h-360v240h60v-180h300v540l240 120h-540v-240h-60v300z" />
+<glyph unicode="&#xf605;" d="M891.802 673.23c13.876 13.722 36.25 13.722 50.126 0s13.876-35.89 0-49.614l-404.838-400.896c-13.876-13.722-36.3-13.722-50.126 0l-404.89 400.896c-13.876 13.722-13.876 35.89 0 49.614s36.25 13.722 50.126 0l379.802-365.568 379.802 365.568z" />
+<glyph unicode="&#xf609;" d="M128 725.334h768q17.668 0 30.168-12.5t12.5-30.166-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.166 30.168 12.5zM128 213.334h768q17.668 0 30.168-12.5t12.5-30.168-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.168 30.168 12.5zM128 469.334h768q17.668 0 30.168-12.5t12.5-30.168-12.5-30.168-30.168-12.5h-768q-17.668 0-30.168 12.5t-12.5 30.168 12.5 30.168 30.168 12.5z" />
+</font></defs></svg>
--- a/finding/css/fonts/icomoon.ttf
+++ b/finding/css/fonts/icomoon.ttf
--- a/finding/css/fonts/icomoon.woff
+++ b/finding/css/fonts/icomoon.woff
--- a/finding/dynamic.ftl
+++ b/finding/dynamic.ftl
@ -0,0 +1,101 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <#if 0 != recentComments?size>
+                <ul class="comments fn-wrap">
+                    <#list recentComments as comment>
+                    <#if comment_index < 6>
+                    <li id="${comment.oId}" class="fn-clear">
+                        <div class="fn-left avatar-warp">
+                            <img class="avatar-48" title="${comment.commentName}"
+                                 alt="${comment.commentName}" src="${comment.commentThumbnailURL}">
+                        </div>
+                        <div class="fn-left" style="width: 90%">
+                            <div class="fn-clear post-meta">
+                                <span class="fn-left">
+                                    <#if "http://" == comment.commentURL>
+                                    <span>${comment.commentName}</span>
+                                    <#else>
+                                    <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                                    </#if>
+                                    <time>${comment.commentDate?string("yy-MM-dd HH")}</time> 
+                                </span>
+                                <a class="fn-right" href="${servePath}${comment.commentSharpURL}">${viewLabel}»</a>
+                            </div>
+                            <div class="comment-content">
+                                ${comment.commentContent}
+                            </div>
+                        </div>
+                    </li>
+                    </#if>
+                    </#list>
+                </ul>
+                </#if>
+            </main>
+
+            <#if 0 != mostCommentArticles?size || 0 != mostViewCountArticles?size>
+            <aside class="read-next dynamic">
+                <#if 0 != mostCommentArticles?size>
+                <div class="read-next-story" style="background-image: url('${staticServePath}/skins/${skinDirName}/images/next.jpg')">
+                    <div>
+                        ${mostCommentArticlesLabel}
+                        <ul>
+                            <#list mostCommentArticles as article>
+                            <li>
+                                <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
+                                    ${article.articleTitle}
+                                </a>
+                                <span data-ico="&#xe14e;">
+                                    ${article.articleCommentCount}
+                                </span>
+                            </li>
+                            </#list>
+                        </ul>
+                    </div>
+                </div>
+                </#if>
+                <#if 0 != mostViewCountArticles?size>
+                <section class="read-next-story prev" style="background-image: url('${staticServePath}/skins/${skinDirName}/images/preview.jpg')">
+                    <div>
+                        ${mostViewCountArticlesLabel}
+                        <ul>
+                            <#list mostViewCountArticles as article>
+                            <li>
+                                <a href="${servePath}${article.articlePermalink}" title="${article.articleTitle}" rel="nofollow">
+                                    ${article.articleTitle}
+                                </a>
+                                <span data-ico="&#xe185;">
+                                    ${article.articleViewCount}
+                                </span>
+                            </li>
+                            </#list>
+                        </ul>
+                    </div>
+                </section>
+                </#if>
+            </aside>
+            </#if>
+            <#include "footer.ftl">
+        </div>
+        <script>
+            var $commentContents = $(".comments .comment-content");
+            for (var i = 0; i < $commentContents.length; i++) {
+                var str = $commentContents[i].innerHTML;
+                $commentContents[i].innerHTML = Util.replaceEmString(str);
+            }
+        </script>
+    </body>
+</html>
--- a/finding/footer.ftl
+++ b/finding/footer.ftl
@ -0,0 +1,44 @@
+<footer class="site-footer fn-clear">
+    <a href="${servePath}">${blogTitle}</a> 
+    &copy; ${year}
+
+    <span class="fn-right">
+        Powered by
+        <a href="http://b3log.org" target="_blank">
+            B3log
+        </a>,
+        ver ${version}&nbsp;&nbsp;
+        Theme by <a rel="friend" href="http://vanessa.b3log.org" target="_blank">Vanessa</a>.
+    </span>
+</footer>
+<script type="text/javascript" src="${staticServePath}/js/lib/jquery/jquery.min.js" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/js/common${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript" src="${staticServePath}/skins/${skinDirName}/js/${skinDirName}${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+    var latkeConfig = {
+        "servePath": "${servePath}",
+        "staticServePath": "${staticServePath}",
+        "isLoggedIn": "${isLoggedIn?string}",
+        "userName": "${userName}"
+    };
+
+    var Label = {
+        "skinDirName": "${skinDirName}",
+        "em00Label": "${em00Label}",
+        "em01Label": "${em01Label}",
+        "em02Label": "${em02Label}",
+        "em03Label": "${em03Label}",
+        "em04Label": "${em04Label}",
+        "em05Label": "${em05Label}",
+        "em06Label": "${em06Label}",
+        "em07Label": "${em07Label}",
+        "em08Label": "${em08Label}",
+        "em09Label": "${em09Label}",
+        "em10Label": "${em10Label}",
+        "em11Label": "${em11Label}",
+        "em12Label": "${em12Label}",
+        "em13Label": "${em13Label}",
+        "em14Label": "${em14Label}"
+    };
+</script>
+${plugins}
--- a/finding/header.ftl
+++ b/finding/header.ftl
@ -0,0 +1,23 @@
+<header class="main-header"<#if !isIndex> style='height:30vh;'</#if>>
+        <div class="fn-clear">
+        <a class="menu-button icon-menu" href="#"><span class="word">Menu</span></a>
+    </div>
+    <div class="fn-vertical">
+        <div class="main-header-content fn-wrap">
+            <h1 class="page-title">
+                <a href="${servePath}">${blogTitle}</a>
+                <#if "" != noticeBoard>
+                <small class="page-description"> &nbsp; ${blogSubtitle}</small>
+                </#if>
+            </h1>
+            <h2 class="page-description">
+                <#if "" != noticeBoard>
+                ${noticeBoard}
+                <#else>
+                ${blogSubtitle}
+                </#if>
+            </h2>
+        </div>
+    </div>
+    <#if isIndex><a class="scroll-down icon-arrow-left" href="#content" data-offset="-45"></a></#if>
+</header>
--- a/finding/images/emotions/em00.png
+++ b/finding/images/emotions/em00.png
--- a/finding/images/emotions/em01.png
+++ b/finding/images/emotions/em01.png
--- a/finding/images/emotions/em02.png
+++ b/finding/images/emotions/em02.png
--- a/finding/images/emotions/em03.png
+++ b/finding/images/emotions/em03.png
--- a/finding/images/emotions/em04.png
+++ b/finding/images/emotions/em04.png
--- a/finding/images/emotions/em05.png
+++ b/finding/images/emotions/em05.png
--- a/finding/images/emotions/em06.png
+++ b/finding/images/emotions/em06.png
--- a/finding/images/emotions/em07.png
+++ b/finding/images/emotions/em07.png
--- a/finding/images/emotions/em08.png
+++ b/finding/images/emotions/em08.png
--- a/finding/images/emotions/em09.png
+++ b/finding/images/emotions/em09.png
--- a/finding/images/emotions/em10.png
+++ b/finding/images/emotions/em10.png
--- a/finding/images/emotions/em11.png
+++ b/finding/images/emotions/em11.png
--- a/finding/images/emotions/em12.png
+++ b/finding/images/emotions/em12.png
--- a/finding/images/emotions/em13.png
+++ b/finding/images/emotions/em13.png
--- a/finding/images/emotions/em14.png
+++ b/finding/images/emotions/em14.png
--- a/finding/images/emotions/emotions-ease.png
+++ b/finding/images/emotions/emotions-ease.png
--- a/finding/images/header-bg.jpg
+++ b/finding/images/header-bg.jpg
--- a/finding/images/next.jpg
+++ b/finding/images/next.jpg
--- a/finding/images/preview.jpg
+++ b/finding/images/preview.jpg
--- a/finding/index.ftl
+++ b/finding/index.ftl
@ -0,0 +1,26 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <#include "article-list.ftl">
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/js/finding.js
+++ b/finding/js/finding.js
@ -0,0 +1,84 @@
+/*
+ * Copyright (c) 2010-2015, b3log.org
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @fileoverview util and every page should be used.
+ *
+ * @author <a href="mailto:LLY219@gmail.com">Liyuan Li</a>
+ * @version 1.0.0.0, Jun 13, 2015
+ */
+
+/**
+ * @description Finding 皮肤脚本
+ * @static
+ */
+var Finding = {
+    /**
+     * @description 页面初始化
+     */
+    init: function () {
+        Util.killIE();
+        $(".scroll-down").click(function (event) {
+            event.preventDefault();
+
+            var $this = $(this),
+                    $htmlBody = $('html, body'),
+                    offset = ($this.attr('data-offset')) ? $this.attr('data-offset') : false,
+                    toMove = parseInt(offset);
+
+            $htmlBody.stop(true, false).animate({scrollTop: ($(this.hash).offset().top + toMove)}, 500);
+        });
+
+        $('body').click(function (event) {
+            if ($(event.target).closest('.nav').length === 0
+                    && $("body").hasClass('nav-opened')
+                    && !$(event.target).hasClass('icon-gotop')) {
+                $("body").removeClass('nav-opened').addClass('nav-closed');
+            }
+        });
+
+        $(".menu-button").click(function (event) {
+            event.stopPropagation();
+            $("body").toggleClass("nav-opened nav-closed");
+        });
+
+        $('body').append('<a class="icon-gotop fn-none" href="javascript:Util.goTop()"></a>');
+        $(window).scroll(function () {
+            if ($(window).scrollTop() > $(window).height()) {
+                $(".icon-gotop").show();
+            } else {
+                $(".icon-gotop").hide();
+            }
+        });
+    },
+    share: function () {
+        $(".share span").click(function () {
+            var key = $(this).data("type");
+            var title = encodeURIComponent($("title").text()),
+                    url = $(".post-title a").attr('href') ? $(".post-title a").attr('href') : location,
+                    pic = $(".post-content img:eq(0)").attr("src");
+            var urls = {};
+            urls.tencent = "http://share.v.t.qq.com/index.php?c=share&a=index&title=" + title +
+                    "&url=" + url + "&pic=" + pic;
+            urls.weibo = "http://v.t.sina.com.cn/share/share.php?title=" +
+                    title + "&url=" + url + "&pic=" + pic;
+            urls.google = "https://plus.google.com/share?url=" + url;
+            urls.twitter = "https://twitter.com/intent/tweet?status=" + title + " " + url;
+            window.open(urls[key], "_blank", "top=100,left=200,width=648,height=618");
+        });
+    }
+};
+
+Finding.init();
--- a/finding/js/finding.min.js
+++ b/finding/js/finding.min.js
@ -0,0 +1 @@
+var Finding={init:function(){Util.killIE(),$(".scroll-down").click(function(t){t.preventDefault();var e=$(this),n=$("html, body"),o=e.attr("data-offset")?e.attr("data-offset"):!1,a=parseInt(o);n.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").click(function(t){0===$(t.target).closest(".nav").length&&$("body").hasClass("nav-opened")&&$("body").removeClass("nav-opened").addClass("nav-closed")}),$(".menu-button, .nav-close").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")})},share:function(){$(".share span").click(function(){var t=$(this).data("type"),e=encodeURIComponent($("title").text()),n=$(".post-title a").attr("href")?$(".post-title a").attr("href"):location,o=$(".post-content img:eq(0)").attr("src"),a={};a.tencent="http://share.v.t.qq.com/index.php?c=share&a=index&title="+e+"&url="+n+"&pic="+o,a.weibo="http://v.t.sina.com.cn/share/share.php?title="+e+"&url="+n+"&pic="+o,a.google="https://plus.google.com/share?url="+n,a.twitter="https://twitter.com/intent/tweet?status="+e+" "+n,window.open(a[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init();
--- a/finding/lang/lang_en_US.properties
+++ b/finding/lang/lang_en_US.properties
@ -0,0 +1,274 @@
+#
+# Copyright (c) 2009, 2010, 2011, B3log Team
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: B3log Solo language configurations(en_US).
+# Version: 1.0.0.1, Jun 19, 2015
+# Author: Liyuan Li
+#
+
+subscribeLabel=Subscribe
+dynamicLabel=Dynamic
+adminConsoleLabel=Admin
+adminIndexLabel=Admin Index
+postArticleLabel=Post
+articleListLabel=Articles
+commentListLabel=Comments
+draftListLabel=Drafts
+userManageLabel=Users
+commonUserLabel=Common User
+addUserLabel=Add User
+updateUserLabel=Update User
+linkManagementLabel=Links
+pluginMgmtLabel=Plugins
+pluginNameLabel=Name
+versionLabel=Version
+statusLabel=Status
+enabledLabel=Enabled
+disabledLabel=Disabled
+enableLabel=Enable
+disableLabel=Disable
+preferenceLabel=Preference
+localeString1Label=Language:
+timeZoneId1Label=Time Zone: 
+adminLabel=Admin
+administratorLabel=Administrator
+loginLabel=Login
+logoutLabel=Logout
+initLabel=Initial
+popTagsLabel=Popular Tags
+tag1Label=Tag:
+tags1Label=Tags:
+recentArticlesLabel=Recent Articles
+recentCommentsLabel=Recent Comments
+postCommentsLabel=Post Comment
+mostCommentArticlesLabel=Most Comment Articles
+mostViewCountArticlesLabel=Most View Articles
+em00Label=Smile
+em01Label=Laughter
+em02Label=Happy
+em03Label=Sad
+em04Label=Cry
+em05Label=No Comments
+em06Label=Fidget
+em07Label=Angry
+em08Label=Look Around
+em09Label=Surprise
+em10Label=Cool
+em11Label=Cheeky
+em12Label=Heart
+em13Label=Heart Broken
+em14Label=Devil
+linkLabel=Friend Links
+sumLabel=
+pageLabel=Page
+commentLabel=Comment
+linkTitleLabel=Link Title
+linkTitle1Label=Title:
+updateLabel=Update
+removeLabel=Remove
+putTopLabel=Put Top
+cancelPutTopLabel=Cancel Put Top
+downloadCountLabel=Count
+sizeLabel=Size
+uploadDateLabel=Upload Date
+downloadURLLabel=Download URL
+downloadLabel=Download
+createDateLabel=Create Date
+updateDateLabel=Update Date
+titleLabel=Title
+title1Label=Title:
+content1Label=Content:
+abstract1Label=Summary:
+publishLabel=Publish
+unPublishLabel=Un Publish
+urlLabel=URL
+url1Label=URL (start protocol, e.g.: http://):
+addLinkLabel=Add Link
+updateLinkLabel=Update Link
+archiveLabel=Archive
+archive1Label=archive:
+yearLabel=
+monthLabel=
+pageLabel=Page
+pageMgmtLabel=Pages
+othersLabel=Others
+fileListLabel=Files
+submitUploadLabel=Upload
+fileNameLabel=File Name
+paramSettingsLabel=Parameters
+skinLabel=Skins
+signLabel=Signs
+sign1Label=Signs:
+noSignLabel=No Signs
+signIsNullLabel=This Sign is Null
+statisticLabel=Blog Statistic
+viewLabel=View
+countLabel=Posts
+viewCount1Label=View Count:
+articleCount1Label=Article Count:
+commentCountLabel=Comment Count
+commentCount1Label=Comment Count:
+commentEmotions1Label=Emotions:
+commentEmotionsLabel=Emotions
+commentName1Label=Name:
+commentNameLabel=Name
+commentEmail1Label=Email:
+commentEmailLabel=Email
+commentURL1Label=URL:
+commentURLLabel=URL
+commentContent1Label=Content:
+commentContentLabel=Content
+getDateLabel=Get Date
+getArticleLabel=Get Article
+selectDateLabel=Select Date
+selectDate1Label=Select Date: 
+importLabel=Import
+chooseBlog1Label=Choose Blog:
+blogArticleImportLabel=Article Import
+userName1Label=Username:
+userPassword1Label=Password:
+categoryLabel=Category
+noticeBoard1Label=Notice Board:
+noticeBoardLabel=Notice Board
+htmlhead1Label=HTML head:
+indexTagDisplayCnt1Label=Index Tag Display Count:
+indexRecentArticleDisplayCnt1Label=Recent Article Display Count:
+indexRecentCommentDisplayCnt1Label=Recent Comment Display Count: 
+indexMostCommentArticleDisplayCnt1Label=Most Comment Article Display Count:
+indexMostViewArticleDisplayCnt1Label=Most View Article Display Count:
+relevantArticlesDisplayCnt1Label=Relevant Article Display Count:
+randomArticlesDisplayCnt1Label=Random Article Display Count:
+externalRelevantArticlesDisplayCnt1Label=External Relevant Article Display Count: 
+windowSize1Label=Pagination Window Size:
+pageSize1Label=Pagination Page Size:
+blogTitle1Label=Blog Title:
+blogSubtitle1Label=Blog Subtitle:
+blogHost1Label=Blog Host:
+submmitCommentLabel=Commit Comment
+saveLabel=Save
+tagLabel=Tag
+tagsLabel=Tags
+importedLabel=Imported
+captcha1Label=Captcha:
+captchaLabel=Captcha
+indexLabel=Index
+nextArticle1Label=Next:
+previousArticle1Label=Previous:
+updatedLabel=Updated!
+topArticleLabel=Top!
+CSDNBlogLabel=CSDN Blog
+BlogJavaLabel=BlogJava
+CnBlogsLabel=CnBlogs
+previousPageLabel=Previous Page
+nextPagePabel=Next Page
+firstPageLabel=First Page
+lastPageLabel=Last Page
+returnTo1Label=Return to:
+tencentLabel=Tencent
+appKey1Label=App Key:
+appSecret1Label=App Secret:
+postToTencentMicroblogWhilePublishArticleLabel=Post to Tencent microblog while publish an article:
+postToCommunityLabel=Post to Community: 
+authorizeTencentMicroblog1Label=Click to authorize:
+googleLabel=Google
+OAuthConsumerSecret1Label=OAuth Consumer Secret:
+atomLabel=Atom
+relevantArticles1Label=Relevant Articles:
+randomArticles1Label=Random Articles:
+externalRelevantArticles1Label=External Relevant Articles:
+metaKeywords1Label=Meta Keywords:
+metaDescription1Label=Meta Description:
+removeUnusedTagsLabel=Remove Unused Tags
+goTopLabel=Top
+permalink1Label=Permalink:
+permalinkLabel=Permalink
+b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
+killBrowserLabel=<h2>Let's kill outdated and insecure browser!</h2><p>Let's kill outdated and insecure browser for browser evolution, human progress and better experience.</p><p>You can download</p><ul><li><a href="http://www.mozilla.com/" target="_blank">Firefox</a></li><li><a href="http://www.google.com/chrome" target="_blank">Chrome</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">Maxthon</a> and <a href="http://www.google.com" target="_blank">so on</a>.</li></ul>
+readmoreLabel=Read more\u00bb
+readmore2Label=Read more
+replyLabel=Reply\u00bb
+homeLabel=Home
+enableArticleUpdateHint1Label=Enable Article Update Hint:
+allowVisitDraftViaPermalink1Label=Allow Visit Draft Via Link:
+author1Label=Author:
+authorLabel=Author
+keyOfSolo1Label=Solo Key: 
+articleLabel=Article
+tagArticlesLabel=Tag Articles
+dateArticlesLabel=Archive Date Articles
+authorArticlesLabel=Author Articles
+indexArticleLabel=Index Articles
+allTagsLabel=Tag Cloud
+customizedPageLabel=Customized Page
+killBrowserPageLabel=Kill Browser Page
+pageNumLabel=Page Number
+####
+forbiddenLabel=Forbidden Access!
+sorryLabel=Sorry!
+notFoundLabel=Not Found!
+unPulbishSuccLabel=Un Publish Successfully
+unPulbishFailLabel=Un Publish Fail
+removeSuccLabel=Remove Successfully
+removeFailLabel=Remove Fail
+removeUserFailSkinNeedMulUsersLabel=Remove Fail, the current skin need multiple users!
+putTopSuccLabel=Put Top Successfully
+putTopFailLabel=Put Top Fail
+cancelTopSuccLabel=Cancel Top Successfully
+cancelTopFailLabel=Cancel Top Fail
+addSuccLabel=Add Successfully
+addFailLabel=Add Fail
+updateSuccLabel=Update Successfully
+updateFailLabel=Update Fail
+updatePreferenceFailNeedMulUsersLabel=Update Fail, the selected skin need multiple users!
+setFailLabel=Set Fail
+setSuccLabel=Set Successfully
+getFailLabel=Get Fail
+noSettingLabel=No Setting
+getSuccLabel=Get Successfully
+importSuccLabel=Import Successfully :-)
+importFailLabel=Some Import Fail %>_<%
+noCommentLabel=No Comment
+captchaErrorLabel=Captcha Error
+inputErrorLabel=Input Error!
+gotoLabel=Go
+nameEmptyLabel=Username is empty
+passwordEmptyLabel=Password is empty
+blogEmptyLabel=Blogging service is empty
+blogArticleEmptyLabel=Please select articles
+nameTooLongLabel=Sorry, your username must be between 2 and 20 characters long.
+mailCannotEmptyLabel=Mail is empty
+mailInvalidLabel=Mail is invalid
+commentContentCannotEmptyLabel=Sorry, your content must be between 2 and 500 characters long.
+captchaCannotEmptyLabel=Captcha is empty
+loadingLabel=Loading....
+titleEmptyLabel=Title is empty
+contentEmptyLabel=Content is empty
+orderEmptyLabel=Order is empty
+abstractEmptyLabel=Abstract is empty
+tagsEmptyLabel=Tags is empty
+addressEmptyLabel=Address is empty
+noAuthorizationURLLabel=Can not retrieve authorization URL from Google, please \
+make sure the <em>Consumer Secret</em> you typed in and then try again.
+duplicatedPermalinkLabel=Duplicated permalink!
+invalidPermalinkFormatLabel=Invalid permalink format!
+duplicatedEmailLabel=Duplicated email!
+refreshAndRetryLabel=Please refresh and try again!
+editorLeaveLabel=Content is not null, Do you leave\uff1f
+editorPostLabel=Content is not null, Do you clear\uff1f
+####
+confirmRemoveLabel=Are You Sure?
+confirmInitLabel=Are You Sure?
--- a/finding/lang/lang_zh_CN.properties
+++ b/finding/lang/lang_zh_CN.properties
@ -0,0 +1,280 @@
+#
+# Copyright (c) 2009, 2010, 2011, B3log Team
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: B3log Solo default language configurations(zh_CN).
+# Version: 1.0.0.1, Jun 19, 2015
+# Author: Liyuan Li
+#
+
+subscribeLabel=\u8ba2\u9605
+dynamicLabel=\u52a8\u6001
+adminConsoleLabel=\u540e\u53f0\u7ba1\u7406
+adminIndexLabel=\u540e\u53f0\u9996\u9875
+postArticleLabel=\u53d1\u5e03\u6587\u7ae0
+articleListLabel=\u6587\u7ae0\u7ba1\u7406
+commentListLabel=\u8bc4\u8bba\u7ba1\u7406
+draftListLabel=\u8349\u7a3f\u5939
+userManageLabel=\u7528\u6237\u7ba1\u7406
+commonUserLabel=\u4e00\u822c\u7528\u6237
+addUserLabel=\u6dfb\u52a0\u7528\u6237
+updateUserLabel=\u66f4\u65b0\u7528\u6237
+linkManagementLabel=\u94fe\u63a5\u7ba1\u7406
+pluginMgmtLabel=\u63d2\u4ef6\u7ba1\u7406
+pluginNameLabel=\u63d2\u4ef6\u540d
+versionLabel=\u7248\u672c
+statusLabel=\u72b6\u6001
+enabledLabel=\u5df2\u542f\u7528
+disabledLabel=\u5df2\u7981\u7528
+enableLabel=\u542f\u7528
+disableLabel=\u7981\u7528
+preferenceLabel=\u504f\u597d\u8bbe\u5b9a
+localeString1Label=\u8bed\u8a00\uff1a
+timeZoneId1Label=\u65f6\u533a\uff1a
+adminLabel=\u7ba1\u7406
+administratorLabel=\u7ba1\u7406\u5458
+loginLabel=\u767b\u5f55
+logoutLabel=\u767b\u51fa
+initLabel=\u521d\u59cb\u5316
+popTagsLabel=\u5206\u7c7b\u6807\u7b7e
+tag1Label=\u6807\u7b7e\uff1a
+tags1Label=\u6807\u7b7e\uff1a
+recentArticlesLabel=\u6700\u65b0\u6587\u7ae0
+recentCommentsLabel=\u6700\u65b0\u8bc4\u8bba
+postCommentsLabel=\u53d1\u8868\u8bc4\u8bba
+mostCommentArticlesLabel=\u8bc4\u8bba\u6700\u591a\u7684\u6587\u7ae0
+mostViewCountArticlesLabel=\u8bbf\u95ee\u6700\u591a\u7684\u6587\u7ae0
+em00Label=\u5fae\u7b11
+em01Label=\u5927\u7b11
+em02Label=\u9ad8\u5174
+em03Label=\u60b2\u4f24
+em04Label=\u54ed\u6ce3
+em05Label=\u65e0\u8bed
+em06Label=\u70e6\u8e81
+em07Label=\u751f\u6c14
+em08Label=\u6211\u7785
+em09Label=\u60ca\u8bb6
+em10Label=\u9177
+em11Label=\u987d\u76ae
+em12Label=\u7231\u5fc3
+em13Label=\u5fc3\u788e
+em14Label=\u9b54\u9b3c
+linkLabel=\u53cb\u60c5\u94fe\u63a5
+sumLabel=\u5171
+pageLabel=\u9875
+commentLabel=\u8bc4\u8bba
+linkTitleLabel=\u94fe\u63a5\u6807\u9898
+linkTitle1Label=\u6807\u9898\uff1a
+updateLabel=\u66f4\u65b0
+removeLabel=\u5220\u9664
+putTopLabel=\u7f6e\u9876
+cancelPutTopLabel=\u53d6\u6d88\u7f6e\u9876
+downloadCountLabel=\u4e0b\u8f7d\u6b21\u6570
+sizeLabel=\u5927\u5c0f
+uploadDateLabel=\u4e0a\u4f20\u65e5\u671f
+downloadURLLabel=\u4e0b\u8f7d\u5730\u5740
+downloadLabel=\u4e0b\u8f7d
+createDateLabel=\u521b\u5efa\u65e5\u671f
+updateDateLabel=\u66f4\u65b0\u65e5\u671f
+titleLabel=\u6807\u9898
+title1Label=\u6807\u9898\uff1a
+content1Label=\u6b63\u6587\uff1a
+abstract1Label=\u6458\u8981\uff1a
+publishLabel=\u53d1\u5e03
+unPublishLabel=\u53d6\u6d88\u53d1\u5e03
+urlLabel=URL
+url1Label=URL (\u8bf7\u4ee5\u534f\u8bae\u5f00\u5934\uff0c\u5982: http://)\uff1a 
+addLinkLabel=\u6dfb\u52a0\u94fe\u63a5
+updateLinkLabel=\u66f4\u65b0\u94fe\u63a5
+archiveLabel=\u5b58\u6863
+archive1Label=\u5b58\u6863\uff1a
+yearLabel=\u5e74
+monthLabel=\u6708
+blogSyncLabel=\u535a\u5ba2\u540c\u6b65
+pageLabel=\u9875\u9762
+pageMgmtLabel=\u9875\u9762\u7ba1\u7406
+othersLabel=\u5176\u4ed6
+fileListLabel=\u6587\u4ef6\u7ba1\u7406
+submitUploadLabel=\u4e0a\u4f20
+fileNameLabel=\u6587\u4ef6\u540d
+paramSettingsLabel=\u53c2\u6570\u8bbe\u7f6e
+skinLabel=\u76ae\u80a4
+signLabel=\u7b7e\u540d\u6863
+sign1Label=\u7b7e\u540d\u6863\uff1a
+noSignLabel=\u4e0d\u4f7f\u7528\u7b7e\u540d\u6863
+signIsNullLabel=\u8be5\u7b7e\u540d\u6863\u4e3a\u7a7a
+statisticLabel=\u535a\u5ba2\u7edf\u8ba1
+viewLabel=\u6d4f\u89c8
+countLabel=\u7bc7
+viewCount1Label=\u6d4f\u89c8\u6b21\u6570\uff1a
+articleCount1Label=\u6587\u7ae0\u603b\u6570\uff1a
+commentCountLabel=\u8bc4\u8bba\u6570
+commentCount1Label=\u8bc4\u8bba\u603b\u6570\uff1a
+commentEmotions1Label=\u8868\u60c5\uff1a
+commentEmotionsLabel=\u8868\u60c5
+commentName1Label=\u59d3\u540d\uff1a
+commentNameLabel=\u59d3\u540d
+commentEmail1Label=\u90ae\u7bb1\uff1a
+commentEmailLabel=\u90ae\u7bb1
+commentURL1Label=URL\uff1a
+commentURLLabel=URL
+commentContent1Label=\u8bc4\u8bba\u5185\u5bb9\uff1a
+commentContentLabel=\u8bc4\u8bba\u5185\u5bb9
+getDateLabel=\u83b7\u53d6\u65e5\u671f
+getArticleLabel=\u83b7\u53d6\u6587\u7ae0
+selectDateLabel=\u9009\u62e9\u65e5\u671f
+selectDate1Label=\u9009\u62e9\u65e5\u671f\uff1a
+importLabel=\u5bfc\u5165
+chooseBlog1Label=\u8bf7\u9009\u62e9\u9700\u8981\u7ba1\u7406\u7684\u535a\u5ba2\uff1a
+blogArticleImportLabel=\u6587\u7ae0\u5bfc\u5165
+blogSyncMgmtLabel=\u535a\u5ba2\u540c\u6b65\u7ba1\u7406
+syncMgmtLabel=\u540c\u6b65\u7ba1\u7406\u535a\u5ba2
+userName1Label=\u7528\u6237\u540d\uff1a
+userPassword1Label=\u5bc6\u7801\uff1a
+syncPostLabel=\u540c\u6b65\u53d1\u5e03
+syncUpdateLabel=\u540c\u6b65\u66f4\u65b0
+syncRemoveLabel=\u540c\u6b65\u5220\u9664
+categoryLabel=\u5206\u7c7b
+noticeBoard1Label=\u516c\u544a\uff1a
+noticeBoardLabel=\u516c\u544a
+htmlhead1Label=HTML head\uff1a
+indexTagDisplayCnt1Label= \u9996\u9875\u6807\u7b7e\u663e\u793a\u6570\uff1a
+indexRecentArticleDisplayCnt1Label=\u6700\u65b0\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
+indexRecentCommentDisplayCnt1Label=\u6700\u65b0\u8bc4\u8bba\u663e\u793a\u6570\u76ee\uff1a
+indexMostCommentArticleDisplayCnt1Label=\u8bc4\u8bba\u6700\u591a\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
+indexMostViewArticleDisplayCnt1Label=\u8bbf\u95ee\u6700\u591a\u6700\u591a\u6587\u7ae0\u663e\u793a\u6570\u76ee\uff1a
+relevantArticlesDisplayCnt1Label=\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+randomArticlesDisplayCnt1Label=\u968f\u673a\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+externalRelevantArticlesDisplayCnt1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\u663e\u793a\u6570\u76ee\uff1a
+windowSize1Label=\u5206\u9875\u9875\u7801\u6700\u5927\u5bbd\u5ea6\uff1a
+pageSize1Label=\u5206\u9875\u6bcf\u9875\u663e\u793a\u6587\u7ae0\u6570\uff1a
+blogTitle1Label=\u535a\u5ba2\u6807\u9898\uff1a
+blogSubtitle1Label=\u535a\u5ba2\u5b50\u6807\u9898\uff1a
+blogHost1Label=\u535a\u5ba2\u5730\u5740\uff1a
+submmitCommentLabel=\u63d0\u4ea4\u8bc4\u8bba
+saveLabel=\u4fdd\u5b58
+tagLabel=\u6807\u7b7e
+tagsLabel=\u6807\u7b7e
+importedLabel=\u5df2\u5bfc\u5165
+captcha1Label=\u9a8c\u8bc1\u7801\uff1a
+captchaLabel=\u9a8c\u8bc1\u7801
+indexLabel=\u9996\u9875
+nextArticle1Label=\u65b0\u4e00\u7bc7\uff1a
+previousArticle1Label=\u65e7\u4e00\u7bc7\uff1a
+updatedLabel=\u6709\u66f4\u65b0\uff01
+topArticleLabel=\u7f6e\u9876\uff01
+CSDNBlogLabel=CSDN \u535a\u5ba2
+BlogJavaLabel=BlogJava
+CnBlogsLabel=\u535a\u5ba2\u56ed
+previousPageLabel=\u4e0a\u4e00\u9875
+nextPagePabel=\u4e0b\u4e00\u9875
+firstPageLabel=\u7b2c\u4e00\u9875
+lastPageLabel=\u6700\u540e\u4e00\u9875
+returnTo1Label=\u8fd4\u56de\uff1a
+tencentLabel=\u817e\u8baf
+appKey1Label=App Key:
+appSecret1Label=App Secret:
+postToTencentMicroblogWhilePublishArticleLabel=\u53d1\u6587\u7ae0\u65f6\u540c\u6b65\u5230\u817e\u8baf\u5fae\u535a\uff1a
+postToCommunityLabel=\u53d1\u5e03\u5230\u793e\u533a\uff1a
+authorizeTencentMicroblog1Label=\u70b9\u51fb\u56fe\u6807\u8fdb\u884c\u6388\u6743:
+googleLabel=Google
+OAuthConsumerSecret1Label=OAuth Consumer Secret\uff1a
+atomLabel=Atom
+relevantArticles1Label=\u76f8\u5173\u9605\u8bfb\uff1a
+randomArticles1Label=\u968f\u673a\u9605\u8bfb\uff1a
+externalRelevantArticles1Label=\u7ad9\u5916\u76f8\u5173\u9605\u8bfb\uff1a
+metaKeywords1Label=Meta Keywords:
+metaDescription1Label=Meta Description:
+removeUnusedTagsLabel=\u79fb\u9664\u672a\u4f7f\u7528\u6807\u7b7e
+goTopLabel=\u9876\u90e8
+permalink1Label=\u94fe\u63a5\uff1a
+permalinkLabel=\u94fe\u63a5
+b3logLabel=<span style="color: orange;">B</span><span style="color: blue;"><sup>3</sup></span><span style="color: green;">L</span><span style="color: red;">O</span><span style="color: blue;">G</span>
+killBrowserLabel=<h2>\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u5427\uff01</h2><p>\u4e3a\u4e86\u8ba9\u6d4f\u89c8\u5668\u66f4\u597d\u7684\u53d1\u5c55\uff0c\u4eba\u7c7b\u66f4\u52a0\u7684\u8fdb\u6b65\uff0c\u62e5\u6709\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u8ba9\u6211\u4eec\u653e\u5f03\u4f7f\u7528\u90a3\u4e9b\u8fc7\u65f6\u3001\u4e0d\u5b89\u5168\u7684\u6d4f\u89c8\u5668\u3002</p>\u60a8\u53ef\u4ee5\u4e0b\u8f7d<ul><li><a href="http://www.mozilla.com/" target="_blank">\u706b\u72d0</a></li><li><a href="http://www.google.com/chrome" target="_blank">\u8c37\u6b4c\u6d4f\u89c8\u5668</a></li><li><a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_blank">IE8 / IE9</a></li><li><a href="http://www.maxthon.com/" target="_blank">\u9068\u6e38</a>\u6216\u8005<a href="http://www.google.com" target="_blank">\u5176\u5b83\u6d4f\u89c8\u5668</a>.</li></ul>
+readmoreLabel=\u9605\u8bfb\u66f4\u591a\u00bb
+readmore2Label=\u9605\u8bfb\u66f4\u591a
+replyLabel=\u56de\u590d\u00bb
+homeLabel=\u9996\u9875
+enableArticleUpdateHint1Label=\u542f\u7528\u6587\u7ae0\u66f4\u65b0\u63d0\u793a\uff1a
+allowVisitDraftViaPermalink1Label=\u5141\u8bb8\u901a\u8fc7\u94fe\u63a5\u8bbf\u95ee\u8349\u7a3f\uff1a
+author1Label=\u4f5c\u8005\uff1a
+authorLabel=\u4f5c\u8005
+keyOfSolo1Label=Solo Key\uff1a
+articleLabel=\u6587\u7ae0
+tagArticlesLabel=\u6807\u7b7e\u6587\u7ae0\u5217\u8868
+dateArticlesLabel=\u5b58\u6863\u6587\u7ae0\u5217\u8868
+authorArticlesLabel=\u4f5c\u8005\u6587\u7ae0\u5217\u8868
+indexArticleLabel=\u9996\u9875\u6587\u7ae0\u5217\u8868
+allTagsLabel=\u6807\u7b7e\u5899
+customizedPageLabel=\u81ea\u5b9a\u4e49\u9875\u9762
+killBrowserPageLabel=Kill Browser Page
+pageNumLabel=\u9875\u53f7
+####
+forbiddenLabel=\u64cd\u4f5c\u88ab\u7981\u6b62\uff01
+sorryLabel=\u5bf9\u4e0d\u8d77\uff01
+notFoundLabel=\u627e\u4e0d\u5230\uff01
+unPulbishSuccLabel=\u53d6\u6d88\u53d1\u5e03\u6210\u529f
+unPulbishFailLabel=\u53d6\u6d88\u53d1\u5e03\u5931\u8d25
+removeSuccLabel=\u5220\u9664\u6210\u529f
+removeFailLabel=\u5220\u9664\u5931\u8d25
+removeUserFailSkinNeedMulUsersLabel=\u5220\u9664\u5931\u8d25\uff0c\u5f53\u524d\u4f7f\u7528\u7684\u76ae\u80a4\u9700\u8981\u591a\u7528\u6237\u652f\u6301
+putTopSuccLabel=\u7f6e\u9876\u6210\u529f
+putTopFailLabel=\u7f6e\u9876\u5931\u8d25
+cancelTopSuccLabel=\u53d6\u6d88\u7f6e\u9876\u6210\u529f
+cancelTopFailLabel=\u53d6\u6d88\u7f6e\u9876\u5931\u8d25
+addSuccLabel=\u6dfb\u52a0\u6210\u529f
+addFailLabel=\u6dfb\u52a0\u5931\u8d25
+updateSuccLabel=\u66f4\u65b0\u6210\u529f
+updateFailLabel=\u66f4\u65b0\u5931\u8d25
+updatePreferenceFailNeedMulUsersLabel=\u66f4\u65b0\u5931\u8d25\uff0c\u9700\u8981\u591a\u7528\u6237\u624d\u80fd\u4f7f\u7528\u9009\u62e9\u7684\u76ae\u80a4
+setFailLabel=\u8bbe\u7f6e\u5931\u8d25
+setSuccLabel=\u8bbe\u7f6e\u6210\u529f
+getFailLabel=\u83b7\u53d6\u5931\u8d25
+noSettingLabel=\u8be5\u535a\u5ba2\u65e0\u8d26\u53f7\uff0c\u8bf7\u6dfb\u52a0
+getSuccLabel=\u83b7\u53d6\u6210\u529f
+importSuccLabel=\u5bfc\u5165\u6210\u529f :-)
+importFailLabel=\u90e8\u5206\u5bfc\u5165\u5931\u8d25 %>_<%
+noCommentLabel=\u6682\u65e0\u8bc4\u8bba
+captchaErrorLabel=\u9a8c\u8bc1\u7801\u9519\u8bef
+inputErrorLabel=\u8f93\u5165\u9519\u8bef\uff01
+gotoLabel=\u8df3\u8f6c
+nameEmptyLabel=\u59d3\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01
+passwordEmptyLabel=\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
+blogEmptyLabel=\u8bf7\u9009\u62e9\u535a\u5ba2\u670d\u52a1\uff01
+blogArticleEmptyLabel=\u8bf7\u9009\u62e9\u9700\u8981\u5bfc\u5165\u7684\u6587\u7ae0
+nameTooLongLabel=\u59d3\u540d\u53ea\u80fd\u4e3a 2 \u5230 20 \u4e2a\u5b57\u7b26\uff01
+mailCannotEmptyLabel=\u90ae\u7bb1\u4e0d\u80fd\u4e3a\u7a7a\uff01
+mailInvalidLabel=\u90ae\u7bb1\u683c\u5f0f\u4e0d\u6b63\u786e\uff01
+commentContentCannotEmptyLabel=\u8bc4\u8bba\u5185\u5bb9\u53ea\u80fd\u4e3a 2 \u5230 500 \u4e2a\u5b57\u7b26\uff01
+captchaCannotEmptyLabel=\u9a8c\u8bc1\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01
+loadingLabel=\u8f7d\u5165\u4e2d....
+titleEmptyLabel=\u6807\u9898\u4e0d\u80fd\u4e3a\u7a7a\uff01
+contentEmptyLabel=\u5185\u5bb9\u4e0d\u80fd\u4e3a\u7a7a\uff01
+orderEmptyLabel=\u5e8f\u53f7\u4e0d\u80fd\u4e3a\u7a7a\uff01
+abstractEmptyLabel=\u6458\u8981\u4e0d\u80fd\u4e3a\u7a7a\uff01
+tagsEmptyLabel=\u6807\u7b7e\u4e0d\u80fd\u4e3a\u7a7a\uff01
+addressEmptyLabel=\u5730\u5740\u4e0d\u80fd\u4e3a\u7a7a\uff01
+noAuthorizationURLLabel=\u4ece Google \u83b7\u53d6\u6388\u6743\u5730\u5740\u5931\u8d25\uff0c\u8bf7\u786e\u8ba4\u60a8\u8f93\u5165\u7684 \
+<em>Consumer Secret</em> \u662f\u6b63\u786e\u7684\uff0c\u7136\u540e\u8fdb\u884c\u91cd\u8bd5\u3002
+duplicatedPermalinkLabel=\u94fe\u63a5\u91cd\u590d\uff01
+invalidPermalinkFormatLabel=\u975e\u6cd5\u7684\u94fe\u63a5\u683c\u5f0f\uff01
+duplicatedEmailLabel=\u90ae\u4ef6\u5730\u5740\u91cd\u590d\uff01
+refreshAndRetryLabel=\u8bf7\u5237\u65b0\u91cd\u8bd5\uff01
+editorLeaveLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u79bb\u5f00\uff1f
+editorPostLabel=\u7f16\u8f91\u5668\u4e2d\u8fd8\u6709\u5185\u5bb9\uff0c\u662f\u5426\u6e05\u7a7a\uff1f
+####
+confirmRemoveLabel=\u786e\u5b9a\u5220\u9664\uff1f
+confirmInitLabel=\u786e\u5b9a\u8fdb\u884c\u521d\u59cb\u5316\u5417\uff1f
--- a/finding/links.ftl
+++ b/finding/links.ftl
@ -0,0 +1,33 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${linkLabel}"/>
+        <meta name="description" content="${metaDescription},${linkLabel}"/>
+        </@head>
+    </head>
+    <body class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <#if 0 != links?size>
+                <ul class="fn-clear fn-wrap" id="tags">
+                    <#list links as link>
+                    <li>
+                        <a rel="friend" href="${link.linkAddress}" title="${link.linkDescription}" target="_blank">
+                            <img src="${faviconAPI}<#list link.linkAddress?split('/') as x><#if x_index=2>${x}<#break></#if></#list>" width="16" height="16" />
+                            ${link.linkTitle}
+                        </a>
+                    </li>
+                    </#list>
+                </ul>
+                </#if>
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/macro-comments.ftl
+++ b/finding/macro-comments.ftl
@ -0,0 +1,154 @@
+<#macro comments commentList article>
+<ul class="comments fn-wrap" id="comments">
+    <#list commentList as comment>
+    <li id="${comment.oId}" class="fn-clear">
+        <div class="fn-left avatar-warp">
+            <img class="avatar-48" title="${comment.commentName}" src="${comment.commentThumbnailURL}">
+        </div>
+        <div class="fn-left" style="width: 90%">
+            <div class="fn-clear post-meta">
+                <span class="fn-left">
+                    <#if "http://" == comment.commentURL>
+                    <a>${comment.commentName}</a>
+                    <#else>
+                    <a href="${comment.commentURL}" target="_blank">${comment.commentName}</a>
+                    </#if>
+                    <#if comment.isReply>
+                    @
+                    <a href="${servePath}${article.permalink}#${comment.commentOriginalCommentId}"
+                       onmouseover="page.showComment(this, '${comment.commentOriginalCommentId}', 23);"
+                       onmouseout="page.hideComment('${comment.commentOriginalCommentId}')"
+                       >${comment.commentOriginalCommentName}</a>
+                    </#if>
+                    <time>${comment.commentDate?string("yyyy-MM-dd HH:mm")}</time> 
+                </span>
+                <#if article.commentable>
+                <a class="fn-right" href="javascript:replyTo('${comment.oId}')">${replyLabel}</a>
+                </#if>
+            </div>
+            <div class="comment-content">
+                ${comment.commentContent}
+            </div>
+        </div>
+    </li>
+    </#list>
+</ul>
+<#if article.commentable>
+<div class="comment-body fn-wrap">
+    <table id="commentForm" class="form">
+        <tbody>
+            <#if !isLoggedIn>
+            <tr>
+                <td>
+                    <input placeholder="${commentNameLabel}" type="text" class="normalInput" id="commentName"/>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <input placeholder="${commentEmailLabel}" type="email" class="normalInput" id="commentEmail"/>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <input placeholder="${commentURLLabel}" type="url" id="commentURL"/>
+                </td>
+            </tr>
+            </#if>
+            <tr>
+                <td id="emotions">
+                    <span class="em00" title="${em00Label}"></span>
+                    <span class="em01" title="${em01Label}"></span>
+                    <span class="em02" title="${em02Label}"></span>
+                    <span class="em03" title="${em03Label}"></span>
+                    <span class="em04" title="${em04Label}"></span>
+                    <span class="em05" title="${em05Label}"></span>
+                    <span class="em06" title="${em06Label}"></span>
+                    <span class="em07" title="${em07Label}"></span>
+                    <span class="em08" title="${em08Label}"></span>
+                    <span class="em09" title="${em09Label}"></span>
+                    <span class="em10" title="${em10Label}"></span>
+                    <span class="em11" title="${em11Label}"></span>
+                    <span class="em12" title="${em12Label}"></span>
+                    <span class="em13" title="${em13Label}"></span>
+                    <span class="em14" title="${em14Label}"></span>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <textarea rows="10" cols="96" id="comment"></textarea>
+                </td>
+            </tr>
+            <#if !isLoggedIn>
+            <tr>
+                <td>
+                    <input style="width:50%" placeholder="${captchaLabel}" type="text" class="normalInput" id="commentValidate"/>
+                    <img id="captcha" alt="validate" src="${servePath}/captcha.do" />
+                </td>
+            </tr>
+            </#if>
+            <tr>
+                <td colspan="2" align="right">
+                    <span class="error-msg" id="commentErrorTip"></span>
+                    <button id="submitCommentButton" onclick="page.submitComment();">${submmitCommentLabel}</button>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+</#if>
+</#macro>
+
+<#macro comment_script oId>
+<script type="text/javascript" src="${staticServePath}/js/page${miniPostfix}.js?${staticResourceVersion}" charset="utf-8"></script>
+<script type="text/javascript">
+                        var page = new Page({
+                            "nameTooLongLabel": "${nameTooLongLabel}",
+                            "mailCannotEmptyLabel": "${mailCannotEmptyLabel}",
+                            "mailInvalidLabel": "${mailInvalidLabel}",
+                            "commentContentCannotEmptyLabel": "${commentContentCannotEmptyLabel}",
+                            "captchaCannotEmptyLabel": "${captchaCannotEmptyLabel}",
+                            "loadingLabel": "${loadingLabel}",
+                            "oId": "${oId}",
+                            "skinDirName": "${skinDirName}",
+                            "blogHost": "${blogHost}",
+                            "randomArticles1Label": "${randomArticles1Label}",
+                            "externalRelevantArticles1Label": "${externalRelevantArticles1Label}"
+                        });
+                        var addComment = function (result, state) {
+                            var commentable = $("#commentForm").length === 0 ? false : true;
+                            var commentHTML = '<li class="fn-clear" id="' + result.oId +
+                                    '"><div class="fn-left" style="width: 10%"><img class="avatar-48" title="'
+                                    + result.userName + '" src="' + result.commentThumbnailURL + '"></div><div class="fn-left" style="width: 90%">'
+                                    + '<div class="fn-clear post-meta"><span class="fn-left">' + result.replyNameHTML;
+                            if (state !== "") {
+                                var commentOriginalCommentName = $("#" + page.currentCommentId).find(".post-meta a").first().text();
+                                commentHTML += '&nbsp;@&nbsp;<a href="${servePath}' + result.commentSharpURL.split("#")[0] + '#' + page.currentCommentId + '"'
+                                        + 'onmouseover="page.showComment(this, \'' + page.currentCommentId + '\', 23);"'
+                                        + 'onmouseout="page.hideComment(\'' + page.currentCommentId + '\')">' + commentOriginalCommentName + '</a>';
+                            }
+
+
+
+                            commentHTML += '<time>' + result.commentDate
+                                    + '</time></span>';
+                            if (commentable) {
+                                commentHTML += '<a class="fn-right" href="javascript:replyTo(\'' + result.oId + '\');">${replyLabel}</a>';
+                            }
+                            commentHTML += '</div><div class="comment-content">' +
+                                    Util.replaceEmString($("#comment" + state).val().replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br/>"))
+                                    + '</div></div></li>';
+                            return commentHTML;
+                        };
+                        var replyTo = function (id) {
+                            var commentFormHTML = "<table class='form comment-reply' id='replyForm'>";
+                            page.addReplyForm(id, commentFormHTML);
+                        };
+                        (function () {
+                            Finding.share();
+                            page.load();
+                            // emotions
+                            page.replaceCommentsEm("#comments .comment-content");
+                            <#nested>
+                        })();
+</script>
+</#macro>
--- a/finding/macro-head.ftl
+++ b/finding/macro-head.ftl
@ -0,0 +1,17 @@
+<#macro head title>
+<meta charset="utf-8" />
+<title>${title}</title>
+<#nested>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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 rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merriweather:300,700,700italic,300italic|Open+Sans:700,400" />
+<link type="text/css" rel="stylesheet" href="${staticServePath}/skins/${skinDirName}/css/${skinDirName}${miniPostfix}.css?${staticResourceVersion}" charset="utf-8" />
+<link href="${servePath}/blog-articles-feed.do" title="ATOM" type="application/atom+xml" rel="alternate" />
+<link rel="icon" type="image/png" href="${staticServePath}/favicon.png" />
+${htmlHead}
+</#macro>
--- a/finding/page.ftl
+++ b/finding/page.ftl
@ -0,0 +1,39 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main>
+                <article class="post">
+                    <section class="post-content">
+                        ${page.pageContent}
+                    </section>
+                    <footer>
+                        <div class="share fn-right">
+                            <span class="icon icon-tencent" data-type="tencent"></span>
+                            <span class="icon icon-weibo" data-type="weibo"></span>
+                            <span class="icon icon-twitter" data-type="twitter"></span>
+                            <span class="icon icon-google" data-type="google"></span>
+                        </div>
+                    </footer>
+                </article>
+                <@comments commentList=pageComments article=page></@comments>
+            </main>
+
+            <#include "footer.ftl">
+
+            <@comment_script oId=page.oId></@comment_script>
+        </div>
+    </body>
+</html>
--- a/finding/preview.png
+++ b/finding/preview.png
--- a/finding/side.ftl
+++ b/finding/side.ftl
@ -0,0 +1,54 @@
+<div class="fn-clear">
+    <span class="fn-right">
+        <#if isLoggedIn>
+        <a href="${servePath}/admin-index.do#main" title="${adminLabel}" class="icon-setting"></a>
+        &nbsp; 
+        <a title="${logoutLabel}" class="icon-logout" href="${logoutURL}"></a>
+        <#else>
+        <a title="${loginLabel}" href="${loginURL}" class="icon-login"></a>
+        &nbsp; 
+        <a href="${servePath}/register" title="${registerLabel}" class="icon-register"></a>
+        </#if>
+    </span>
+</div>
+<ul>
+    <#list pageNavigations as page>
+    <li>
+        <a href="${page.pagePermalink}" target="${page.pageOpenTarget}">${page.pageTitle}</a>
+    </li>
+    </#list>
+    <li>
+        <a href="${servePath}/dynamic.html">${dynamicLabel}</a>
+    </li>
+    <li>
+        <a href="${servePath}/tags.html">${allTagsLabel}</a>
+    </li>
+    <li>
+        <a href="${servePath}/archives.html">${archiveLabel}</a>
+    </li>
+    <li>
+        <a href="${servePath}/links.html">${linkLabel}</a>
+    </li>
+    <li>
+        <a rel="alternate" href="${servePath}/blog-articles-rss.do">${subscribeLabel}</a>
+    </li>
+</ul>
+
+<div class="count">
+    <span>
+        ${viewCount1Label}
+        ${statistic.statisticBlogViewCount}
+    </span> &nbsp; &nbsp;
+    <span>
+        ${articleCount1Label}
+        ${statistic.statisticPublishedBlogArticleCount}
+    </span><br/>
+    <span>
+        ${commentCount1Label}
+        ${statistic.statisticPublishedBlogCommentCount}
+    </span> &nbsp; &nbsp;
+    <span>
+        ${onlineVisitor1Label}
+        ${onlineVisitorCnt}
+    </span>
+</div>
--- a/finding/skin.properties
+++ b/finding/skin.properties
@ -0,0 +1,26 @@
+#
+# Copyright (C) 2009, 2010, 2010, B3log Team
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+#
+# Description: Finding skin.
+# Version: 1.0.0.0, Jun 4, 2015
+# Author: Liyuan Li
+#
+
+name=Finding
+version=1.0.0
+forSolo=0.6.9
+memo=http://demo.ghost.io
--- a/finding/tag-articles.ftl
+++ b/finding/tag-articles.ftl
@ -0,0 +1,29 @@
+<#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 class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <h2 class="fn-wrap">
+                    ${tag1Label}
+                    <a rel="alternate" href="${servePath}/tag-articles-feed.do?oId=${tag.oId}">
+                        ${tag.tagTitle}
+                        (${tag.tagPublishedRefCount})
+                    </a>
+                </h2>
+                <#include "article-list.ftl">
+            </main>
+            <#include "footer.ftl">
+        </div>
+    </body>
+</html>
--- a/finding/tags.ftl
+++ b/finding/tags.ftl
@ -0,0 +1,36 @@
+<#include "macro-head.ftl">
+<!DOCTYPE html>
+<html>
+    <head>
+        <@head title="${allTagsLabel} - ${blogTitle}">
+        <meta name="keywords" content="${metaKeywords},${allTagsLabel}"/>
+        <meta name="description" content="<#list tags as tag>${tag.tagTitle}<#if tag_has_next>,</#if></#list>"/>
+        </@head>
+    </head>
+    <body class="nav-closed">
+        <div class="nav">
+            <#include "side.ftl">
+        </div>
+        <div class="site-wrapper">
+            <#include "header.ftl">
+            <main id="content">
+                <ul id="tags" class="fn-clear fn-wrap">
+                    <#list tags as tag>
+                    <li>
+                        <a rel="tag" data-count="${tag.tagPublishedRefCount}"
+                           href="${servePath}/tags/${tag.tagTitle?url('UTF-8')}" title="${tag.tagTitle}">
+                            <span>${tag.tagTitle}</span>
+                            (<b>${tag.tagPublishedRefCount}</b>)
+                        </a>
+                    </li>
+                    </#list>
+                </ul>
+            </main>
+            <#include "footer.ftl">
+        </div>
+        <script type="text/javascript">
+            Util.buildTags();
+        </script>
+    </body>
+</body>
+</html>
				`@ -0,0 +1 @@`
				var Finding={init:function(){Util.killIE(),$(".scroll-down").click(function(t){t.preventDefault();var e=$(this),n=$("html, body"),o=e.attr("data-offset")?e.attr("data-offset"):!1,a=parseInt(o);n.stop(!0,!1).animate({scrollTop:$(this.hash).offset().top+a},500)}),$("body").click(function(t){0===$(t.target).closest(".nav").length&&$("body").hasClass("nav-opened")&&$("body").removeClass("nav-opened").addClass("nav-closed")}),$(".menu-button, .nav-close").click(function(t){t.stopPropagation(),$("body").toggleClass("nav-opened nav-closed")})},share:function(){$(".share span").click(function(){var t=$(this).data("type"),e=encodeURIComponent($("title").text()),n=$(".post-title a").attr("href")?$(".post-title a").attr("href"):location,o=$(".post-content img:eq(0)").attr("src"),a={};a.tencent="http://share.v.t.qq.com/index.php?c=share&a=index&title="+e+"&url="+n+"&pic="+o,a.weibo="http://v.t.sina.com.cn/share/share.php?title="+e+"&url="+n+"&pic="+o,a.google="https://plus.google.com/share?url="+n,a.twitter="https://twitter.com/intent/tweet?status="+e+" "+n,window.open(a[t],"_blank","top=100,left=200,width=648,height=618")})}};Finding.init();