Hexo博客搭建 —— Next主题配置

news2024/10/6 18:30:21

Hexo博客搭建 —— Next主题配置

文章目录

  • Hexo博客搭建 —— Next主题配置
    • 配置文件区分
      • 站点配置文件
      • 主题配置文件
    • 配置文件描述简称
    • 引入next主题-site
    • next主题页面模式设置-next
    • 设置首页不显示全文-site
    • 设置博客文章持久化连接-site
      • 下载插件
      • URL Setting
    • 参考文档

配置文件区分

站点配置文件

站点配置文件在hexo根目录下

image-20230501164711002

可以看到上面还有一个_config.next.yml

这是因为配置了主题, 所以要在hexo的根目录下引入将主题的config配置文件, 使得主题的配置文件生效

该文件的内容和下面的主题配置文件中的内容相同(就是从主题下的_config.yml改名复制过去的)

主题配置文件

image-20230501164859361

在主题下有一个单独的_config.yml, 是该主题的配置文件

但是在修改主题配置文件时,我们修改的是出于hexo根目录下的_config.next.yml,这是为了避免将来主题更新时,由于新版主题自带的默认的初始的_config.yml导致的配置文件冲突并覆盖因此造成自定义的原配置文件的丢失问题.

当你直接在主题文件夹内修改 _config.yml 文件并且在将来更新主题时,新版本的主题可能会包含一个新的 _config.yml 文件。在更新过程中,新版本的 _config.yml 文件可能会覆盖你修改过的 _config.yml 文件,导致你之前所做的自定义设置丢失。

为了避免这种情况,建议你将 Next 主题的 _config.yml 文件拷贝到 Hexo 博客根目录,并重命名为 _config.next.yml。然后在这个新文件中进行自定义设置。这样,即使你更新了主题,你的自定义设置仍会保存在根目录下的 _config.next.yml 文件中,不会被新版本的配置文件覆盖。

配置文件描述简称

对站点配置文件的修改会在二级标题后附加site

对主题配置文件的修改会在二级标题后附加next

引入next主题-site

image-20230501165256918

next主题页面模式设置-next

image-20230501164552268

  1. Muse:这是一个简洁、纯净的主题,它拥有一个类似于单栏布局的设计。这种布局使得博客的内容成为了页面的核心。Muse 模式适用于那些喜欢简约风格、注重内容呈现的用户。
  2. Mist:Mist 模式相对于 Muse 更加丰富,它采用了双栏布局。在页面的右侧,可以看到一个侧边栏,用于展示博客的其他信息(如分类、标签、归档等)。Mist 模式适用于那些需要更多功能并希望在博客中呈现更多信息的用户。
  3. Pisces:Pisces 模式采用了一种双栏布局,但与 Mist 不同,它在页面的两侧都有侧边栏。这种布局在视觉上更加对称,适用于那些喜欢对称风格并希望在博客中展示更多信息的用户。
  4. Gemini:Gemini 模式也采用了双栏布局,但它的侧边栏设计更加紧凑,这使得页面在视觉上更加集中。Gemini 模式适用于那些喜欢简约风格但又需要一些额外功能的用户。

设置首页不显示全文-site

excerpt accurately.
auto_excerpt:
enable: true
length: 150

在原配置文件中没有

需要额外添加

image-20230501170358210

设置博客文章持久化连接-site

image-20230501171628072

将原来的持久化链接格式注释掉,然后设置新的格式为 post/:abbrlink.html

需要确保你的博客文章链接格式是唯一的。在这种情况下,新的链接格式将替代原来的链接格式。

下载插件

Hexo 的 hexo-abbrlink 插件.

这个插件用于生成基于文章内容的唯一缩写链接(abbrlink)。这将确保文章链接是唯一的,从而避免了链接冲突的问题。

安装 hexo-abbrlink 插件,在 Hexo 博客根目录下运行以下命令:

npm install hexo-abbrlink --save

安装完成后,需要`在 Hexo 配置文件(_config.yml)中配置插件的相关设置:

abbrlink:
  alg: crc32
  rep: hex

这里的 alg 表示选择的算法(如 crc32),rep 表示缩写链接的表示形式(如十六进制,hex)。

URL Setting

  1. url: 这个设置是你的网站的基本 URL。你需要在这里设置你的博客网站的域名,这样 Hexo 生成的链接才能正确指向你的网站。如果你使用 GitHub Pages,你的 URL 应该设置为 https://username.github.io/project

    以你的 GitHub 仓库为例,你的 URL 应该设置为:

    url: https://eevinci.github.io
    

    当你使用名为 username.github.io 的仓库时,你可以利用 GitHub Pages 服务来托管你的静态网站或博客。在这种情况下,你需要在 Hexo 配置文件(_config.yml)中设置 urlhttps://username.github.io(例如,https://eevinci.github.io)。

    然而,如果你没有使用这种特殊命名的仓库,那么你的仓库仅仅是一个用于托管代码的平台。要想将博客部署到互联网上,你需要使用其他的部署服务,如 NetlifyVercel 等。在这种情况下,你应该在 Hexo 配置文件中设置 url 为你的自定义域名,或者使用部署服务分配给你的临时域名(例如,https://your-project-name.netlify.app)。这将确保 Hexo 生成的链接能正确指向你的博客。

    所以,根据你的实际部署情况,你需要在 _config.yml 文件中正确设置 url。如果你使用 GitHub Pages,请设置为 https://username.github.io;如果你使用其他部署服务,请设置为相应的域名。

  2. pretty_urls: 这是一个用于配置 URL 格式的属性。它包含了两个子属性:

    • trailing_index: 如果设置为 false,则会从链接中删除尾部的 ‘index.html’。例如,https://yourdomain.com/about/index.html 变为 https://yourdomain.com/about/
    • trailing_html: 如果设置为 false,则会从链接中删除尾部的 ‘.html’。例如,https://yourdomain.com/about.html 变为 https://yourdomain.com/about

    这些属性可以让博客链接看起来更简洁、易于阅读。

    可以根据自己的喜好设置这些属性。

参考文档

Zain_hexo

配置_config.yml文件

next_theme

theme_deep_config

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/679968.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Docker】一文了解DockerFile

文章目录 Dockerfile 概念DockerFile的指令1、FROM 指定基础镜像2、RUN 执行命令3、COPY 复制文件4、ADD 更高级的复制文件5、ENV 设置环境变量6、EXPOSE7、VOLUME 定义匿名卷8、CMD容器启动命令9、ENTRYPOINT入口点10、USER 指定当前用户11、WORKDIR 指定工作目录12、LABEL为镜…

网络安全、Web安全、渗透测试之笔经面经总结含答案

以下为网络安全各个方向涉及的面试题,星数越多代表问题出现的几率越大,祝各位都能找到满意的工作。 注:本套面试题,已整理成pdf文档,但内容还在持续更新中,因为无论如何都不可能覆盖所有的面试问题&#xf…

4、数据库操作语句:聚合函数

目录 1、定义 2、常用的聚合函数 1)Avg/sum:只适用于数值类型的字段(或变量)。 2)Max/min:适用于数值类型、字符串类型、日期时间类型的字段(或变量) 3)Count: ①作…

一起来学孟德尔随机化(Mendelian Randomization)

孟德尔随机化最近实在是太火了,想不关注都不行,最近也花了点时间研究了一下,和大家分享一下,共同学习。 什么是孟德尔随机化? 在19世纪,孟德尔用豌豆花作为实验材料,通过对豌豆花颜色、形状等特…

ESP-BOX的GUI移植

因为squareline studio软件中适配了ESP-BOX,所以作者本想直接使用该软件创建的工程,但是会出现花屏的现象,也不知道是不是没有做好esp-box-lite的适配。 因此只能先用squareline studio设计好GUI,然后再导出其代码,在其…

jmeter-13-使用JSR223断言(推荐)

文章目录 前言一、JSR 223 进行断言二、总结 前言 之前都在使用 BeanShell 前后置、断言等,但是查看官方文档时发现推荐使用 JSR223 其实 BeanShell 是 JSR223 里面的一种,下面我们继续了解下。 官网介绍:Apache JMeter - User’s Manual: C…

【数据分享】1929-2022年全球站点的逐月平均露点数据(Shp\Excel\12000个站点)

气象数据是在各项研究中都经常使用的数据,气象指标包括气温、风速、降水、能见度等指标,说到气象数据,最详细的气象数据是具体到气象监测站点的数据! 对于具体到监测站点的气象数据,之前我们分享过1929-2022年全球气象…

ffmpeg+nginx-rtmp转发视频流

本篇博客最早发布于实验室公共博客,但已无人维护,现迁移至个人博客 nginx与nginx-rtmp-module安装 画了好几天图,实在有些乏力,找点有意思的事情做做 觉得视频流传输挺有意思,B站找了些视频,但感觉有些大…

【论文简述】IS-MVSNet:Importance Sampling-based MVSNet(ECCV 2022)

一、论文简述 1. 第一作者:Likang Wang 2. 发表年份:2022 3. 发表期刊:ECCV 4. 关键词:MVS、3D重建、重要性采样、无监督误差分布估计 5. 探索动机:以粗到细的方式预测深度图,部分缓解了对于分辨率的限…

Apache James邮件服务器搭建(linux)

1、配置jdk,此处不再赘述,随便搜一下然后照着操作即可 注意:后续james的版本是3.5.0,需要与jdk8配套 2、下载apache james ,apacheJames 下载之后可以直接运行,无需安装 注意:此处选择3.5.0版…

人工智能数据集处理——数据清理1

目录 一、概述 二、缺失值 1、检测缺失值 使用isna() 方法检测na_df中是否存在缺失值 使用natna() 方法 2、缺失值的处理 (1) 删除缺失值 使用删除dropna() 方法删除na_df 对象中缺失值所在的一行数据 删除全为缺失值的行 删除有缺失值的行 (2) 填充缺失值 使用fill…

win10 下搭建hadoop(成功截图)

背景: 搭建hadoop是大数据的启蒙第一步,对初学者有很好的信心建设,建议安装版本和作者一样。话不多说,开始正文。 1. 下载hadoop 本文版本为3.0.0 可以Apache.org官网下载,也可以本人csdn资源处下载https://download.…

数据结构之静态链表

定义 用两个数组实现链表,一个数组存储数据,另一个数组记录当前数据的后继的下标。 示例 数据:data[] {-1, 34, 28, 53, 16, 25, -1, -1, -1, -1} 后继:next[] { 1, 2, 3, 4, 5, -1, -1, -1, -1, -1} 说明 -1: 表示无效值 …

Linux2.基础指令(下)

1.uname -r :输出Linux内核版本信息。 2.linux2.6.*内核默认支持的文件系统有ext3,ext2,ext4,xfs,不支持ufs。 3.linux查看CPU占用的命令:top。 4.题目 5.题目 6.题目 7.重定向 echo "字符串1" :在屏幕上打印字符串1。 echo "字符串1" &g…

C语言督学营(初级阶段)

文章目录 初级阶段1.编程环境搭建、调试C的历史故事写代码快速提升的方法快捷键编程环境 Clion、断点调试(单步调试) 2.数据类型、标准输入输出数据分类printf整型进制转换内存视图ASCII码表计算器 scanf的原理 3.运算符与表达式C语言的13种运算符运算符优先级 4.选择、循环1.选…

【每日算法 数据结构(C++)】—— 01 | 平方值去重统计(解题思路STL法,双指针法、流程图、代码片段)

文章目录 01 | 👑 题目描述02 | 🔋 解题思路STL法双指针法 03 | 🧢 代码片段STL法双指针法 “Success is not final, failure is not fatal: It is the courage to continue that counts.” - Winston Churchill (成功并非终点&am…

Redis【Redis数据类型(String、List、Set、Hash 、Zset)】(二)-全面详解(学习总结---从入门到深化)

目录 Redis数据类型_String set get append strlen setex setnx getrange setrange incr decr incrby/decrby key step mset mget getset Redis数据类型_List lrange lpop/rpop lindex llen lrem linsert lset Redis数据类型_Set smembers sism…

如何在 JavaScript 中处理 HTML 事件?

💂 个人网站:【海拥】【游戏大全】【神级源码资源网】🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】💅 寻找学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】 目录 前言什么是HTML事件Jav…

基于多进程并发-进程通讯之共享内存(shared memmory)

一、什么是共享内存 操作系统对进程内存实现原理: 现代操作系统,对于内存管理,采⽤的是虚拟内存技术,也就是每个进程都有⾃⼰独⽴的虚拟内存空间,不同进程的虚拟内存映射到不同的物理内存中。所以,即使进程…

Python交互式模式的特点和用法

Python交互式(Interactive Mode)是一种Python语言的工作模式,与传统的编写、保存、运行的方式不同,它允许用户直接在控制台窗口中输入和执行Python代码。 Python交互式的特点包括: 实时性:每输入一条语句&a…