Hexo | （五）Yilia主题优化

yilia主题简单优雅，但是缺少一些我想要的功能，所以我自己稍微扩展了一些功能，比如添加了之前使用的LiveRe评论系统，新增了百度自动推送功能，在文章底部追加了版权声明，勉强实现了相册功能。
优化后的yilia主题：https://github.com/liziczh/hexo-theme-yilia

add:LiveRe评论系统

1.在yilia/layout/_partial/post下添加livere.ejs文件

2.编辑yilia/layout/_partial/article.ejs，在评论代码中引用livere.ejs

<% if (theme.livere_uid){ %>
   <%- partial('post/livere', {
     key: post.slug,
     title: post.title,
     url: config.url+url_for(post.path)
   }) %>
<% } %>

3.编辑yilia/_config.yml，添加livere_uid属性

#0、liveRe评论
livere_uid: false

add:百度推送

1.在yilia/layout/_partial下添加baidu-push.ejs文件

<% if (theme.baidu_push){ %>

<% } %> 

2.编辑layout/_partial/head.ejs，引用baidu-push.ejs

<%- partial('baidu-push') %>

3.编辑yilia/_config.yml，添加baidu_push属性

# 百度推送
baidu_push: true

add:版权声明

1.编辑layout/_partial/head.ejs，添加post-copyright代码

<% if (((theme.copyright_type === 2 && !post.copyright) || (theme.copyright_type === 1 && post.copyright)) && !index){ %>
 
    

        

            本文作者：<%= config.author%>
        
        

            本文链接：
            <%= config.url %><%- url_for(post.path) %>
        
        

            版权声明： 
            本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
        
    

<% } %>

2.添加.post-copyright的样式

.post-copyright{
    margin: 0em 0em 0em 0em;
    padding: 0.5em 1em;
    border-left:3px solid #ff1700;
    background-color: #f9f9f9;
    list-style: none;
    font-size: 14px;
}

3.编辑yilia/_config.yml，添加copyright_type属性

# 版权声明
# type：0-关闭版权声明； 1-存在copyright:true属性的文章，显示版权声明； 2-所有文章均有版权声明
copyright_type: 0

new:相册页面（未完成）

暂时是直接将以下代码嵌入index.md文档中，勉强实现相册功能。但这样写我自己看着都难受，之后有时间再改。

1.相册图片CSS

2.原生JS实现jQuery入口函数，实现手机图片自适应。

new:Ones页面（未完成）

单独写一个Ones的静态界面，暂未完成，之后再说。

转载于:https://www.cnblogs.com/liziczh/p/9318679.html