Hexo自定义主题配置

Richard阿辰2023-05-162023-06-10

导航栏

menu:
  文章:
    隧道: /archives/ || anzhiyu-icon-box-archive
    分类: /categories/ || anzhiyu-icon-shapes
    标签: /tags/ || anzhiyu-icon-tags

  友链:
    友人帐: /link/ || anzhiyu-icon-link
    留言板: /comments/ || anzhiyu-icon-envelope

  我的:
    追番页: /bangumis/ || anzhiyu-icon-bilibili
    相册集: /album/ || anzhiyu-icon-images
    小空调: /air-conditioner/ || anzhiyu-icon-fan
    音乐馆: /music/ || anzhiyu-icon-music

  关于:
    关于本人: /about/ || anzhiyu-icon-paper-plane
    闲言碎语: /essay/ || anzhiyu-icon-lightbulb
    随便逛逛: javascript:toRandomPost() || anzhiyu-icon-shoe-prints1

nav配置

# nav相关配置
nav:
  enable: true
  travelling: false
  clock: true
  menu:
    - title: 网页
      item:
        - name: Github
          link: https://github.com/Richard233n
          icon: https://image.anzhiy.cn/favicon.ico
        - name: Bilibili
          link: https://www.bilibili.com/
          icon: https://image.anzhiy.cn/favicon.ico
        - name: 斗鱼
          link: https://www.douyu.com/
          icon: https://image.anzhiy.cn/favicon.ico
        - name: 爱笔楼
          link: https://www.ibiquge.info/
          icon: https://image.anzhiy.cn/favicon.ico
    - title: 常用网站
      item:
        - name: 安知鱼主题文档
          link: https://anzhiy.cn/docs/
          icon: https://image.anzhiy.cn/favicon.ico
        - name: 代码片段生成
          link: https://snippet-generator.app/
          icon: https://image.anzhiy.cn/favicon.ico
        - name: 图标生成
          link: https://www.logosc.cn/logo/favicon
          icon: https://image.anzhiy.cn/favicon.ico
        - name: md语法文档
          link: https://markdown.com.cn/basic-syntax/
          icon: https://image.anzhiy.cn/favicon.ico

首页顶部相关配置

# 首页顶部相关配置
home_top:
  enable: true # 开关
  timemode: date #date/updated
  title: 乘风而起
  subTitle: 未来可期
  siteText: Richard工程实验室
  category:
    - name: 前端
      path: /categories/前端开发/
      shadow: var(--anzhiyu-shadow-blue)
      class: blue
      icon: anzhiyu-icon-dove
    - name: 大学
      path: /categories/大学生涯/
      shadow: var(--anzhiyu-shadow-red)
      class: red
      icon: anzhiyu-icon-fire
    - name: 生活
      path: /categories/生活日常/
      shadow: var(--anzhiyu-shadow-green)
      class: green
      icon: anzhiyu-icon-book
  default_descr: 再怎么看我也不知道怎么描述它的啦！
  swiper:
    enable: false
    swiper_css: https://npm.elemecdn.com/anzhiyu-theme-static@1.0.0/swiper/swiper.min.css #swiper css依赖
    swiper_js: https://npm.elemecdn.com/anzhiyu-theme-static@1.0.0/swiper/swiper.min.js #swiper js依赖
    swiper_init: https://npm.elemecdn.com/anzhiyu-theme-static@1.0.0/swiper/swiper_init.js # swiper初始化方法
  banner:
    tips: RichardStudioLab
    title: Richard工程实验室
    image: /img/bg.webp
    url: https://Richard233n.github.io

首页即刻说说

步骤1 在主题config中配置

# 即刻页面配置
essay:
  enable: true
  title: 即刻短文
  subTitle: 咸鱼的日常生活。
  tips: 使用 即刻短文静态部署版 构建
  button: 关于我
  buttonLink: /about/
  limit: 30
  top_background:

步骤2 在source目录下创建文件夹_data/essay.yaml填充以下内容

- class_name: 即刻短文
  essay_list:
    - content: 博客装修中，加油！
      date: 2023/05/23 18:56:45
    - content: 更新了我的常用文档和应用，又是辛勤的一天呢
      date: 2023/05/19 16:53:00
    - content: 友链装修成功
      date: 2023/05/16 19:09:00
    - content: 成功配置到github！好耶
      date: 2023/05/16 18:00:00
    - content: 成功配置的那一刻真的好爽呀好爽呀
      date: 2023/05/16
      link: https://anzhiy.cn/music/?id=7269231710&server=tencent
    - content: 鸣谢大佬冰梦，写进功劳簿！
      date: 2023/05/16
    - content: React中不能直接修改state的一个重要原因是在性能优化时的prueComponment会进行浅层比较会认为是用一个对象且不能进入队列中批量更新
      date: 2023/05/16
    - content: 小图三张🌈1B857AE2.gif
      date: 2023/05/16
      image:
        - /img/essay/img5.jpg
        - /img/essay/img6.jpg
        - /img/essay/img4.jpg
    - content: 昨天又卖出一百多个箱子，好耶，怒赚￥200
      date: 2023/05/16
    - content: 即刻短文的详情页也配置好了，领悟到了这个hexo的真谛
      date: 2023/05/16
    - content: 瓜瓜好棒
      date: 2023/05/16
      link: https://space.bilibili.com/398655122?spm_id_from=333.337.search-card.all.click

标签页的文字卖萌

# 标签卖萌
diytitle:
  enable: true
  leaveTitle: w(ﾟДﾟ)w 不要走！再看看嘛！
  backTitle: ♪(^∇^*)欢迎肥来！

侧边栏卡片部分

# aside (侧边栏)
# --------------------------------------

aside:
  enable: true
  hide: false
  button: true
  mobile: true # display on mobile
  position: right # left or right
  display:
    archive: true
    tag: true
    category: false
  card_author:
    enable: true
    type: 1 # 1为使用头像card 2为不使用头像card
    description: # 默认为站点描述
    info_background: https://bu.dusays.com/2023/04/23/6444b2b59a295.webp # type为1时有效
    button:
      enable: true
      icon: anzhiyu-icon-arrow-circle-right
      text: 了解更多
      link: /about/
  card_announcement:
    enable: false
    content: 欢迎来看我的博客鸭~
  card_weixin:
    enable: false
    face: https://bu.dusays.com/2023/01/13/63c02edf44033.png
    backFace: https://bu.dusays.com/2023/05/13/645fa415e8694.png
  card_recent_post:
    enable: true
    limit: 5 # if set 0 will show all
    sort: date # date or updated
    sort_order: # Don't modify the setting unless you know how it works
  card_categories:
    enable: false
    limit: 8 # if set 0 will show all
    expand: none # none/true/false
    sort_order: # Don't modify the setting unless you know how it works
  card_tags:
    enable: true
    limit: 40 # if set 0 will show all
    color: false
    sort_order: # Don't modify the setting unless you know how it works
    highlightTags:
      - Hexo
      - 前端
  card_archives:
    enable: true
    type: monthly # yearly or monthly
    format: MMMM YYYY # eg: YYYY年MM月
    order: -1 # Sort of order. 1, asc for ascending; -1, desc for descending
    limit: 8 # if set 0 will show all
    sort_order: # Don't modify the setting unless you know how it works
  card_webinfo:
    enable: true
    post_count: true
    last_push_date: true
    sort_order: # Don't modify the setting unless you know how it works