前言

前两天为了搭建博客,踩了不少的坑,但是昨天发的简易版教程图的是简单,就没把那些复杂的东西放上来, 今天就把我踩过的坑连带着进阶的知识放上来,让你们可以有解决办法。

_config.yml ================= 这是一个重要的文件,看名字也知道,这是一个配置文件。

1
2
3
4
5
6
7
8
name: Less Or More
email: hao_kr@163.com
author: Greedyhao
url:
resume_site:
github: https://github.com/greedyhao/
baseurl: ""
...

这是我的配置文件的其中一部分。

假如我在另外一个文件中想知道现在这个使用主题的主人是谁,就只需要site.author, 就可以获得作者的名字,这样就不用每换一个使用者就要到处去更改程序,很方便,特别方便那些不是 学网页的人。

简单的修改主题框架

觉得某一个喜欢的主题在某一个地方让自己不满意而自己却不是学网页的怎么办呢? 不用急,那就使用谷歌爸爸的利器chrome,按F12,开发者工具可以帮助你方便的修改主题。 不懂CSS也能定制博客界面!

另外提醒一下,你在开发者工具的Elements这一栏看到的这一个文件可能不止是一个文件, 可能是多个文件拼在一起的,一般应该在_includes这个文件夹中。

图片的问题

开源协议的使用

相信很多新人都不知道开源协议到底是怎么样的,这里 有一个介绍开源协议的教程,可以参考一下。这一个 是为一个项目添加一个开源协议的教程。

使用github的图片源的问题

之前在github上使用github的图片源时直接使用那一长串的https链接就可以了,但是在 github page搭建的博客上不可以这么用,遮掩的后果是无法显示图片。

  • 第一种解决方法(推荐)

    要想在自己博客上显示某张图片,直接将这张图片一起上传到github上就可以了,然后 使用图片的相对路径。如下是一个例子。

    1
    ![](/img/jekyll/git图片源问题.png)

  • 第二种解决方法

    将图片上传到图床,然后图床会提供一个url,然后使用这个url就可以显示图片了。

    推荐的图床:七牛云SM.MS

markdown选用

pygments和redcarpet,在github page上已经不再支持,所以我们要使用替代的 rouge和kramdown,如下更改_config.yml

1
2
3
4
markdown: kramdown
kramdown:
input: GFM
highlighter: rouge

给博客绑定自己的域名

觉得github的二级域名不够酷炫,那就 绑定自己的域名 吧,我是去Ali的万网 买的,自带云解析,一年也就几十块,便宜的才9.9。

万网支持直接绑定 CNAME,所以..上个图先

如果不支持绑定 CNAME 的,就选择记录类型为A,添加github的ip地址 192.30.252.153192.30.252.154 就可以了,再上个图。

参考源