用简单的GoHugo技巧改进我的网站

2020-11-07 11:07:15

正如你可能已经看到的,我最近开始真正在我的网站上工作,我首先切换到一个自制的主题(文章可以在这里找到),然后开始对主题进行更小的调整,同时添加一些很酷的功能,比如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订阅!