您可以自由地共享和演绎本文稿, 只需遵守开源协议[CC By 4.0]
如果这篇文章帮助到你, 可以请我喝一杯咖啡~
首先,请访问我的demo仓库,获取_comfig.yml,并与你的页面的_comfig.yml
对照修改
在开始之前,首先要注意:YAML是一个传递配置信息的标记语言,它对于缩进敏感且不兼容tab制表符,所以所有的缩进请使用空格。YAML的注释使用#开头,但注意,在YAML结构体中的字符串中不可以以这种方式添加注释。
首先,调整第二行(下述的行数均指在demo库的_comfig.yml文件中的行号)对应的title:
内容,注意保留冒号之后的空格。
再以HTML形式编辑3 - 27行对应的内容。此内容会出现在你的侧边栏头像后方,因为空间有限,建议不要过长。并且,这些文字会出现在搜素引擎爬取你网站时的头部返回信息中,所以请务必认真编辑。
类似于:
<i class="fab fa-twitter"></i>
的内容是Font Awesome图标,可以在FA中文网中寻找并替换/加入。但需注意,在上述网站中找到的代码多是形如<i class="fa fa-twitter"></i>
,你需要将其改为<i class="fab fa-twitter"></i>
(fa -> fab)
29 - 35行对应内容请不要删改
36 - 37行对应内容请根据注释修改
70 和 75行对应内容是网站图标的URL,可以是绝对URL,也可以是相对链接。
后边的很长一段都是外部插件相关内容,我们直接跳到159行。159 - 194为背景设置,使用CSS编写即可。如果不会CSS,只需要修改170行和183行的URL为你希望的图片的URL(可以是http链接,也可以是相对链接),建议较大图片使用CDN服务器。其中,170行内容对应移动端,183行内容对应PC端。
来到205行,此行对应的内容可以更换页面使用的字体,同样是CSS。
247行侧边栏头像URL,修改。
来到第394行,将这个时间改为你的建站时间,注意保持格式不变。
接着配置评论区:访问此链接,根据页面提示操作,获取AppID和AppKey,填写入561-562行的对应位置,同时563行的字符串也可以按你的喜好修改。
591 - 599行对应内容是每一篇博文最上方第2-3行的内容,可以根据你的喜好以HTML语言随意修改。
610行的提示语是“归档页面”的提示词,可以修改。
打赏页的配置请根据文档来修改619 - 633行对应内容。如不希望使用打赏页面,可以将257 - 258行对应内容注释掉(#),同时修改591 - 599行对应内容。
reveal.js展示页的配置在655行之后,append_to_section_tag:
数组可以根据文档修改,只需在YAML中写出<section key=value>
的键值对即可。
667 - 701行对应内容是reveal.js的CSS,根据个人喜好修改。
746行是整个样式的核心内容,一定一定一定一定一定一定不要动。
至此,基础的配置结束。