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

前言

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

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

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

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

教程步骤

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

hexo new page friendlink

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

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

menu:
  home: / || home
  tags: /tags/ || tags
  categories: /categories/ || th
  #search: /search/ || search
  archives: /archives/ || archive
  about: /about/ || user
  friendlink: 
  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Hexo搭建博客中,你可以通过修改NexT主题的配置文件来自定义侧边栏样式。具体来说,你可以在NexT主题的配置文件中找到以下几个选项来修改侧边栏样式: 1. `links_icon`:这个选项用于设置友情接的图标样式。你可以取消注释并设置为`link`来使用默认的接图标。 2. `links_title`:这个选项用于设置友情接的标题。你可以自行修改标题名称。 3. `links_layout`:这个选项用于设置友情接的布局方式。默认情况下,接以块的形式显示,你可以将其改为`inline`以内联的方式显示。 4. `links`:这个选项用于添加你的友情接。你可以按照以下格式添加接:`Title: http://example.com`。 通过修改这些选项,你可以自定义Hexo博客的侧边栏样式。请注意,你需要在NexT主题的配置文件中进行修改,并根据需要取消注释或添加相应的内容。 #### 引用[.reference_title] - *1* *2* [Hexo 搭建个人博客(八)NexT 侧边栏配置](https://blog.csdn.net/qq_32767041/article/details/103284345)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Hexo 入门指南(四) - 页面、导航、边栏、底栏](https://blog.csdn.net/wizardforcel/article/details/40684953)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值