typo

一个简单的 hexo 主题

简体中文 ｜ English

✨ 特性

• 黑夜模式
• 代码高亮
  • light mode: atom-one-light
  • dark mode: atom-one-dark
• 多样字体
  • 文章使用 Montserrat 字体
  • 代码使用 JetBrains Mono 字体

📦 安装

git clone --depth=1 https://github.com/rankangkang/hexo-theme-typo.git themes/typo

并在 _config.yaml 中进行如下配置：

theme: typo

🌈 配置

代码高亮

主题使用 highlight.js 高亮代码，为此，您需要事先禁用默认的 highlight 配置。

highlight:
  line_number: false
  auto_detect: false
  tab_replace: ''
  wrap: false
  hljs: false

黑夜模式

typo 使用媒体查询的 prefer-color-scheme 配置实现黑夜模式，当您的设备切换主题时，typo 的主题也会自动切换。

当然，您也可以使用 Chrome DevTools 来模拟切换动作，有以下两种方式：

• 打开 Chrome DevTools 的“绘制”tab，切换 “Emulate CSS media feature prefers-color-scheme”配置即可

• 打开 Chrome DevTools，键入 ctrl+shift+p，并输入 prefer-color-scheme，选择对应模式切换即可

theme 配置项

typo 对外提供了一些自定义配置，在 typo/_config.yaml 下配置即可。

• title：网站标题
• favicon: favicon（指向的文件需放置在 source 目录下）
• icon: 网站图标（指向的文件需放置在 source 目录下）
• menu: 菜单导航
• copyright: 底栏 copyright 展示内容

默认配置如下：

title: typo
favicon: /icon.svg
icon: /icon.svg

menu:
  archives: /archives
  about: /about

copyright: 2024 typo