Hexo中next主题的个性化配置

next主题常用配置

一、主题常用配置
- 1. 更换主题（Scheme Setting）
- 2. 菜单设置（Menu Settings）
- 3. 侧边栏设置（Sidebar Settings）
- 4. 侧边栏头像（Sidebar Avatar）
- 5. 社交链接（Social Links）
二、网站配置
- 1. 网站基本配置（网站名称、作者名字、中英文切换）
- 2. 主页显示文章数
三、翻译设置

Hexo与next主题的安装方法，网上有很多教程，这里不再赘述，直接开始next主题的配置方法。
在Hexo中一般有两个_config.yml文件，一个在根目录下，我称之为网站配置文件，一个在主题目录中，我称之为主题配置文件。

一、主题常用配置

next 主题的配置一般是指修改主题配置文件 Hexo\themes\hexo-theme-next_config.yml 文件。
在_config.yml 中可以修改许多常见的设置。

1. 更换主题（Scheme Setting）

# 主题
#scheme: Muse
scheme: Mist
#scheme: Pisces
#scheme: Gemini# 黑暗模式
darkmode: false

2. 菜单设置（Menu Settings）

menu:home: / || fa fa-homeabout: /about/ || fa fa-usertags: /tags/ || fa fa-tagscategories: /categories/ || fa fa-tharchives: /archives/ || fa fa-archive#schedule: /schedule/ || fa fa-calendar#sitemap: /sitemap.xml || fa fa-sitemap#commonweal: /404/ || fa fa-heartbeat# 启用/禁用：菜单图标和项目徽章
menu_settings:icons: truebadges: true

3. 侧边栏设置（Sidebar Settings）

# 侧边栏位置
sidebar:# Sidebar Position.position: left#position: right# 手动定义侧边栏宽度。如果注释，将默认为# Muse | Mist: 320# Pisces | Gemini: 240width: 240# 侧边栏显示 (只对 Muse | Mist 主题生效), 可用的变量有:#  - post    自动展开（默认值）#  - always  在所有页面显示侧边栏#  - hide    仅在单击侧边栏切换图标时展开#  - remove  完全删除侧边栏，包括侧边栏切换display: always# 侧边栏填充像素padding: 18# 侧边栏与顶部菜单栏的偏移量(像素) (只对 Pisces | Gemini 主题生效).offset: 12b2t: true #是否提供一键置顶scrollpercent: true #是否显示当前阅读进度

4. 侧边栏头像（Sidebar Avatar）

# 侧边栏头像
avatar:# 替换默认图像并在这里设置头像的urlurl: /images/avatar.jpg# 如果为true，头像将以圆圈显示rounded: trueopacity: 1# 如果为true，鼠标悬停在头像上时，头像将会旋转rotated: false

5. 社交链接（Social Links）

social:CSDN: https://blog.csdn.net/weixin_44543463 || fab fa-cuttlefishGitHub: https://github.com/HuffieMa || fab fa-githubE-Mail: mailto:haofei_ma@163.com || fa fa-envelope#Weibo: https://weibo.com/yourname || fab fa-weibo#Google: https://plus.google.com/yourname || fab fa-googleTwitter: https://twitter.com/huffie65380272 || fab fa-twitter#FB Page: https://www.facebook.com/yourname || fab fa-facebook#StackOverflow: https://stackoverflow.com/yourname || fab fa-stack-overflow#YouTube: https://youtube.com/yourname || fab fa-youtube#Instagram: https://instagram.com/yourname || fab fa-instagram#Skype: skype:yourname?call|chat || fab fa-skype

这里可能会需要自定义图标，可以在fontawesome网站中搜索想要的图标，然后在这里使用 fa fa-图标名称 或 fab fa-图标名称 来调取所需要的图标。（如 fab fa-cuttlefish 、 fa fa-grip-lines-vertical）

二、网站配置

网站配置一般是指修改配置文件 Hexo_config.yml 文件。
在_config.yml 中可以修改许多常见的设置。

1. 网站基本配置（网站名称、作者名字、中英文切换）

title: Half_A Studio  #浏览器顶部标签栏的显示
subtitle: ''
description: ''
keywords:
author: Huffie  #侧边栏中的作者名字
language: zh-CN  #讲此处修改为zh-CN即可切换中文
timezone: ''

2. 主页显示文章数

index_generator:path: ''per_page: 5order_by: -date

三、翻译设置

网站切换为中文后，我们发现一些翻译不太符合我的要求，比如它把每一篇博客叫做日志，如果想修改，可以打开翻译配置文件 Hexo\themes\hexo-theme-next\languages\zh-CN.yml 进行修改

Hexo中next主题的个性化配置相关推荐

hexo中matery主题的个性化定制
前言上一篇讲了使用hexo初步搭建了一个个人博客,接下来说一下如何使用matery主题以及如何根据自己的想法进行个性化定制,效果展示金哥哥的个人博客.我会把我踩过的坑以及解决方法一一说明.基础的可以 ...
hexo博客matery主题的个性化配置
文章目录一.matery主题的下载与安装二.基本配置 1.根目录下的 `_config.yml` 1.1. title 1.2. deploy与theme 2.themes目录下的`_config ...
Hexo中Next主题个性化美化的解决方案
目录 1.Next主题的启用 2.更改Next主题为中文 3.添加标签页和分类页 4.正确打开标签页和分类页 5.主题样式的更改 6.更改图像 7.更改标题.作者和链接 8.启动侧边栏社交链接 9.启 ...
Hexo中NexT主题添加CNZZ统计
刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄. 今天总算有点精神,就把友盟的统计给加上了.之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据. ...
Hexo 中 Butterfly主题和看板娘的使用
默认的 Hexo 主题为 landscape,我选择了 Butterfly 作为博客主题 Butterfly 主题使用 Butterfly 安装 Git 安装在博客的根目录执行 git clone ...
Hexo中Buttefly最新教程总览
总览原文地址:Hexo中Buttefly最新教程总览 | 偷掉月亮 (moonshuo.cn) 本人使用Hexo博客已经将近一年,并且使用的是Next主题,网址为moonshuo.cn,现在想要更换 ...
hexo的next主题个性化配置
前言: 如果你觉得我的博客界面不错,你可以参考这篇文章,在这篇文章中总结了几十个个性化配置,并不是都要安装,取你所需即可．一.常用的个性化配置汇总: 1．更换主题 2．设置语言 3．字数统计和阅读时 ...
hexo之next主题个性化配置详细教程
hexo之next主题个性化配置详细教程 1.在右上角或者左上角实现fork me on github 实现的效果图具体实现方法点击传送门>> 挑选自己喜欢的样式,并复制代码. 例如, ...
hexo博客matery主题个性化配置
hexo博客个性化配置参考博客 CDN加速:在页脚底部添加又拍云图片logo 博客文章开头format格式修改hexo new post格式的方法 hexo s手机端查看修改博客标题在手机端的字 ...