标签归档:weibo

为hexo添加说说、微博模板

缘由

平时没什么好写的。但是每天总有那么一两句话想说出来。一篇博客只写那短短的几句话,未免有些“大材小用”。是时候派上“微博”或者“说说”出场了。所以我就在我的主题上添加一个shuoshuo模板。
需求简单,解决办法也简单。只要求能在首页上显示出“微博”(或者说说)就好了。至于评论嘛,这里都没什么人来。

添加微博模板

\themes\verynice\layout\_partial下添加shuoshuo.ejs文件
添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
<div class="blog-post container">
<div class="row">
<div class="lead text-center shuoshuo">
<h1>✏</h1>
<%- item.content %>
</div>
<div class="text-center">
<br><br>
<%= item.date.format('YY,MM,DD') %>
</div>
</div>
</div>

修改首页模板

修改hexo\themes\verynice\layout下的index.ejs文件

1
2
3
4
5
6
7
8
9
<% page.posts.each(function(item){ %>
<% if(item.layout== "shuoshuo"){%>
<%- partial('_partial/shuoshuo', {item: item}) %>
<%}%>
<% if(item.layout != "shuoshuo"){%>
<%- partial('_partial/article-excerpt', {item: item}) %>
<%}%>
<% }); %>
<%- partial('_partial/pagination') %>

添加上判断语句。对不同类型的文章做出不同的渲染。文章类型通过layout来区别。

CSS设计

基本用了Bootstrap的样式。但是还添加了padding

1
2
3
4
.shuoshuo {
padding-left: 5%;
padding-right:5%;
}

展示

效果还是OK的。
shuoshuo