---
title: 博客修复
english_title:
top: 0
date: 2018-12-30 21:38:31
categories: 
tags: 
- hexo
- blog
fancybox:
comments: true
permalink:
description:
---
实在不能忍受博客出现的一些问题了，于是开始修复。
<!--more-->
## 侧边栏社交栏中的github图标不显示
参考[github的图标不显示](https://github.com/MOxFIVE/yelee/issues/27)
不显示的的原因是原文件中GitHub图标的地址已经失效了，如图
![](https://images.liangs.me/bitcron/Diary/2018/_image/ab545381d6ee0c017c29acc485d84b70_006tNc79ly1fvn0lg3z4oj30ya04qdgr.jpg)
解决方案：在[这里](http://www.iconfont.cn/)下载一个github图标放到/yelee/source/img/下并命名为GitHub.png，然后在/yelee/source/css/_partial/customise/social-icon.styl的img-logo中加入GitHub black 75，接着删掉46-50行的即可。
```
.GitHub
    background url(//cdn.bootcss.com/logos/0.2.0/github-octocat.svg) no-repeat white
    background-size 90%
    background-position 50% 100%
```
## 社交栏部分被挡住
这是宽度被限制了
`main.styl`中修改
```
    .switch-area{
        position: relative;
        width: 100%;
        overflow: hidden;
        min-height: 300px;
        font-size: (14/16)rem;
        .switch-wrap{
            transition: transform .3s ease-in;
            position: relative;
        }
    }
```
## 评论系统从Disqus到Valine
Yelee主题默认支持三款评论系统：Disqus，多说和友言评论。而目前多说和友言已经不能用了，Disqus也需要科学上网才可以加载使用。参考[suixin的方案](https://suixinblog.cn/2018/09/valine.html)将评论系统从Disqus换成了基于Leancloud的valine。样式不错，非常干净，可以后台管理评论、反垃圾。
## Github关联
之前换过主题之后失效了
参考[关联 GitHub, 让 Hexo 支持查看文章更新历史](http://moxfive.xyz/2016/01/10/hexo-post-version-control/)
开个repo把`hexo/sources/_posts`放到Github上。修改`./themes/yelee/layout/_partial/post/nav.ejs`文件，相应位置修改并添加如下代码:
```
        <!-- 不设置 backup: false 则默认显示 -->
        <% if (post.backup != false){ %>
         <p>
            <span>更新历史:</span><i class="fa fa-github"></i>
            <!-- 不同功能替换前面超链接即可，文件名不变 -->
            <!-- 文件名生成: <%= post.date.format("YYYY-MM-DD") %>.<%= post.slug %> -->
            <a href="https://github.com/wmwwmv/BlogBackup/blame/master/_posts/<%= post.slug %>.md" title="顺序查看文章各部分修改记录" target = "_blank">Blame</a>,
            <a href="https://github.com/wmwwmv/BlogBackup/commits/master/_posts/<%= post.slug %>.md" title="查看文章有关更新记录" target = "_blank">History</a><span class="raw">文本模式:</span><i class="fa fa-file-text-o"></i>
            <a href="https://raw.githubusercontent.com/wmwwmv/BlogBackup/master/_posts/<%= post.slug %>.md" title="查看 & 下载文章 Markdown 原始文本" target = "_blank"> .md Raw</a>
        </p>
        <% } %>
```