总算是搞好啦 ！！ 😄
写在前面
花了大概一天的时间终于是搞好啦！但是感觉自己什么也没做 ! 只是 fork 了 Gaohaoyang 这位大神的 blog ，自己稍微修改了一下 ！但是对 Jekyll 怎么使用还没搞明白，因为是 fork 别人的东西，也许这就是 轮子 的好处 。这个主题还算不错哦 ！ 对于自己来说，不太喜欢这个代码的高亮风格 ！自己再慢慢琢磨吧 ！o(￣▽￣)ブ
会慢慢把自己整理的东西放进来的哦 ！
关于主题的选择：
自己也去网上搜了部分主题，那些炫酷的主题大部分是用 html + CSS 写出来的 ！ (🤩) ，考虑到是小白的自己，就 fork 了这个主题，但是我 fork 的好像不是最原始的 (尴尬脸) ！ 不过也没多大的关系！ 然后自己就稍微修改了一下 ！(可能有些画蛇添足)！
修改过程：
主要的文件 ：
-
_config.yml: 具体参考下面部分 -
index.html：根据自己的理解，这个主要是关于 ’ 首页 ’ 的相关设置 ！ -
page文件夹下的几个文件 : 这个文件的文件分别对应网页顶部的各个功能 ！
md加载后 , 网页无法显示公式：
- 在_includes/head.html中添加
<!-- 数学公式 -->
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
inlineMath: [['$','$']]
}
});
</script>
- _config.yml 文件中添加
mathjax:
enable: true
markdown 写作格式
这个主题支持的格式
---
layout: post # 使用的布局（不需要改）
title: My First Post # 标题
subtitle: Hello World, Hello Blog #副标题
date: 2019-12-13 # 时间
author: BY # 作者
catalog: true # 是否归档
tags: 02 #标签
---
* content #
{:toc} # 目录
关于字体大小的修改
修改 _sass\_page.scss 文件里面的内容。
关于内嵌表格样式的修改
修改表格文字的对齐方式 和 整个表格居中
修改文件 ` _sass_reset.scss`
table {
border-top: 1px solid #777;
border-bottom: 1px solid #777;
margin: 8px auto; //整个表格居中对齐
border-collapse: collapse;
thead {
border-bottom: 1px solid #777;
background-color: #aaa;
color: #fff;
}
th {
padding: 2px 10px;
text-align: center; //标题居中
}
tbody {
tr {
&:nth-of-type(2n+1) {
background-color: #f8f8fd;
}
&:nth-of-type(2n) {
background-color: #e5eaed;
}
}
}
td {
padding: 2px 10px;
text-align: center; //单元格居中
}
}
关于标题样式的修改
修改文件 ` _sass_reset.scss`
关于网页背景图片设置
修改文件 ` _sass_reset.scss`
body {
font-family: 'Helvetica Neue',Helvetica,Arial,'Microsoft YaHei',sans-serif;
color: #333;
background-image: url(https://ooo.0o0.ooo/2016/06/20/5768c606cf9cb.jpg);
position: relative;
min-height: 100%;
padding-bottom: 190px;
}
修改 background-image 的 url
padding-bottom 距离底部的距离。
参考 ：
- Gaohaoyang : https://gaohaoyang.github.io/
- 柏荧的博客 : https://www.jianshu.com/p/e68fba58f75c
- 柏荧的GitHub ：https://github.com/qiubaiying/qiubaiying.github.io
- 如何在基于jekyll的github上发布的博客中支持MathJax(LaTex数学公式)？
- Jekyll 问题解决和功能添加
- Github升级Jekyll3.0-强制使用rouge语法高亮
- css Table布局-display:table
- css怎么设置table居中？
- Jekyll 语法小节
- Github+Jekyll 搭建个人网站详细教程
- 模板 -1