GitHub Pages+Jekyll搭建个人博客

2017年8月7号 | 阅读：次

大家好，我想死你们啦~

　　博客初步搭建完成，关于Github pages+Jekyll搭建博客的方法已有很多大牛写过相关文章，按照“惯例”，现将搭建过程中使用到的资料整理如下，作为第一篇博客（三年之后回来看，此站总共一篇博客[doge]）：　　

简易教程

扩展1-相关网站生成工具

扩展2-网站基础知识

扩展3-好的博客(在github站点中寻找得到)

扩展4-编写博客

扩展5-Jekyll安装报错

Configuration file: D:/GitWorkSpace/slowlythinking.github.io/_config.yml
Deprecation: The ‘gems’ configuration option has been renamed to ‘plugins
‘. Please update your config file accordingly.
Dependency Error: Yikes! It looks like you don’t have jekyll-sitemap or
one of its dependencies installed. In order to use Jekyll as currently
configured, you‘ll need to install this gem. The full error message from
Ruby is: ‘cannot load such file – jekyll-sitemap’ If you run into trouble,
you can find helpful resources at https://jekyllrb.com/help/!
jekyll 3.5.1 | Error: jekyll-sitemap

法1-去除jekyll-sitemap -> 导致“关于我”选项无法打开

GitHub 第一坑：换行符自动转换 -> 解决以上问题

尝试去除背景图片模糊的问题 -> 将images文件夹中的背景图片换了多张仍无法解决，后搜索含有background-cover的文件，发现了main.css中定义了背景图片的显示状态，其中有以下代码：

.panel-cover–overlay {
display: block;
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(68, 68, 68, 0.6);
background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); }

就在这里定义了背景图片的渐变（最后三行），导致图片模糊，但是去除这三行之后首页文字位置又不对了，再次查找，发现在_includes文件夹下的side-panel.html文件中有以下语句：

    if site.cover_color
    <div class="panel-cover--overlay cover-"></div>
    else
    <div class="panel-cover--overlay cover-disabled"></div>
    endif

于是发现问题出在cover_color这个变量上，到_config.yml文件中将cover_color变量的值由clear改为空（什么都不写），图像模糊的问题得到解决。