添加站外文章

metro-hot/article.ftl

@@ -62,6 +62,7 @@
                         ${article.articleSign.signHTML}
                         </#if>
                     </div>
+                    <div id="externalRelevantArticles"></div>
                     <@comments commentList=articleComments article=article></@comments>
                     <#include "copyright.ftl"/>
                 </div>
@@ -71,15 +72,9 @@
         <#include "footer.ftl">
         <@comment_script oId=article.oId>
         page.tips.externalRelevantArticlesDisplayCount = "${externalRelevantArticlesDisplayCount}";
-        <#if 0 != randomArticlesDisplayCount>
-        MetroHot.loadRandomArticles();
-        </#if>
-        <#if 0 != relevantArticlesDisplayCount>
-        MetroHot.loadRelevantArticles('${article.oId}');
-        </#if>
         <#if 0 != externalRelevantArticlesDisplayCount>
-        MetroHot.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
+        page.loadExternalRelevantArticles("<#list article.articleTags?split(",") as articleTag>${articleTag}<#if articleTag_has_next>,</#if></#list>");
         </#if>
-        </@comment_script>    
+        </@comment_script>   
     </body>
 </html>

metro-hot/css/metro-hot-responsive.min.css

@@ -1,16 +1 @@
-/**
- * Copyright (c) 2010-2016, b3log.org & hacpai.com
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 @media (max-width:860px) and (min-width:460px){.wrapper{width:720px}.main{width:460px}.form{width:auto}.form input{width:395px}.form textarea{width:434px}.em00,.em01,.em02,.em03,.em04,.em05,.em06,.em07,.em08,.em09,.em10,.em11,.em12,.em13,.em14{margin-right:4px}#comments .article-body{width:340px}#dynamic #comments .article-body{width:283px}.most-comment,.most-view{width:300px;margin-bottom:20px;margin-top:40px}.most-comment .text,.most-view .text{width:195px}.archives-tile,.links-tile,.tags-tile{width:670px}.archives-tile .text,.links-tile .text,.tags-tile .text{width:580px}.links-tile,.tags-tile{margin-left:0}}@media (max-width:460px){#comments>div,.archives,.comment-disabled,.main .pagination,.main>.article-body{margin-right:0}.comment-main,.header>.fn-left,.side,.top-info{float:none}.article-list>div,.main,.side,.wrapper{width:300px}#comments>div>img,#emotions,.footer,.sub-nav>.pagination{display:none}#search{width:237px}.side-tile{width:94px}.article-relative,.notice-board,.online-count,.share,.user{width:249px}#comments .article-body,.side>div{position:static!important;width:auto!important}.share div.text{left:173px}.form{width:auto}.form input{width:240px}.form textarea{width:285px;height:150px}#dynamic .main{margin-bottom:20px}.tags-tile{margin-bottom:50px}.article-title{width:280px}.article-info>a{padding:3px;font-size:12px}#dynamic #comments{padding-left:15px}.links-tile .title,.most-comment .title,.most-view .title,.tags-tile .title{float:right;font-size:15px;font-weight:700;margin:20px 0 0 40px}.most-comment,.most-view{width:249px;margin-left:0}.most-comment .text,.most-view .text{margin-right:0;width:274px;font-size:12px;font-weight:400}.links-tile,.tags-tile{width:249px;margin-left:0}.links-tile .text,.tags-tile .text{width:249px}}

metro-hot/css/metro-hot.css

@@ -785,6 +785,10 @@ textarea {
 pre.prettyprint {
     background-color: #F7F7F7;
 }
+
+#externalRelevantArticles {
+    margin-left: 10px;
+}
 /* end article */
 
 /* start comment */
@@ -797,6 +801,10 @@ pre.prettyprint {
     margin-right: 10px;
 }
 
+#comments > div.fn-clear img {
+    width: 80px;
+}
+
 #comments .article-body {
     margin: 10px 0;
     width: 800px;

metro-hot/skin.properties

@@ -22,5 +22,5 @@
 
 name=metro-hot
 version=1.0.1
-forSolo=1.5.0
+forSolo=1.6.0
 memo=metro-hot