Hexo next 主题配置右侧栏的分类和标签打开的是空白

基本搭建好后发现,分类或标签点进去网页不存在,但是具体的一个分类能够进去。

原来是没有设置好,解决起来也很简单。

一、 新建 标签 和分类 页面

在根目录输入命令 hexo new page categories 会自动新建 categorier 文件夹并生成一个index.md文件,将里面的代码改为:

---
title: categories
date: 2020-01-21 12:12:26
type: "categories"
---

同理,「标签」也一样 hexo new page tags 生成 tags 文件夹,其中会自动生成一个index.md文件,将代码改为:

---
title: tags
date: 2020-01-21 12:13:08
type: "tags"
---

二、配置菜单

在主题文件下的_config.yml中

menu:
  home: / || home
  #about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat

# Enable / Disable menu icons / item badges.
menu_settings:
  icons: true

三、使用时

如果要对文章使用「tags」「categories」,只需在文章开头添加如下代码:

---
title: 摸鱼
date: 2020-01-21 12:04:59
tags: 杂项
categories: 技术
---

为了方便,我们可以修改post模板,修改Hexo\scaffolds\post.md

---
title: {{ title }}
date: {{ date }}
tags:
categories:
---

参考链接:

1. https://www.jianshu.com/p/f138032e7539

2. https://blog.csdn.net/mqdxiaoxiao/article/details/93644533

原文地址:https://www.cnblogs.com/lfri/p/12221359.html

时间: 2024-10-29 12:39:15

Hexo next 主题配置右侧栏的分类和标签打开的是空白的相关文章

hexo next主题为博客添加分享功能

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了

Hexo+NexT(四):Hexo站点及Next主题配置详解

采用Hexo及NexT搭建好网站以后,有些效果不是我们需要的,Hexo及NexT提供了强大的定制功能,本文章将要讲解的就是如何在对网站进行配置及调整,达到博主需要的效果. 本文章配置环境是Hexo 3.8.0+NexT 5.1.4,主题自身已经提供的功能,仅需要配置即可完成. 下一篇文章将讲解采用第三方插件的来实现不通的功能,同时更深入地讲解如何编写Hexo插件. 因为Markdown在Hexo和博客园的表现差异,最真实的效果请看网站www.guide2it.com Hexo博客专题索引页 定义

Hexo+NexT(三):Next主题配置详解

阅读本篇之前,假定读者已经有了Node.js的基础,如需要补充Node.js知识的,请自行百度. Hexo是在Node.js框架下的一个项目,利用Node.js提供的强大功能,完成从Markdown到静态网页的转换. NexT是Hexo项目下的一个主题插件,提供可高度定制的页面外观. 本文章对NexT主题配置文件_config.yml中的配置进行详细的讲解. Hexo博客专题索引页 1. NexT主题配置文件详解 Hexo版本-3.8.0,NexT版本-5.1.4 NexT主题配置文件详解 #

hexo 搭建静态博客 + Next 主题配置

参考手册 HEXO:https://hexo.io/zh-cn/ NEXT:http://theme-next.iissnan.com/ 安装hexo npm install hexo-cli -g 或者可以局部安装 hexo npm install hexo -S 初始化博客 hexo init xxx 或者进入到一个空文件夹里,执行:hexo init 网站配置文件详解 # Hexo Configuration ## Docs: https://hexo.io/docs/configurat

Hexo安装和配置

Hexo安装和配置 1. Git安装和设置 github brew install git #Mac电脑使用brew安装 sudo apt-get install git #Ubuntu系统使用这条命令安装 然后设置好git账户使用Github Page搭建博客, 需要在github建立仓库,仓库名为username.github.io gitcafe 因为github速度稍微慢一点,所以用作备份站,主站用国内的gitcafe. 先到https://gitcafe.com/projects/ne

开源介绍·新款简约、实用与大气的Hexo新主题:BMW

这是一个简约.大气.实用的Hexo新主题:BMW??.墙内的小伙伴,请移步原文地址:一款简约且实用的Hexo新主题:BMW Theme-BMW BMW is a beautiful http://hexo.io theme. It is created by https://godbmw.com/ ,made With ??. ???? 中文文档 源码地址 如果您看的顺眼,欢迎来第一个地址给个Star.每个Star都会增加我维护此主题的热情! Github: https://github.com

Hexo next主题安装algolia

一直在使用hexo写自己的博客,最近博客刚刚搬家重新搞了下博客: 1.为hexo添加站内搜索 我用的是algolia,在next主题5.x以上的版本集成了algolia站内搜索功能,我们只需要简单的配置下就可以使用:安装: 1 npm install hexo-algolia --save 配置: 123456789 algolia: 大专栏  Hexo next主题安装algolia applicationID: 'your applicationID' apiKey: 'your apiKe

Qt Creator 黑色主题配置

可能是一个习惯了吧,我个人比较喜欢在黑色主题的环境下进行编程.黑色主题对眼睛稍微友好一点,看起来也不是那么low.这里给出QtCreator的黑色主题配置方案. 如果是最新的Creator3.3+的版本,本身就自己带一个黑色的主题方案:工具==>选项==>环境 配置完了大概是这个样子,但是文字没有改变,下面配置文字的颜色: 还是在选项里面==>文本编辑器==>配色方案,在这里选择一个自己喜欢的就行了.另外我这里有一个VS2013的配色方案的插件.喜欢的可以下载.下载后将放到vs20

Angular Material主题配置

前言 Angular Material是基于metarial design 的angular UI.当我们使用Material的时候,自然而然的就需要去使用它的主题颜色.这个时候我们就得选择自己配置还是使用它的默认主题.注意:在使用Angular Material的时候请先引入(angular-material.css).(angular.min.js.angular-animate.js.angular-aria.js.angular-material.js). 默认调色板 在介绍Materi