hexo next主题优化之设置主题,菜单,增加分类

最新推荐文章于 2022-01-07 15:18:06 发布

deyia.

最新推荐文章于 2022-01-07 15:18:06 发布

阅读量557

点赞数

分类专栏： hexo

本文链接：https://blog.csdn.net/LDY19981028/article/details/105985084

版权

本文介绍了如何优化Hexo Next主题，包括切换Scheme、设置菜单和添加分类。通过修改_config.yml文件，启用所需Scheme，定制菜单，并通过修改文章属性实现分类功能。

摘要由CSDN通过智能技术生成

博客的主题Scheme

Scheme 的切换通过更改主题配置_config.yml文件，搜索 scheme 关键字，将你需用启用的 scheme 前面注释 # 去除即可。

#Schemes
#scheme: Muse
#scheme: Mist
#scheme: Pisces
scheme: Gemini

设置你想要的菜单

也是在主题配置_config.yml文件里面,搜索menu关键字

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

为博客增加分类

执行以下命令
hexo new page categories
打开blog/source/categories/index.md,增加type: “categories”

title: categories
date: 2020-05-05 22:45:12
type: "categories"

给文章添加“categories”属性,这样就可以完成了
例如

title: 博客新增加的功能
date: 2020-05-06 14:36:37
categories: hexo

在这里插入图片描述

现在很晚了,改天写社交,搜索和打赏等功能.

这是我搭建的博客网站 www.deyia.top

还没完善好,一起加油

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

deyia.

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

hexo 菜单_?Hexo-Next6.7.0主题优化

weixin_42396760的博客

01-02

266

效果预览：Next6.7.0主题个人博客一、下载next主题$ cd your-hexo-site $ git clone https://github.com/iissnan/hexo-theme-next themes/next二、使用next主题在站点配置文件中配置使用next主题theme: next注意：所有配置文件内，每一项配置的冒号后面都要加上空格三、next主题设定在主题配置文件...

hexo之next主题添加分类

Bing's Blog

03-02

1万+

hexo之next主题添加分类 @(Hexo+Github) 当前博客主题用的是next最新版，最初是比较简陋的界面，一直放着没怎么动，测试了下Latex的显示效果没有达到在CSDN我的博客上的效果，就很失望，没再此地更新。但是今年（2018）年突然发现hexo可以做出很酷的静态站点。于是开始作为首发文章的地方。下面开始细部的折腾，细节过程记录为文档，以供参考。创建分类页面...

参与评论您还未登录，请先登录后发表或查看评论

hexo 菜单_GitHub+Hexo+NexT搭建个人网站全流程及魔改记录

weixin_31102231的博客

01-02

518

写在前面本篇是关于利用GitHub Pages服务，使用Hexo框架以及NexT主题搭建个人网站的全流程的记录，本着高效工作的原则做了一些自定义修改来优化个人网站。本文原文发布在我的个人博客zhangypcn.github.io，欢迎访问。https://zhangypcn.github.io/2020/04/20/GitHub-Hexo-PersonalWebsitezhangypcn.git...

Hexo博客主题安装和优化（二）

qq_44846853的博客

02-28

1687

一、Hexo自定义 —晚枫博客— 1. 动态标题打开博客主题文件夹，路径：themes/matery/layout/layout.ejs，在对应位置添加如下代码： <script type="text/javascript"> var OriginTitile = document.title, st; document.addEventLis...

Hexo博客NexT主题下添加分类、标签、关于菜单项

野猿新一

06-25

1万+

Hexo NexT主题下默认有首页和归档两个菜单，我们还可以开启其他菜单项，比如分类、标签、关于首先打开主题下的配置文件_config.yml，然后搜索menu找到如下配置项，将about、tags、categories前的#号去掉，就开启了关于、标签和分类标签，当然还有其他菜单项也可以开启 # -----------------------------------------------...

hexo next主题

06-29

Hexo博客优化之Next主题美化

huangpiao

01-26

5万+

前言有了前面几篇博客的介绍，我们就可以很容易的搭建并编辑我们的博客了，不过既然是属于自己的博客网站，自然也就想让其更加美观，更有意思，所以呢我下面介绍一下Hexo博客的主题美化操作。 1. Next主题 Hexo博客支持很多主题风格，其中Next主题是Github上Star最多的主题，其一直在更新维护，支持非常多的外部插件和功能选项。我目前使用的是Next6.0版本，下面我会介绍基于Ne...

hexo下next主题的优化

qq_42912469的博客

01-07

606

1.站点信息的配置。修改一些基本的配置，比如站点名、站点描述等等。 # Site title: halisi7 subtitle: '一个专注技术的组织' description: '涉猎的主要编程语言为 c语言、Java、mysql、linux、docker，领域涵盖算法、服务研发和对象存储等。' keywords: c语言、Java、mysql、linux。 author: halisi7 language: zh-CN timezone: '' 修改位置为根目录下的_config.yml文件。

Hexo主题Next优化

Lipop's博客

03-20

321

实现fork me on github 去网址https://github.com/blog/273-github-ribbons挑选自己喜欢的样式，并复制代码然后粘贴刚才复制的代码到themes/next/layout/_layout.swig文件中(放在<divclass=“headband”>的下面)，并把href改为你的github地址添加RSS 切换到你的blog（我是取名blog，具体的看你们的取名是什么）的路径，也就是在你的根目录下然后安装 Hexo 插件 $ npm i

使用GitHub Pages + Hexo 快速搭建个性化博客(四)-博客菜单和侧边栏优化

kui的博客

03-20

7010

在之前三节的基础上，博客已经有了新的展现，之后基本框架就会是固定的这个模板，但其中还有许多可以优化的模块接下来将进行描述，本时段直播NexT主题博客菜单设置、侧边栏的进一步设置和优化，如分类页，标签页，个人社交网络链接等。

Hexo在Github中搭建博客系统(4)建菜单写文章

大大的微笑的专栏

08-29

7893

在Hexo博客系统中, 可以创建菜单、文章、分类、标签。在我们的主题中,菜单和文章需要手动创建,而分类和标签不用手动创建,一、创建菜单在blog目录创建一个新的菜单$ hexo new page "github" INFO Created: ~/blog/source/github/index.md这个指令会在source目录创建一个github的文件夹,并在文件夹中创建一个index.md的文件

Hexo 修改导航栏、标签、分类、归档图标，一分钟搞定

h_kaka的博客

08-12

2683

Hexo 修改导航栏图标 1分钟搞定！图标太丑想要改下在主题配置文件_config.yml下找到Menu配置发现这是Font Awesome的图标库选择一个好看的图标点击进去，然后复制名称将原来的图标名称修改然后就变好看，很过图标可以自己选（选择困难症慎用！！！！） ...

LaTeX详细教程+技巧总结

热门推荐

NSJim的博客

11-29

21万+

LaTeX技巧总结，包含LaTeX工具，LaTeX模板，LaTeX技巧，LaTeX基础，文章架构，字体、大小和颜色，链接，列表，图片，表格，数学公式，算法（伪代码），代码块，论文写作，等等。

Hexo 自定义主题和菜单

媛测

01-02

7265

文章目录一、更换 Hexo 主题及样式1、默认主题2、更换主题2.1 下载新主题2.2 修改站点配置文件2.3 修改 next 主题的样式二、自定义主题菜单1、配置主题菜单2、设置标签和分类2.1 菜单 404 报错问题2.2 创建标签和分类文件夹2.3 在 index.md 中增加 type 属性2.4 在文章中加入 tags 和 categories 属性一、更换 Hexo 主题及样式 1、...

NexT的主题设定与配置

BLUEHEART

02-23

6778

本篇文章将介绍NexT的主题设定与配置在Hexo 中有两份主要的配置文件，其名称都是_config.yml。其中，一份位于站点根目录下，主要包含 Hexo本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。我们约定，将前者称为站点配置文件，后者称为主题配置文件主题设定选择 Scheme Scheme 是 NexT提供的一种...

Next主题设定（Scheme，语言，菜单）

qq_42820446的博客

01-29

944

选择 Scheme Scheme 是 NexT 提供的一种特性，借助于 Scheme，NexT 为你提供多种不同的外观。同时，几乎所有的配置都可以在 Scheme 之间共用。目前 NexT 支持三种 Scheme，他们是： Muse - 默认 Scheme，这是 NexT 最初的版本，黑白主调，大量留白 Mist - Muse 的紧凑版本，整洁有序的单栏外观 Pisces - 双栏 Scheme...

最详细的Hexo Next主题配置教程

Web全栈笔记

12-24

1万+

配置环境安装Node（必须）作用：用来生成静态页面的到Node.js官网下载相应平台的最新版本，一路安装即可。安装Git（必须）作用：把本地的hexo内容提交到github上去.安装Xcode就自带有Git，我就不多说了。申请GitHub（必须）作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。安装hexoNode和Git都安装好后,首先创建一个文件夹,如blog,

hexo 菜单_Hexo 自定义主题和菜单

weixin_39905226的博客

12-20

776

Hexo 自定义主题和菜单发布时间：2019-01-02 16:22,浏览次数：944, 标签：Hexo文章目录* 一、更换 Hexo 主题及样式* 1、默认主题 * 2、更换主题 * 2.1 下载新主题* 2.2 修改站点配置文件* 2.3 修改 next 主题的样式* 二、自定义主题菜单 * 1、配置主题菜单 * 2、设置标签和分类 * 2.1 菜单 404 报错问题* 2.2 创建标签和分类...

hexo主题next override详解