博客优化之创建友链界面

本文详细介绍了如何为Next博客创建一个独立的友链页面,包括新增links页面、配置menu、创建links.swig模板、修改page.swig、引入links.swig以及配置友链的步骤,旨在优化博客的友链展示。
摘要由CSDN通过智能技术生成

​ Next 的友链,默认是在主题配置文件中 links 下添加,当链接变多以后,侧栏页面的排版很不美观,这时候就需要给友链新增一个单独的页面了,下面说一下具体步骤。

在控制台使用命令创建:

hexo new page links

也可在博客根目录 /source 下手动创建 links 文件夹和里边的 index.md 文件

然后在博客根目录 /source 下会生成一个 links 文件夹,打开其中的 index.md 文件,在头部写入 type = “links”,如下:

title: 友情链接
date: 2019-08-11 15:34:16
type: "links"

如果需要关闭这个页面的评论的话,可以设置如下:

---
title: 友情链接
date: 2019-08-11 15:34:16
type: "links"
comments: false
---

2. 配置 menu

主题配置文件中menu下添加:

links: /links/|| link

/themes/next/languages/zh-Hans.yml 文件中 menu 下增加中文描述

links: 友链

做完这些工作,接下来就是要增加友链页面的样式了

/themes/next/layout/ 新建 links.swig,内容如下:

{% block content %}
{######################}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值