theme

Cards-Jekyll-Template: Github Homepage (附带安装说明.)

安装好就 就开始自定义了. 把一些个人信息换成自己的.

编辑: config.yml 文件来输入你自己的个人信息.

原先版本:
Site settings
title: Willian Justen - Desenvolvedor Front End
// 网站标题.

email: willianjustenqui@gmail.com
// 个人邮箱地址

description: > # this means to ignore newlines until "baseurl:"
  Um blog de um desenvolvedor Front End e entusiasta de novas tecnologias.
// 网站描述? 显示在哪??

baseurl: "" # the subpath of your site, e.g. /blog/
// 这个重要. 一般都是空. 不是空的话可能会有显示问题. 

url: "https://willianjusten.com.br" # the base hostname & protocol for your site
// 绑定自己的域名??

twitter_username: willian_justen
// twitter 用户名

github_username:  willianjusten
// guthub 用户名.

cards theme 修改

  1. 发现列表的行间距太宽: 修改 main.css 文件 里面的

.post-content li { padding: .625rem 0; → 这行去掉. 不要 上下padding. ulmargin-bottom: 0 }

  1. 行高太高. 就是段落内 上下两行的间距太宽:

.post-content p, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content ul, .post-content ol, .post-content .tags, .post-content iframe, .post-content .button-post { *zoom: 1; width: auto; max-width: 50rem; float: none; display: block; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; padding: 0 1.25rem; margin: 0 auto 1.875rem; font-family: ‘Open Sans’, sans-serif; font-weight: 300; font-style: normal; font-size: 1.125rem; //line-height: 2; //change 段落内行高太高 变成0. letter-spacing: .01rem; }

  1. blockquote 引用 上下左右间距也太大.

.post-content blockquote { *zoom: 1; width: auto; max-width: 45.625rem; float: none; display: block; margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; border-left: .313rem solid #005f97; //padding: 0 1.875rem; //margin: 3.125rem auto; //change 改变 blockquote 引用的左右上下边距. }

其他 Theme:

码志 主题