Hexo Phase主题修改

参考landscape主题,给phase添加了read more效果。

layout\_partial\article.ejs文件中,

<% if (item.excerpt && index){ %>
  <%- item.excerpt %>
<% } else { %>
  <%- item.content %>
<% } %>

替换为:

<% if (item.excerpt && index){ %>
  <%- item.excerpt %>      
  <p class="article-more-link">
    <a href="<%- config.root %><%- item.path %>#more"><%= 'read more' %></a>
  </p>
<% } else { %>
  <%- item.content %>
<% } %>

再在相应source\css\_partial\article.styl中,添加相应CSS规则。

.article-more-link a
  display: inline-block
  line-height: 1em
  padding: 6px 15px
  border-radius: 15px
  background: color-background
  color: color-grey
  text-shadow: 0 1px #fff
  text-decoration: none
  &:hover
    background: color-link
    color: #fff
    text-decoration: none
    text-shadow: 0 1px darken(color-link, 20%)

效果如:

read more