正如你可能已经看到的,我最近开始真正在我的网站上工作,我首先切换到一个自制的主题(文章可以在这里找到),然后开始对主题进行更小的调整,同时添加一些很酷的功能,比如Twitter的卡片或集成OpenGraph协议。
你可能知道,我的网站使用的是GoHugo网站生成器(顺便说一句,代码是麻省理工学院许可的),它非常容易使用,并且与GitLab页面有很好的集成。
当你的网站链接到另一个地方时,让OpenGraph工作是让你的网站更好地呈现的第一个非常简单的步骤之一。它基本上是以一张小卡片的形式显示的,上面有一些信息,比如网站的名称、作者、页面的描述和一张图片。除了推特之外,推特的卡片基本上都是一样的。
要将OpenGraph添加到页面,只需在模板的<;head&>中添加以下内容:
<;meta Property=";og:site_name";Content=";JAE";/>;<;meta Property=";og:Locale";Content=";nn_no";/>;<;meta Property=";og:type";Content=";文章&34;/>;<;meta Property=。Content=";http://jae.moe/blog/nov2020-improvements/";/>;<;Meta Property=";og:Title&34;Content=";Content=";&>;<;Meta Property=";/>;<;Meta Property=";og:Image";Content=";http://jae.moe/images/logo.svg";/>;<;Meta Property=";Og:正如你可能已经看到的,我最近真的开始在我的网站上工作了。
<;meta name=";Twitter:Card";content=#34;/>;<;meta name=";Twitter:Title";Content=";用简单的GoHugo技巧改进我的网站,Twitter:Description";Content=";正如你可能已经看到的,我最近开始真正在我的网站上工作了。
其他一些改进是关于自定义短码的,比如我为剧透制作的短码,如下所示:
正如你所看到的,如果你真的想要改进你网站的一些小部分,这实际上是非常容易的。
但是,如果您不是当前使用的主题的维护者,那么打开一个问题,告诉维护者这些短码确实存在,或者如果可以的话,贡献一下!
然而,在GoHugo的网站上可以找到更多的短码,包括YouTube、Instagram或Twitter的短码。
今天到此为止,下次见!如果你喜欢我的内容,别忘了通过RSS订阅!