首页 Jekyll+模板,搭建个人博客(二)模板修改
文章
取消

Jekyll+模板,搭建个人博客(二)模板修改

本章对Chirpy模板信息稍加修改,例如作者信息、链接等。

Jekyll模板修改

详情可以参考jekyll中文文档。本模板可以修改的部分如下:

文件 / 目录描述
_config.yml保存全局配置,是主要要改的文件
_data主要存储网站作者的信息和分享链接,
国内无法分享twitter等平台,需要注释掉
_tabs存放侧边栏中其他栏目,只用修改about.md
_posts存放博客的文件夹,博客须命名为YY-MM-DD-title.md
assets/img/favicons中存放头像,按需修改
_includes包含各个网页布局的html,比如网页底部footer.html
不建议修改

接下来细说需要修改的地方。

_config.yml

首先打开根目录的_config.yml,需要改的部分如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
# 网页全局的语言,例如将侧边的“home”改成“主页”等,可选项在_data/locales/下,这里改成中文
lang: zh-CN

# 站点标题,显示在网站标签页和左上角
title:

# 站点副标题,在标题之下
tagline:

# 搜索引擎优化,改不改问题不大
description:

# github名,改成自己的github名字
github:
  username:

# 自己的社交帐号信息
social:

# 头像地址
avatar: /assets/img/favicons/apple-touch-icon.png

# 显示博客旁的文章层级目录
toc: true

另外,如果有需要开启评论,推荐giscus平台托管评论,无墙无广告并可以通过GitHub登录。

前往giscus官网,会有一个输入仓库的文本框,输入用户名/仓库名以测试你的仓库是否可用,例如我的JinHanLei/JinHanLei.github.io

如果不可用,则对照他的提示确保条件满足:

  1. 该仓库是公开的,否则访客将无法查看。仓库创建时默认就是公开的,一般不用改。
  2. giscus app已安装,否则访客将无法评论和回应。点进giscus app链接,即可直接安装。
  3. Discussions功能已在你的仓库中启用。在仓库的Settings-General-Features中开启Discussions。

通过以上步骤应该可以使用了,在文本框底下Discussion 分类,选择一个即可,我选择了Q&A

继续下滑,有启用giscus的代码。对应修改_config.yml:

1
2
3
4
5
6
7
8
comments:
  active: 'giscus'
  
  giscus:
  repo: xxx
  repo_id: xxx
  category: xxx
  category_id: xxx

其他可以保持默认。修改这个文件后需要重启项目。

_data

authors.yml貌似是针对推特做搜索优化的,不管他。

contact.yml直接关联着网站左下角的链接,这里我将facebook和twitter注释掉,只保留github和email。

share.yml是在点进文章之后最底下的分享链接,也注释掉一些不认识的网站,只留下weibo。

_tabs

about.md关联着侧边栏的about,可以改成自己的介绍、简历等。

其他文件不改。

_posts

在此存放博客,下节细说。

assets

assets/img/favicons/下存放有头像,需要替换成自己的。

事先准备头像图片,前往Real Favicon Generator上传,上传后点击Generate your Favicons and HTML code即可,解压后删除以下两个文件:

  • browserconfig.xml
  • site.webmanifest

只保留.png.ico,将其复制到assets/img/favicons/即可。

自此,网站已经布置成自己的嘞,着手开始安心写博客咯。

本文由作者按照 CC BY 4.0 进行授权

Jekyll+模板,搭建个人博客(一)环境配置

Jekyll+模板,搭建个人博客(三)撰写博客