本文主要用于记录部署在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 | scheme: Muse |
将想选择的 scheme 前面注释 # 去除即可。
设置「菜单」
1 | menu: |
可以直接将已有的菜单项前面注释 # 去除,也可以自己添加,添加的新项名称可以在 …/themes/next/languages 下的语言文件(如zh-CN.yml)中进行相应的编辑。
“||”之后的字段是菜单项的图标名,NexT 使用的图标由 Font Awesome 提供,可以通过修改menu_icons字段的enable为true或者false来指定是否开启菜单图标。
1 | menu_icons: |
自定义功能
置顶文章+设置置顶标签
参考文章为:hexo博客优化之文章置顶+置顶标签
修改字体
参考文章为:
待续。。。