主题没有友链,只能自己加力。

网上搜了一下,好像只有针对某些主题的 hexo 友链配置方式。虽然没了解过 hexo 主题的写法,但是因为他们创建的文件后缀和我这个主题的文件的后缀不太一样,通读文章之后感觉都不是很适合自己的博客,于是尝试根据本主题作者配置 about 页的方法配置了一下友链。

配置路由

首先在根目录的_config.ymlmenu加上友链的路由

此时可以看到右上角已经出现了友链的按钮,但是点进去会显示 404,这是因为我们还没配置 link 的模板内容。

配置模板

theme/hexo-theme-Claudia/source/style下新建 link.scss

再在theme/hexo-theme-Claudia/layout下新建 link.pug

我这里简单把about.scssabout.pug 的内容复制了过来,并把 about 相关的命名改成了 link

这样就创建好 link 的模板了

配置内容

source文件夹下新建文件夹link,并在其中新建index.md

index.md填写如下内容

这样就把 link 的内容文件创建好了。到这一步已经能正常访问友链页,可以直接往里面填友链啦~

配置样式

link 样式最初图方便是直接 copy 了 about 的样式。在能正常访问友链页面之后,我们可以给友链添加一些样式,让它看起来更好看一点

我首先写好了index.md的内容

之后在控制台看了看最终生成的 DOM 结构

这样就能知道要给哪些元素添加样式了。给link.pug的根元素加个 class 之后就能在 link.scss 里应用 class 写样式啦-v-