主题没有友链,只能自己加力。
网上搜了一下,好像只有针对某些主题的 hexo 友链配置方式。虽然没了解过 hexo 主题的写法,但是因为他们创建的文件后缀和我这个主题的文件的后缀不太一样,通读文章之后感觉都不是很适合自己的博客,于是尝试根据本主题作者配置 about 页的方法配置了一下友链。
配置路由
首先在根目录的_config.yml
的menu
加上友链的路由
此时可以看到右上角已经出现了友链的按钮,但是点进去会显示 404,这是因为我们还没配置 link 的模板内容。
配置模板
在theme/hexo-theme-Claudia/source/style
下新建 link.scss
再在theme/hexo-theme-Claudia/layout
下新建 link.pug
我这里简单把about.scss
和about.pug
的内容复制了过来,并把 about 相关的命名改成了 link
这样就创建好 link 的模板了
配置内容
在source
文件夹下新建文件夹link
,并在其中新建index.md
在index.md
填写如下内容
这样就把 link 的内容文件创建好了。到这一步已经能正常访问友链页,可以直接往里面填友链啦~
配置样式
link 样式最初图方便是直接 copy 了 about 的样式。在能正常访问友链页面之后,我们可以给友链添加一些样式,让它看起来更好看一点
我首先写好了index.md
的内容
之后在控制台看了看最终生成的 DOM 结构
这样就能知道要给哪些元素添加样式了。给link.pug
的根元素加个 class 之后就能在 link.scss
里应用 class 写样式啦-v-