返璞归真了！不弄这个链接里制作的标签墙了，打算弄一个简单一点的，把各个标签排列起来，根据标签内文章数量的多少设置字体大小。
一开始在tags文件夹下的index.md修改，没反应，只好改在tag.ejs里修改。代码如下：
<div class="tags-page">
<% for (var tag of tagsArray) { %>
<% var postCount=tag.length; %>
<span style="font-size: <%= 12 + postCount * 2 %>px;">
<a href="<%= url_for('/tags/' + tag.name + '/') %>">
<%= tag.name %>
<small>(<%= postCount %>)</small>
</a>
</span>
<% } %>
</div>
|
修改
在欧元老师的建议下，取了个对数，缩小了不同标签的大小差。调试了数次，最终代码如下：
<div class="tags-page">
<% for (var tag of tagsArray) { %>
<% var postCount=tag.length; %>
<span style="font-size: <%= 12 + Math.log(postCount + 1) * 5 %>px;">
<a href="<%= url_for('/tags/' + tag.name + '/') %>">
<%= tag.name %>
<small>(<%= postCount %>)</small>
</a>
</span>
<% } %>
</div>
|