Liuyiyi的博客是如何搭建的?
jekyll + github page 静态博客快速搭建
拥有一个属于自己的个人博客也许是一件很酷的事情。可以用来分享学习到的东西,记录个人的想法和生活所得。使用 github page + jekyll 的方式搭建一个个人博客并不困难,可以说相当简单,且完全免费。其中jekyll是一个静态网站生成器,github page被用来免费的部署。 下面介绍一下本博客的搭建过程
1. 准备工作
- 一个Github账号
- 了解一下Git基本用法
2. 选择主题
因为使用的是开源的博客模板,所以需要先去主题官网挑选一个自己喜欢的主题。想要什么样子的博客可以在Jekyll官网主题随便选:http://jekyllthemes.org/
我选的主题:http://jekyllthemes.org/themes/jekyll-theme-yat/ github的地址是: https://github.com/jeffreytse/jekyll-theme-yat/ 这个博客主题也非常不错 https://github.com/cotes2020/jekyll-theme-chirpy
选好主题后,访问这个主题的Github仓库地址,fork这个主题,把仓库名字改成自己的
3. 设置Github page
Github page是Github提供的一个免费的托管页面的服务,只需简单的设置就可以部署自己的网页。具体如下: 进入这个仓库,点击页面中的settings,在左边可以看到一个Github page,随便设置一下就好了。
设置好了就可以访问了,但此时博客的内容都是模板自带的,还需要以下步骤来改成自己的内容。
4. 配置
接下来是简单的配置。
仓库中有个config.xml
文件,这就是用来配置的,点开看看有什么是可以改成自己的。像什么 title
email
description
favicon
改成自己的。模板中推荐了一个favicon
在线工具Favicon Generator,可以同时生成桌面端、Web端、IOS和Android端的图标。
都改好后提交改动,github会自动重新部署新的内容,部署大概会用个分把两分钟。 github仓库页面上有个github action里面就可以看到部署的过程和部署历史。
5. 写博客
接下来就是写自己的博客了。
文件夹里头有个叫_post
的,_post
文件夹中有几个写好的.md
文件, 这些.md
文件最终会展示在页面中,一个文件就是一个博客,都是由markdown
写的。所以只要在这个_post
文件夹中使用markdown
写点东西就行。如果不会写也没关系,这个模板自带了几个.md
文件的博客,就是教大家怎么使用markdown
的。比如这篇是非常漂亮的欢迎博客,博客还有一个非常漂亮的视频封面,对照一下源码就知道是怎么写的了。
需要注意的是.md
文件的名字格式一定要和这些现有的.md
文件一样,及时间+标题的格式,如果不这样会怎么样,我也不晓得。
🤔写完后一样的提交改动到Github仓库,就会自动部署了。
6. 更多的功能
- 自定义域名
- 访问量统计
- 评论功能
- 本地预览
咱们这博客没有这些功能,但是实现这些都不是难事,主打的就是一个专注内容,不知道有没有一键改主题的功能。 最后推荐一个教程,使用Jekyll搭建免费的个人博客详细教程