简介
使用Jekyll主题非常便捷的搭建个人网站
工具
Github
Jekyll
1. 简介
引用Jekyll挂网的话来说“将纯文本转化为静态网站和博客”。Jekyll就是将目前最火热的标记语言
Markdown直
接变成 html
语言并进行输出。你只需要设置好格式,或者一行remote_theme
代码引用他人已经做好的模板,再新建一个.md
文件就可以开始写网站或者博客了。 它虽然是一个静态网站,但因为内容是
.md
文件,所以更新也很方便。只需要写好稿子、上传就好了,它完全不需要在本地部署任何东西,一切的一切都可以在GitHub上完成。2. 操作
Jekyll是GitHub Pages默认推荐的网站托管服务,因此十分的便捷,不需要什么学习成本。但你仍需要知道一些
Markdown
语言的格式规范,放心这很简单,哪怕你只是个小学生。除此之外,你还需要掌握创建文件夹、GitHub基础操作。关于html
的相关知识,并不要求你知道哪些语言标记代表什么含义,你只需要知道你面对一个模板,需要修改哪些内容就行;最简单的方法就是照着网页看那些内容需要替换成你自己的内容,再用查找功能在对应代码中找到就行;对了<a href=””>
这样的超链接还是最好了解一下。2.1 准备
首先你需要一个GitHub账号,但这很简单,你只需要去找相关的教程就好,这里就不从头介绍了。
- 有了账号之后要新建一个仓库
设置好相应的
.md
文件,主页面最好使用index.md
名命2.2 添加Jekyll
- 在GitHub中你新建好的仓库的设置Settings界面选择Pages,设定好相应的要发布的分支Branch
- 最下面有一行字写着“Learn how to add a Jekyll theme to your site.”,在这里会显示出GitHub所默认支持的几种模板
- 这是我使用的模板-Cayman,他的分支还有支持神色模式,修改显示按钮和页面色彩、布局等
- 推荐几个Jekyll模板的网站
- 在你的仓库主界面
<>code
会出现一个_config.yml
的文件

2.3 更换主题
- 如果你是直接在Settings-Pages里面选择的主题,里面的内容是
theme: jekyll-theme-cayman
- 如果你想更改主题就在前面加上
#
将之前的主题变成注释 - 或者删除
- 将新的主题加入或者采用
remote_theme: lewismiddleton/cayman-dark
的方式
2.4 关键内容修改
- 如果你使用的是远程出题那只要参考例子进行相关的内容修改就行


更多信息可以参考说明文档
- 如果你想做出更进一步的修改,那就只能找到主题的仓库进行
Fork
,生成自己的专属主题,在进行remote_theme
配置
- 下面列举一些我所知道的参数内容:
- 远程主题名设置为
your name/仓库名
- 在layouts文件里面的d
efault.html
修改页面设置 - 页面颜色在
css/scss
文件中修改 - 主题里面的
_config.yml
和你引用的仓库的_config.yml
相比优先度较低 - 大部分原主题为了方便远程引用都会设置一些通配符,再修改的时候要注意
- 如果有页数参数,那就要把页数改为1才能看到自己上传的内容
2.6 关于延迟
- 很多人修改后,发现目标页面部署后并没有发生变化,往往刷新好几次还是这样。
- 这是由于网络延迟导致的,如果你使用了netlify或者是vercel就会更慢,有的时候还需要重新部署。
- 这一点是相较于notion等平台作为博客比较不方便的一点。如果有大的修改的话,多等一会差不多就好了。
3.特点
这虽然是一种很便捷的部署方法,当然有其独特的优点,但也存在一些问题。
3.1 优点
- 优点当然是小白化操作,而且还能够实现一些比较复杂的效果,兼具了美观和实用
- 不需要代码环境,在本地也可以预览,除开延迟几乎可以做到即发布,即用
- 如果你是用的freenom的域名或者GitHub的域名,那全过程都是免费的
Markdown
语言的不足之处可以由html
来补强,而且本身输出的就是html
页面,所以也可以使用css
库等
- 升级网站模板或者更换网站模板都只需要一行主题代码
Markdown
格式也为文档提供了更好的可迁移性
3.2 缺点
- 需要有较好的文件管理能力,博客的一切都要自己创建文件夹、标签等进行分类
- 发布和修改之间存在延迟
- 博客的书写需要遵循一定规范,比如文件名要采用
yyyy-mm-dd-name.md