hexo-theme-icarus 公告

hexo-theme-icarus 公告

themes\icarus\layout\widget\notice.ejs

这个文件默认没有的,自己创建

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="message
is-<%= get_config_from_obj(widget, 'color', 'link') %>
<%= get_config_from_obj(widget, 'size') ? 'is-' + get_config_from_obj(widget, 'size') : '' %>
widget">
<% if (get_config_from_obj(widget, 'title')) { %>
<div class="message-header">
<p><%= get_config_from_obj(widget, 'title') %></p>
</div>
<% } %>
<div class="message-body">
<%- get_config_from_obj(widget, 'content') %>
</div>
</div>

themes\icarus\source\css\style.styl

1
2
.card + .message
margin-top: 1.5rem

themes\icarus\_config.yml

1
2
3
4
5
6
7
8
widgets:
-
type: notice
position: right
color: danger # 颜色,值为 dark primary link info success warning danger
size: small # 大小,值为 空(就是不填) small medium large
title: 公告标题 # 可以不填
content: 公告内容 # 支持 HTML 标签,必填项

效果

往上