Hexo Icarus 配置

Hexo Icarus 配置

本文的博客页面基于 Hexo)+Icarus 主题搭建,在使用过程中对该主题做了一些简单的配置,以适应自己的需求。这里介绍一下自己粗浅的方案。

十分推荐 Icarus 这个主题,功能支持十分全面而且作者的文档也较为详实,推荐大家去了解。

拓宽显示页面区域

include/style/base.styl 中定义了各种基本页面尺寸:

1
2
3
4
5
$gap ?= 64px
$tablet ?= 769px
$desktop ?= 1088px
$widescreen ?= 1280px
$fullhd ?= 1472px

可以在 include/style/responsive.styl 中定义 2 栏 3 栏情况下所使用的宽度:

1
2
3
4
5
6
7
8
+widescreen()
.is-3-column .container
max-width: $fullhd- $gap
width: $fullhd - $gap

.is-1-column .container, .is-2-column .container
max-width: $widescreen - 2 * $gap
width: $widescreen- 2 * $gap

Hexo Write

Hexo Write

Hexo和Gitee一致,都是由Markdown文件为基础,构建的博客,编写Markdown本身无需多言,由于Hexo并非笔者的首选笔记管理方式,故而再其他地方构建和编写文件是常态,该Blog主要是利用其他工具来方便Hexo博文的编写(Header)

默认的是 hexo new [layout] title 可简写为 hexo n [layout] title,其中布局应该是在博客目录中定义,该命令也局限于博客的对应目录。

post(默认)、draft、page

除了默认的方法,本篇将介绍Obsidian、VsCode-like、Vim自动添加Header的方式,用以方便随时随地的编写博文。

同时为了方便已有笔记迁移,本文也编写了Python脚本,CPY后为Target Dir的版本自动添加Header,但是其中对应的Catagories最好还是手动修改一下。


Hexo Build

Hexo Build

该文档用以,记录自己(外行)利用Hexo建立Blog的过程,将原本用Gitbook构建的笔记转移到Hexo中,同时购买域名并部署其上。网页部署于Github Page。以Live my Live主题为例。

腾讯云和Github Page的操作和理解在现有的一些博客中过时了,或者说存在一些问题,后续会对此进行简单的讲解。同时大部分博客都是使用NexT主题进行配置,这里采用的是Live My Life主题,该博文介绍自己的粗浅理解,也为自己后续的工作进行一定的参考。

还存在一些没有解决的问题:

  • 对主题切换和主题配置和全局配置的的深入理解(Live my Life主题覆盖了很多默认配置)
  • 前端代码的理解,自定义Layout,超链接,图标等
  • 深入理解插件的应用和自定义
  • 推送网站到baidu和google(Option)(没有计划)

之后有时间的话可以去研究一下:

关键词:Hexo_Livemylive、Github Page、腾讯云(Domain、DNS、SSL)