IkeqIkeq

The whole problem with the world is that fools and fanatics are always so certain of themselves, but wiser people so full of doubts.

14Archives2Categories10Tags

Inside 主题配置 - Basic

Feb 1, 2019

Overview

appearance:
  • accent_color
  • foreground_color
  • border_color
  • background
  • sidebar_background
  • card_background
    • font:
    • base
    • logo
    • menu
    • label
    • heading
    • code
    • print
  • highlight[]
    • darkmode:
    • accent_color
    • foreground_color
    • border_color
    • background
    • sidebar_background
    • card_background
    • highlight[]
profile:
  • avatar
  • email
  • bio
  • menu
  • sns
    • footer:
    • copyright
    • powered
    • theme
    • custom

    appearance

    外观设置。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    appearance:
      # Accent color, default '#2a2b33'
      accent_color:
      # Font color, default '#363636'
      foreground_color:
      # Border color, default '#e0e0e0'
      border_color:
      # body background, default '#f5f7fa'
      background:
      # Sidebar background (when opened), default to accent_color
      sidebar_background:
      # Card background, default '#fff'
      card_background:

      # All background settings above support image, e.g.,
      # '//www.toptal.com/designers/subtlepatterns/patterns/confectionary.png #f5f7fa' or
      # 'url(//www.toptal.com/designers/subtlepatterns/patterns/confectionary.png) #f5f7fa'

      # 内容区域最大宽度
      content_width: 640

      # 字体设置
      font:
        # 字体 CSS 文件的 URL
        url: //fonts.googleapis.com/css?family=Baloo+Bhaijaan|Inconsolata|Josefin+Sans|Montserrat

        # 基础字体，作用于 body 元素
        base: "'Josefin Sans', 'PingFang SC', Microsoft YaHei"
        # 作用于 sidebar 上方的 LOGO
        logo:
        # 作用于 sidebar 菜单栏
        menu: 'Baloo Bhaijaan'
        # 作用于文章百分比、归档页月份、分类文字数、分页、目录索引等地方
        label: Montserrat
        # 作用于标题
        heading:
        # 作用于代码及代码块
        code: Inconsolata, monospace
        # Base font for printing which applied to body
        print:

      # 代码语法高亮
      # 接受设置值为 16 个 hex 色值的数组，具体请参考 base16 (https://github.com/chriskempson/base16)
      # 默认配色方案为 Atelier Dune Light
      highlight: [
        '#ffffff', '#e0e0e0', '#d6d6d6', '#8e908c',
        '#969896', '#4d4d4c', '#282a2e', '#1d1f21',
        '#c82829', '#f5871f', '#eab700', '#718c00',
        '#3e999f', '#4271ae', '#8959a8', '#a3685a'
      ]

      # 启用 darkmode
      darkmode:
        accent_color: '#539bf5'
        foreground_color: '#adbac7'
        border_color: '#373e47'
        background: '#22272e'
        sidebar_background: '#22272e'
        card_background: '#2d333b'
        highlight: [
          '#2d333b', '#444c56', '#3e4451', '#545862',
          '#565c64', '#abb2bf', '#b6bdca', '#c8ccd4',
          '#e06c75', '#d19a66', '#e5c07b', '#98c379',
          '#56b6c2', '#61afef', '#c678dd', '#be5046'
        ]

    另外我写了一个方便选择配色的功能页：👉 语法高亮调色板 👈

    profile

    设置 sidebar 上方个人信息。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # Sidebar profile
    profile:
      # 邮箱用于生成 gravatar 头像，如配置了 `hexo.config.email`，此项可缺省
      email:

      # 也可以直接设置头像 URL
      avatar:

      # 个性签名
      bio: Awesome guy.

    设置 sidebar 导航链接。

    1
    2
    3
    4
    5
    menu:
      主页: /
      关于: /about
      搜索: /search
      Github: https://github.com/ikeq

    sns

    设置 sidebar 底部社交媒体 URL。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    sns:
      email:
      feed:
      github:
      twitter:
      facebook:
      instagram:
      tumblr:
      dribbble:
      telegram:
      youtube:
      hangouts:
      linkedin:
      pinterest:
      soundcloud:
      myspace:
      weibo:
      qq:

    若配置了 hexo.config.email 或 profile.email，sns.email 可留空。

    若使用 hexo-generator-feed，sns.feed 可留空，主题会尝试取 hexo.config.feed.path。

    可通过改变项的先后顺序来自定义排序。

    设置 sidebar 底部信息。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    footer:
      # 默认显示 @2019 • author，设置为 false 可隐藏。
      copyright: '&copy; 2019 ❤️ <a href="">John Doe</a>'

      # `由 Hexo 强力驱动` 字样，默认显示，设置为 false 可隐藏。
      powered: false

      # `主题 - Inside` 字样，默认显示，设置为 false 可隐藏。
      theme: false

      # 于最后一行添加自定义内容
      custom: Hosted by <a target="_blank" href="">Github Pages</a>

    See also

    Buy me a cup of milk 🥛.

    支
    Overview
    appearance
    profile
    menu
    sns
    footer
    See also