Hexo博客-NexT主题优化记录

本文主要用于记录部署在Github上的Hexo博客-NexT主题优化过程中的一些操作,内容大多来自网上各博客,大佬们都写得很全面了,文中仅做搜集整理工作,以便之后查阅。

Hexo博客搭建

搭建步骤

这部分主要参考这篇文章,步骤完整,表达准确,无赘述,专心跟着走可以绕过一些坑(别问我怎么知道),棒棒哒:

一些Hexo基本命令

功能 命令 说明
新建文章 hexo new [layout] <filename>,简写hexo n <filename> 没有设置layout时候,默认使用 _config.yml 中的 default_layout参数代替
如果标题包含空格,需要用引号括起来
新建草稿 hexo n draft <filename>
预览草稿 hexo s --drafts 修改配置文件_config.yml中的配置项:render_drafts: true
发表草稿 hexo publish [layout] <filename>
生成静态文件 hexo generate,简写 hexo g -d (--deloy):文件生成后立即部署网站
-w (--watch):文件生成后件监视文件改动
本地启动服务器 hexo sever,简写hexo s,默认4000端口 -p (--port) 8888:重设端口
-s (--static):启用静态文件
-l (--log):启动日记记录,使用覆盖记录格式
部署网站 hexo delpoy,简写hexo d -g (--generate):部署之前预先生成静态文件
渲染文件 hexo render <file1> [file2] -o(--output):设置输出路径
从其他博客系统迁移内容 hexo migrate <type>
清除缓存 hexo clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)
如果发现对站点的更改无论如何也不生效,则可能需要运行该命令
列出网站资料 hexo list <type>
显示版本 hexo version .

Hexo官网上有说明文档和很多主题,我最初配置的主题是Flexy很漂亮
然而好奇心驱使,我想自己修改优化一些细节,无奈之前没有接触过,无从入手,检索发现NexT主题使用极其广泛,有丰富的博文可以参考,所以配置了NexT,开始了入坑之行。

主题设定

该部分内容大多来自NexT说明文档(部分内容未同步于最新版)

首先区分配置文件:

配置文件 路径 备注
站点配置文件 …/Hexo/_config.yml 官方文档-参数配置
主题配置文件 …/Hexo/themes/next/_config.yml .

设置「界面语言」

编辑 站点配置文件, 将 language 设置成所需要的语言,如以下表格所示:

语言 代码 设定示例 备注
English en language: en 默认
简体中文 zh-CN language: zh-CN
繁體中文 zh-HK 或 zh-TW language: zh-HK .

选择「Scheme」

目前 NexT 支持四种 Scheme,默认为Muse。
Scheme 的切换通过更改 主题配置文件,搜索 scheme 关键字,会看到有四行 scheme 的配置:

1
2
3
4
scheme: Muse
#scheme: Mist
#scheme: Pisces
#scheme: Gemini

将想选择的 scheme 前面注释 # 去除即可。

设置「菜单」

1
2
3
4
5
6
7
8
9
menu:
home: / || home # 主页
tags: /tags/ || tags # 标签
categories: /categories/ || th # 分类
archives: /archives/ || archive # 归档
about: /about/ || user # 关于我
#schedule: /schedule/ || calendar # 安排
#sitemap: /sitemap.xml || sitemap # 站点地图
#commonweal: /404/ || heartbeat # 404公益

可以直接将已有的菜单项前面注释 # 去除,也可以自己添加,添加的新项名称可以在 …/themes/next/languages 下的语言文件(如zh-CN.yml)中进行相应的编辑。
“||”之后的字段是菜单项的图标名,NexT 使用的图标由 Font Awesome 提供,可以通过修改menu_icons字段的enable为true或者false来指定是否开启菜单图标。

1
2
menu_icons:
enable: true

自定义功能

置顶文章+设置置顶标签

参考文章为:hexo博客优化之文章置顶+置顶标签

修改字体

参考文章为:

  1. Next修改字体
  2. Google Fonts 已支持思源宋体!

待续。。。

The End
0%