Hexo的Hueman主题

摘要: 记录一下 hexo 博客的 Hueman 主题，以及一些常见基本配置，不涉及定制化。

【对算法，数学，计算机感兴趣的同学，欢迎关注我哈，阅读更多原创文章】
我的网站：潮汐朝夕的生活实验室
我的公众号：算法题刷刷
我的知乎：潮汐朝夕
我的github：FennelDumplings
我的leetcode：FennelDumplings

---

本文记录一下 hexo 博客的 Hueman 主题，以及一些常见的基本配置。

首先先做好 Hexo 基本的网站搭建，参考 博客并和github关联 即可。

hueman 主题简介

各种主题可以在 Hexo 官网中找：https://hexo.io/themes/ 。hueman 是其中一个我比较满意的主题，进入 hueman 的 github 页面，将代码保存到本地的 themes/hueman 下。

cd blog
git clone https://github.com/ppoffice/hexo-theme-hueman themes/hueman

然后修改 blog/_config.yml，找到 theme 设置成 hueman，写法如下。

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hueman

将 themes/hueman/_config.yml.example 复制为 themes/hueman/_config.yml, 这样主题就更换好了。

hueman 主题的基本配置

hueman 主题配置可以参考 官方文档。下面是基础一些例子。

About 页面

themes/hueman/_config.yml 中的 Menu 部分，增加下面的 About 那一行。

menu:
    Home: /
    # Delete this row if you don't want categories in your header nav bar
    Categories:
        - 吐槽
    About: /about

然后再 hexo new page about，之后修改 source/about.index.md 即可。

logo、副标题、网站icon

• logo: 左上角的那个图片
• 网站icon: 浏览器标题栏的小图标

themes/hueman/_config.yml 中的 Customize 部分，参考下面的 logo 和 favicon 这两部分。

# Customize
customize:
    logo:
        width: 364
        height: 96
        url: images/czx-logo-crop.png
    theme_color: '#006bde'
    highlight: androidstudio
    sidebar: left # sidebar position, options: left, right
    thumbnail: true # enable posts thumbnail, options: true, false
    favicon: /css/images/icon.jpg
    social_links: # for more icons, please see http://fontawesome.io/icons/#brand
        github: https://github.com/FennelDumplings
        leetcode: https://leetcode.cn/u/feeenedumplings/
        rss: /atom.xml

侧边栏

themes/hueman/_config.yml 中的 Widgets 部分，参考下面代码，通过注释来选择展示的内容。

中文含义参考 themes/hueman/languages/zh-CN.yml。

# Widgets
widgets:
    - catalog
    - recent_posts
    - category
    - archive
    - tag
    - tagcloud
    - links
#    - google_adsense

---