如何建立一个与本站版式相似的个人站:三、配置文件的初步设置 木灵的炼金工作室

首先,请访问我的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行是整个样式的核心内容,一定一定一定一定一定一定不要动。

至此,基础的配置结束。


Copyright AmachiInori 2017-2021. All Right Reserved.
Powered By Jekyll.
amachi.com.cn