next文章目录跳转_Hexo-NexT配置个人博客

2023-11-17

一、安装NexT

Hexo 安装主题的方式非常简单,只需要将主题文件拷贝至站点目录的 themes 目录下, 然后修改下配置文件即可。具体到 NexT 来说,安装步骤如下。

1.克隆最新版本

在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:

$ cd your-hexo-site$ git clone https://github.com/iissnan/hexo-theme-next themes/next

2.直接下载

  1. 前往 NexT 版本 发布页面。
  2. 选择你所需要的版本,下载 Download 区域下的 Source Code (zip) 到本地。例如,下载 v0.4.0 版本:
  1. 解压所下载的压缩包至站点的 themes 目录下, 并将 解压后的文件夹名称(hexo-theme-next-0.4.0)更改为 next。

二、启用主题

与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开 站点配置文件,Hexo目录下的_config.yml, 找到 theme 字段,并将其值更改为 next。

# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: next

到此,NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存。

三、验证主题

到此,我们已经设置好了next主题,现在我们需要来验证一下我们的配置是否成功

首先启动 Hexo 本地站点,并开启调试模式(即加上 --debug),整个命令是 hexo s --debug。 在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。 当命令行输出中提示出:

INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

此时即可使用浏览器访问 http://localhost:4000,检查站点是否正确运行。

当你看到站点的外观与下图所示类似时即说明你已成功安装 NexT 主题。这是 NexT 默认的 Scheme —— Muse

四、主题设置

1.选择Scheme

Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT 支持三种 Scheme,他们是:

  • Muse - 默认 Scheme,这是 NexT 最初的版本,黑白主调,大量留白
  • Mist - Muse 的紧凑版本,整洁有序的单栏外观
  • Pisces - 双栏 Scheme,小家碧玉似的清新

Scheme 的切换通过更改 主题配置文件,搜索 scheme 关键字。 你会看到有三行 scheme 的配置,将你需用启用的 scheme 前面注释 # 去除即可。

# Schemesscheme: Muse   ## scheme: Mist     #菜单横着排列 菜单在上面# scheme: Pisces     #菜单在左边# scheme: Gemini

2.设置语言

编辑 站点配置文件, 将 language 设置成你所需要的语言。建议明确设置你所需要的语言,例如选用简体中文,配置如下:

language: zh-Cn

目前 NexT 支持的语言如以下表格所示:

语言代码设定示例Englishenlanguage: en简体中文zh-Cnlanguage: zh-CnFrançaisfr-FRlanguage: fr-FRPortuguêsptlanguage: pt or language: pt-BR繁體中文zh-hk 或者 zh-twlanguage: zh-hkРусский языкrulanguage: ruDeutschdelanguage: de日本語jalanguage: jaIndonesianidlanguage: idKoreankolanguage: ko

3.设置菜单

菜单配置包括三个部分,第一是菜单项(名称和链接),第二是菜单项的显示文本,第三是菜单项对应的图标。 NexT 使用的是 Font Awesome 提供的图标, Font Awesome 提供了 600+ 的图标,可以满足绝大的多数的场景,同时无须担心在 Retina 屏幕下 图标模糊的问题。

编辑 主题配置文件,修改以下内容:

①、设定菜单内容,对应的字段是 menu。 菜单内容的设置格式是:item name: link。其中 item name是一个名称,这个名称并不直接显示在页面上,她将用于匹配图标以及翻译。

menu:  home: / || fa fa-home  #首页  about: /about/ || fa fa-user  #关于  # tags: /tags/ || fa fa-tags  #标签  # categories: /categories/ || fa fa-th #分类  # archives: /archives/ || fa fa-archive  #归档  # schedule: /schedule/ || fa fa-calendar #日程表  # sitemap: /sitemap.xml || fa fa-sitemap #站点地图  # commonweal: /404/ || fa fa-heartbeat  # 404页面

若你的站点运行在子目录中,请将链接前缀的 / 去掉

NexT 默认的菜单项有(标注 的项表示需要手动创建这个页面):

键值设定值显示文本(简体中文)homehome: /主页archivesarchives: /archives归档页categoriescategories: /categories分类页tagstags: /tags标签页aboutabout: /about关于页面commonwealcommonweal: /404.html公益 404

注意:设置菜单时记得在Hexo的source目录下创建相对应的目录,否则会出现

比如要创建标签文件夹,终端中输入(前提在Hexo文件路径下):

hexo new page "tags"

创建完目录后的页面再次打开是这样的

编辑Blog/source/categories中index.md文件,添加type: "categories",其他Menu也同理创建。

添加type后的页面是这样的

②、设置菜单项的显示文本。在第一步中设置的菜单的名称并不直接用于界面上的展示。Hexo 在生成的时候将使用 这个名称查找对应的语言翻译,并提取显示文本。这些翻译文本放置在 NexT 主题目录下的 languages/{language}.yml ({language} 为你所使用的语言)。

以简体中文为例,若你需要添加一个菜单项,比如 something。那么就需要修改简体中文对应的翻译文件 languages/zh-Cn.yml,在 menu 字段下添加一项:

menu:  home: 首页  archives: 归档  categories: 分类  tags: 标签  about: 关于  search: 搜索  commonweal: 公益404  something: 有料

③、设定菜单项的图标,对应的字段是 menu。 ||后面的这是图标名称,icon name 是 Font Awesome 图标的 名字。而 menu_settings中icons 可用于控制是否显示图标,你可以设置成 false 来去掉图标。

menu:  home: / || fa fa-home  #首页  about: /about/ || fa fa-user  #关于  # tags: /tags/ || fa fa-tags  #标签  # categories: /categories/ || fa fa-th #分类  # archives: /archives/ || fa fa-archive  #归档  # schedule: /schedule/ || fa fa-calendar #日程表  # sitemap: /sitemap.xml || fa fa-sitemap #站点地图  # commonweal: /404/ || fa fa-heartbeat  # 404页面menu_settings:  icons: true  badges: false

在菜单图标开启的情况下,如果菜单项与菜单未匹配(没有设置或者无效的 Font Awesome 图标名字) 的情况下,NexT 将会使用 作为图标。

请注意键值(如 home)的大小写要严格匹配

4.设置侧栏

默认情况下,侧栏仅在文章页面(拥有目录列表)时才显示,并放置于右侧位置。 可以通过修改 主题配置文件 中的 sidebar 字段来控制侧栏的行为。侧栏的设置包括两个部分,其一是侧栏的位置, 其二是侧栏显示的时机。

①、设置侧栏的位置,修改 sidebar.position 的值,支持的选项有:

  • left - 靠左放置
  • right - 靠右放置
sidebar:  position: left

②、设置侧栏显示的时机,修改 sidebar.display 的值,支持的选项有:

  • post - 默认行为,在文章页面(拥有目录列表)时显示
  • always - 在所有页面中都显示
  • hide - 在所有页面中都隐藏(可以手动展开)
  • remove - 完全移除
sidebar:  display: post

5.设置头像

编辑 主题配置文件, 修改字段 avatar, 值设置成头像的链接地址。其中,头像的链接地址可以是:

地址值完整的互联网 URIhttp://example.com/avatar.png站点内的地址将头像放置主题目录下的 source/uploads/ (新建 uploads 目录若不存在) 配置为:avatar: /uploads/avatar.png或者 放置在 source/images/ 目录下 配置为:avatar: /images/avatar.png

头像设置示例

avatar: http://example.com/avatar.png

6.设置作者昵称

编辑 站点配置文件, 设置 author 为你的昵称。

7.站点描述

编辑 站点配置文件, 设置 description 字段为你的站点描述。站点描述可以是你喜欢的一句签名:)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

next文章目录跳转_Hexo-NexT配置个人博客 的相关文章

  • 在前端页面下拉框动态显示数据库查询出来的结果,供客户勾选,限制客户自建字段(java版)

    最终效果 案例 前端代码 首先引入标签库jar和html代码 div class form group div
  • 08黑马笔记之栈的应用_就近匹配(括号)

    08黑马笔记之栈的应用 就近匹配 括号 思想 前提 使用栈的链式存储来实现 1 遇到左括号就放进栈中 再遇到右括号就将左括号从栈中删除 若栈中没有元素或者不是左括号 则说明右括号匹配失败 以上是判断右括号不匹配的 下面是判断左括号不匹配 2
  • pandas中DataFrame的修改元素值、缺失值处理、合并操作的方法

    实验目的 熟练掌握pandas中DataFrame的修改元素值 缺失值处理 合并操作的方法 实验原理 concat合并 pd concat objs axis 0 join outer join axes None ignore index
  • Qt Quick - Dial

    Qt Quick Dial使用总结 一 概述 二 使用 一 概述 Dial 表盘类似于音响或工业设备上的传统表盘旋钮 它允许用户在一个范围内指定一个值 像CircularGauge一样 Dial可以显示刻度来指示当前值 当一个合适的步长与t
  • centos7安装apt

    centos7安装apt 搜索并下载对应版本 rpmforge release 下载地址 https www rpmfind net linux rpm2html search php query rpmforge release 执行安装
  • 大型网站在架构上应当考虑哪些问题

    大型网站在架构上应当考虑哪些问题 分层 分层是处理任何复杂系统最常见的手段之一 将系统横向切分成若干个层面 每个层面只承担单一的职责 然后通过下层为上层提供的基础设施和服务以及上层对下层的调用来形成一个完整的复杂的系统 大型网站的软件系统也
  • 【Docker】Consul构建集群服务

    1 构建Docker Cousul集群服务 1 在 后输入mkdir consul命令 然后按Enter键 创建目录Consul 示例代码如下 mkdir consul ll 效果如图1所示 2 进入consul目录 在 后面输入cd co
  • 【WIN】【C++】遍历文件夹下所有文件

    遍历某一路径下的所有文件 主要用到的两个api是 findfirst和 findnext 接口已经封装好了 直接复制getAllFiles拿去用即可 封装接口 void getAllFiles string path vector
  • 测试人员代码走查基础要点

    代码走查 是测试人员了解代码逻辑 进行测试设计的重要环节 并且有很多bug并非需要到运行程序进行测试才能发现 通过合理的代码走查方法能提前发现相当多的BUG 除常见的业务逻辑与程序逻辑不符外 本文收集了在过往工作中的经常能发现BUG的走查要
  • Cookie:使用Cookie实现记住用户的账号和密码

    目录 练习一 java web jsp 中使用cookie记住用户的账号和密码 练习二 java web jsp servert 中使用cookie记住用户的账号和密码 进阶例题 java web中使用cookie记住用户的账号和密码 练习
  • JAVA之初识springMVC框架

    1 环境 操作系统 Mac OS 10 12 6 Tomcat v7 0 JDK 1 7 工具 eclipse 2 新建项目 用eclipse新建项目 选择Dynamic Web Project 将项目字符集改为UTF 8 3 编辑web
  • SpringBoot--基础--07--多线程

    SpringBoot 基础 07 多线程 一 方式1 1 1 代码和测试 TaskConfig package fei zhou springboot4 demo2 import java util concurrent Executor
  • PAT乙级(Bascic Level)1037(C++)

    1037 在霍格沃茨找零钱 20 如果你是哈利 波特迷 你会知道魔法世界有它自己的货币系统 就如海格告诉哈利的 十七个银西可 Sickle 兑一个加隆 Galleon 二十九个纳特 Knut 兑一个西可 很容易 现在 给定哈利应付的价钱P和
  • 【ES6】Set 和 Map 数据结构

    文章目录 前言 一 Set 1 用法详解 1 1 声明方式 1 2 遍历的四种方式 2 应用场景 2 1 数组去重 2 2 合并去重 2 3交集 2 4 差集 3 WeakSet 二 Map 1 用法详解 1 1 声明方式 1 2 遍历的四
  • 论文阅读 Semantic Graph Convolutional Networks for 3D Human Pose Regression

    Semantic Graph Convolutional Networks for 3D Human Pose Regression 使用语义图卷积网络对三维人体姿态进行回归 Abstract 在这篇论文中 我们研究了学习Graph Con
  • (查看,和保存)windows下通过cmd命令符窗口查看、保存文件目录结构

    背景 有时候我们查看目录结构 或者保存目录结构信息 来对项目进行说明 一 查看文件结构 1 tree 查看tree命令操作 2 tree 只展示文件夹 tree 3 tree F 文件夹文件都展示 tree F 二 保存文件结构 在上述使用
  • PHP第三课:流程判断(下)

    上期PHP 我们学会了if判断 今天我们来学switch 看下这串代码
  • java算法题两个数组合并_算法:两个有序数组合并成一个有序数组 java语言

    题目 有两个有序数组a 和b 将它们合并成数组c 需要c 也是有序数组 思路 新建一个以两个集合长度之和为长度的新数组 从两数组最左边开始比起 把小的放入新集合 并用变量标记后一位置 每次比较都是比较的最左边未比较过的元素 通过变量 循环比
  • 用python计算灰度图像中掩模的面积(以像素为单位)

    下面是一个使用OpenCV的方法 我们用Otsu的阈值来获得一个二值图像 这个图像的前景对象是白色的 背景是黑色的 从这里我们使用cv2 countNonZero 它返回掩码上的白色像素数 找到白色像素的数量 pixels cv2 coun

随机推荐

  • Linux中的O_RDONLY、O_WRONLY、O_RDWR、O_APPEND、O_TRUNC、O_EXCL、O_EXCL、O_SYNC、O_NONBLOCK

    2023年7月11日 周二下午 这几个常量被定义在头文件fcntl h中 fcntl 是 file control 的缩写 它是由 file 文件 和 control 控制 两个单词组合而成的 在介绍这几个常量之前 要先介绍一下open函数
  • 【CTF】初学ROP

    在CTF PWN的题型中有一种利用方式是ROP 原理学明白了 但是实操起来一直不太理解ROP链的具体构造 为了弄明白原理 就找了一道入门题目 对照着wp进行单步调试 来理解ROP链的构造 题目 buuctf PicoCTF 2018 rop
  • slice+append陷阱

    1 前言 今天在网上看slice扩容原理 偶然看到一个slice的题目 感觉很有意思 题目如下 package main import fmt func main s1 int 1 2 s2 s1 s2 append s2 3 Test1
  • 用Python生成化学结构式

    from rdkit import Chem from rdkit Chem Draw import rdMolDraw2D print 欢迎使用化学式绘制工具 while 1 绘制主链 print 示例 CCC C CC 是第三个碳原子上
  • 3. C++ 11特性 数组和结构初始化、数组、循环、作用域内枚举

    目录 1 数组初始化 2 字符串初始化 3 结构初始化 4 数组替代模板类array 5 基于范围的for循环 6 作用域内枚举 1 数组初始化 初始化数组时 可省略等号 double earnings 4 1 2e4 1 6e4 1 1e
  • SpringMVC:从入门到精通,7篇系列篇带你全面掌握--七.自定义注解

    目录 Welcome Huihui s Code World 一 Java注解简介 1 原生注解的分类 1 JDK基本注解 Override SuppressWarnings value unchecked 2 JDK元注解 Retenti
  • chatgpt赋能python:用Python计算e的方法

    用Python计算e的方法 Python是一种功能强大的编程语言 可以用它来解决许多数学问题 其中之一就是计算数学常数e e是一个无理数 约为2 71828 它在许多数学和科学领域中都有重要应用 例如微积分 概率论和物理学 什么是e e是一
  • qt无边框窗体的移动

    无边框窗体的移动 this gt setWindowFlags Qt FramelessWindowHint 设置窗体为无边框 鼠标移动窗体移动涉及到三个事件分别是 鼠标按下 鼠标移动 鼠标松开 这三个事件在Qwidget中是虚函数 在QW
  • 人工智能复习

    大纲 5个大题 知识表示 一阶谓词逻辑 产生式 框架表示法 知识推理 归结原理 搜索算法 第三 四题 宽度优先算法 深度优先算法 开放题 论述题 计算题 用归结反演求取问题的答案 已知 张 Zhang 和李 Li 是同班同学 如果x和y是同
  • 超全总线控制方式总结

    总线控制 看了网络上的文章 质量真的不太行 就自己结合着整理一下 总线控制主要是两个大方面 总线判优控制和总线通信控制 一 总线判优控制 总线上同一时刻只允许一个设备进行占用 为了防止冲突 我们引入了判优逻辑 仲裁谁可以先占用 实际上我也没
  • Java基础12--面向对象:封装

    Java基础12 面向对象 封装 在面向对象程式设计方法中 封装 英语 Encapsulation 是指一种将抽象性函式接口的实现细节部分包装 隐藏起来的方法 封装可以被认为是一个保护屏障 防止该类的代码和数据被外部类定义的代码随机访问 要
  • chatGLM介绍

    一 简述 清华大学推出的ChatGLM的第二代版本 支持中文 效果好 清华大学的ChatGLM应该是中文大语言模型中最好的 要求低 可以在消费级的显卡上运行 二 链接 工程 https github com THUDM ChatGLM2 6
  • Ajax提交form表单

    Ajax提交form表单 ajax 几个参数需要注意一下 type POST 方法类型 传递方式 dataType json 预期服务器返回的数据类型 url url 就是form里面的action 不要忘了url前面加 data form
  • 基于OpenCV的人脸识别系统

    人脸识别技术是计算机视觉领域的重要应用之一 它可以通过对人脸图像的分析和比较 实现对不同人的身份的自动识别 在本文中 我们将使用OpenCV这一流行的计算机视觉库 介绍一个简单的人脸识别系统 并且逐步深入到算法的具体实现方式 1 安装与配置
  • 京东Java研发值不值得去?

    有问有答是程序视界的一个免费问答栏目 感兴趣的朋友 可以按照下面的方式参与 在本文后留言 以有问有答开始 放心 这类留言不会被公开 只有被选中的留言会出现在周四晚发布的文章内 同时可根据要求匿名 或发邮件给 foruok 163 com 标
  • linux 服务启动依赖,linux下的系统服务介绍——init、systemd

    我们经常会听到服务service以及daemon这两个词 它们到底是什么意思呢 之间有什么区别和联系吗 linux下的服务service是常驻在内存中的程序 并且能够提供一些系统或网络方面的功能 而daemon从字面翻译是守护进程或后台进程
  • 五、C++语言进阶:智能指针

    5 智能指针 指针的危害 指针未初始化 野指针 内存泄漏 智能指针的出现就是为了解决上面的问题 智能指针基于这样的事实得以发挥作用 定义在栈中的智能指针 当超出其作用域时 会自动调用它的析构函数 从而可以释放其关联的内存资源 5 1 分类
  • 光遇聊天服务器维护,光遇变成“哑遇”?关闭聊天功能的背后,有你不知道的原因!...

    前言 大家好 我是阿瑶 每天为你发布游戏领域最新情报 当社交游戏失去聊天功能 会变成什么样 近期 光遇官博公布了一条消息 表示将暂时关闭聊天服务器 进行维护和更新 一开始玩家们都不相信 毕竟光遇是社交手游 聊天是最重要的玩法 然而没过多久
  • request.GetResponse()超时的解决办法

    var request HttpWebRequest WebRequest Create url request Timeout Timeout Infinite request KeepAlive true var response Ht
  • next文章目录跳转_Hexo-NexT配置个人博客

    一 安装NexT Hexo 安装主题的方式非常简单 只需要将主题文件拷贝至站点目录的 themes 目录下 然后修改下配置文件即可 具体到 NexT 来说 安装步骤如下 1 克隆最新版本 在终端窗口下 定位到 Hexo 站点目录下 使用 G