gridea主题：Gridea Theme Breek (v0.3.2)

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

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

v0.3.2 updated 2020.4.12

• 修复搜索图标错位；
• 修复豆瓣书单链接错误，密钥支持：客户端--主题自定义；

v0.3.1 updated 2020.3.16

• 修复搜索bug result-template.ejs 内的 site.customConfig.featureImage 改为 customConfig.featureImage 即可。

v0.3 updated 2020.2.22

1. 内置搜索功能，感谢 https://github.com/tangkaichuan/gridea-search ;
2. 支持网页背景色、标签背景色、头部页脚logo、默认缩略图自定义，客户端--主题自定义；
3. 内置 《文章内显示豆瓣条目》，感谢 @mufeng ；
4. 修复关闭评论还有白色框显示，感谢 @richardgu ;

v0.2 updated 2020.1.2

1. 内置 friends.ejs ，客户端--主题自定义；
2. 内置 movies.ejs 和 books.ejs，secret 可以在前往 https://bm.weajs.com/ 注册即可获取。
3. 添加置顶文章特定样式。

使用不完全指南

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<%} %>

JavaScriptCopy

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>
<%} %>

HTMLCopy

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>

硬折腾模板记录

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>
<% }; %>

HTMLCopy

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

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

HTMLCopy

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

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

HTMLCopy

感谢

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