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!!

© 版权声明
THE END
喜欢就支持以下吧
点赞0赞赏
分享
评论 抢沙发

请登录后发表评论