移植于WP的同名主题 Breek (点我预览),已被 @海岛心hey 盖戳 「sao」 。少年,此时不sao,更待何时!!!

Breek v0.0.4
Breek v0.0.4

仓库下载:https://github.com/lmm214/gridea-theme-breek/

使用不完全指南

1.缩略图显示逻辑:如果有设置封面图使用,或者有设置标签使用标签的slug的图片(实现特定一类标签的默认图),或啥也没设置使用默认jpg。相关代码如下

<% if (post.feature) { %><%= post.feature %><% } else if (post.tags[0]) { %><%= themeConfig.domain %>/media/images/<%= post.tags[0].slug %>.jpg<% } else { %><%= themeConfig.domain %>/media/images/gridea.jpg<%} %>

2.首页日志的两种样式有日志内的 more 标签决定,有则会显示内容摘要的样式,没有more标签显示的仅图片和标题。

3.客户端内菜单的“首页”条目可删除,主题模板自带,为了高亮首页。相关代码:

<% if (site.isHomepage) { %>
	<li class="current-menu-item"><a href="<%= themeConfig.domain %>" class="menu">首页</a></li>
<% } else{ %>
	<li class=""><a href="<%= themeConfig.domain %>" class="menu">首页</a></li>
<%} %>

4.日志内多照片瀑布流,如以下格式,注意保持同一行:

<photos>![](https://lmm.elizen.me/images/2019/10/wl-1.jpg)![](https://lmm.elizen.me/images/2019/10/wl-3.jpg)![](https://lmm.elizen.me/images/2019/10/wl-4.jpg)![](https://lmm.elizen.me/images/2019/10/wl-5.jpeg)</photos>

5.标签背景色可在 main.less 最底下修改或指定,如指定标签 gridea 的背景色:

a.ctag-gridea{background-color: #f37b1d !important}/*橙黄*/

6.容我再想想……

硬折腾模板记录

1.适配日志标签有或没有,有一个或者多个。限制仅输出一个标签或不显示。

<% if (post.tags[0]) { %>
    <div class="tags absolute">
        <a href="<%= post.tags[0].link %>" class="ctag ctag-<%= postIndex%> ctag-<%= post.tags[0].slug %>"><%= post.tags[0].name %></a>
    </div>
<% }; %>

2.预设标签云默认背景色,通过 tagindex 实现。

<% site.tags.forEach(function(tag, tagIndex) { %>
    <a href="<%= tag.link %>" class="ctag ctag-<%= tagIndex %> ctag-<%= tag.slug %>" aria-label=""><%= tag.name %></a>
<% }); %>

3.预设首页两种样式,以 more 标签为判断。

<% if ( !post.abstract ) { %>
    ……
<% }); %>

感谢

集颜值与功能于一身的 Gridea!!