100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【Hexo + Next】侧边栏添加自定义文件夹(如友链)

【Hexo + Next】侧边栏添加自定义文件夹(如友链)

时间:2022-06-30 00:00:22

相关推荐

【Hexo + Next】侧边栏添加自定义文件夹(如友链)

前言

如果你刚刚完成博客的搭建,会发现Next主题的侧边栏默认文件夹很少,不过你可以通过配置主题配置文件_config.yml,增加标签分类关于等等文件夹,具体教程可参考官方帮助文档,网上亦有大量教程,这里就不赘述了。

当你在浏览一些完成度较高的博客时,会发现有的博客的侧边栏会有一些自定义的文件夹,如图1所示,红框中的是Next主题自带的文件夹,蓝框中的是自定义的。

不过,无论是官方帮助文档,亦或是网上的教程,鲜有提及如何创建自定义文件夹。

通过不断的尝试,笔者终于成功总结出一种解决方法。下面给出在侧边栏新建一个友链文件夹的相关教程。

教程步骤

以MacOS为例,打开终端,开启管理员模式,定位到博客文件夹,执行命令

hexo new page friendlink

路径Users/用户名/博客文件夹/source文件夹里就会出现刚刚新建的文件夹friendlink,打开文件friendlink,会发现里面有一个index.md文件,待会再来修改它。

打开主题配置文件,找到Menu Settings,加入一行代码:friendlink: /friendlink/ || link,如下所示:

menu:home: / || hometags: /tags/ || tagscategories: /categories/ || th#search: /search/ || searcharchives: /archives/ || archiveabout: /about/ || userfriendlink: /friendlink/ || link

打开Users/用户名/博客文件夹/themes/next/languages文件夹里的zh-CN.yml文件,在其中增加一行代码:friendlink: 友链,如下所示:

menu:home: 首页archives: 归档categories: 分类tags: 标签about: 关于search: 搜索schedule: 日程表sitemap: 站点地图commonweal: 公益 404friendlink: 友链

保存文件后执行

hexo cl && hexo g && hexo s

本地打开博客网站,就能看到侧边栏多了一个友链文件夹,不过这时候点击友链文件夹,里面是一片空白,这时就到了最后一步,修改教程开头提到的index.md文件。

修改index.mdtitletitle将显示为网页的标题,然后在文件中写下你想写的内容,格式遵循Markdown,内容将显示在网页当中,我的index.md内容为:

---title: 互换友链date: -07-28 20:23:11---#### 前言  如果您也有自己的个人博客,并且想要互换友链,**可以先在贵站添加我的站点**:[](),站名:Morty。**然后再在下方留言,并注明贵站的类型**,审核之后贵站的信息就会被添加到下方列表中~#### 友链列表  以下排名不分先后,欢迎访问(~ ̄▽ ̄)~| 站名| 链接 | 类型 ||:--------------:|:---------------:|:--------------:|| leek | https://bigleek.ml| Java后端 || 菜菜|| 技术 || Water | https://water1127.github.io | 不详 || Don Lex | | 不详 || 赵俊| http://www.zhaojun.im | Java|| 千千| | 不详 |

保存后执行命令

hexo cl && hexo g && hexo d

友链页显示效果如图2所示:

PS

无论是主题自带的文件夹还是自定义的文件夹,默认都是开启留言功能的(前提是你配置了留言功能),如要关闭留言,加入comments: false即可,如下:

---title: 标签date: -07-15 20:55:57type: tagscomments: false---

参考文献

[1] /codebook/p/10312965.html

[2] https://theme-/docs/theme-settings/

推荐阅读

【Next 7.2.0版权声明大改动】仅需一步!开启内置版权声明(跟繁琐的自定义版权声明说拜拜~)

【Hexo + Next】左侧栏友链一行多个显示

【Hexo + Next 优化之坑】百度、谷歌收录sitemap站点地图

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。