Fork me on GitHub

hexo布局架构及功能分析

部分文件或文件夹功能介绍:

  • _config.yml

    • hexo博客整体的配置文件
  • scaffolds

    • post、page、draft的模板文件
    • post 即新发布的博客
    • page 主要是about、tags、categories等页面
    • draft 即草稿
  • themes

    • 主题文件夹
  • source

    • about 关于页面
    • _post 发布的.md微博存储位置
    • tags 标签页面
  • ~/blog/themes/next/source/css/_custom

    • 第三方配置文件,在这里写可以覆盖主题默认配置
  • ~/blog/themes/next/source/css/_schemes/Pisces

    • _brand.styl

      修改title块的配置,即黑色背景部分

    • index.styl

      总的配置文件,导入其他配置文件

    • _layout.styl

      正文部分及侧边栏部分配置文件

    • _sidebar.styl

      侧边栏配置文件,删除background-color部分在_layout.styl中的设置才能生效

  • themes/next/source/css/_variables

    • base.styl

      定义了颜色的名字以及其对应的颜色值

      1
      2
      3
      4
      5
      6
      7
      $whitesmoke   = #f5f5f5
      $gainsboro = #eee
      $gray-lighter = #ddd
      $grey-light = #ccc
      $grey = #bbb
      $grey-dark = #999
      $grey-dim = #666
    • Pisces.styl

      定义了next主题的Pisces主题的各个部分的颜色配置

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      // Header
      // --------------------------------------------------
      $subtitle-color = $gray-lighter

      // Sidebar
      // --------------------------------------------------
      $sidebar-offset = unit(hexo-config('sidebar.offset'), px) if hexo-config('sidebar.offset') is a 'unit'

      $sidebar-nav-hover-color = $orange
      $sidebar-highlight = $orange

      $site-author-image-width = 120px
      $site-author-image-border-width = 1px
      $site-author-image-border-color = $gainsboro

      $site-author-name-margin = 0
      $site-author-name-color = $black-deep

来源:www.holmeyoung.com

-------------本文结束感谢您的阅读-------------
undefined