win11+github pages+hexo+aurora theme building blog

The first is the website that I have built before

https://blog.csdn.net/Algernon98/article/details/120337744?spm=1001.2014.3001.5501

Delete the library this time, and use git to upload directly on win11.

Show results

Enjoy the following effects below:
Blog link:

https://algernon98.github.io/
Electronic Sheep Blog

front page:
insert image description here

Recommended Articles:
insert image description here
Article Page:
insert image description here
About Page:
insert image description here
Archive Page:
insert image description here
insert image description here

Tab page:
insert image description here
Click to enter like this:
insert image description here
The page supports switching between dark mode and light mode:
insert image description here
Similarly, page search is also supported:
insert image description here
the personal profile page has a link to the associated account:
insert image description here

Configure source code

#! ---------------------------------------------------------------
#! Aurora Theme for Hexo
#! ---------------------------------------------------------------
#! Designed & Coded By TriDiamond
#! ---------------------------------------------------------------

#! ---------------------------------------------------------------
#! Site Configs
#! @docs https://aurora.tridiamond.tech/guide/configuration.html
#! ---------------------------------------------------------------
site:
  subtitle: 电子羊的秘密花园
  author: Algernon
  nick: 仿生电子羊
  description: 谁也没见过风,更别说我和你了
  link: '/'
  language: cn
  multi_language: true
  logo: https://img-blog.csdnimg.cn/68c4c7d8696c482da565a
  avatar: https://img-blog.csdnimg.cn/68c4c7d8696c482da565ab5c8ebfa2fa.png
  beian:
    number: ''
    link: ''
  police_beian:
    number: ''
    link: ''

#! ---------------------------------------------------------------
#! Authors Configs
#! @docs https://aurora.tridiamond.tech/guide/authors.html
#! ---------------------------------------------------------------
authors:
  ##! example
  # TriDiamond:
     name: 仿生电子羊
  #   avatar: https://up.enterdesk.com/edpic_source/44/ff/3d/44ff3d6bd2819d524facfcc33205d4cd.jpg
  #   link: https://github.com/TriDiamond
     description: '仿生程序员会梦见代码羊吗?'
  #   socials:
     github: https://github.com/Algernon98

#! ---------------------------------------------------------------
#! Menu Configs
#! @docs https://aurora.tridiamond.tech/guide/menu.html
#! ---------------------------------------------------------------
menu:
  About: true
  Tags: true
  Archives: true
  Categories: true
  projects:
    name: 'Articles'
    children:
      obsidian:
        name: '一千零一夜'
        path: 'https://mp.weixin.qq.com/s/dBWKUI3duXK5UQaGTEyupw'
      Aurora:
        name: '年终总结'
        path: 'https://mp.weixin.qq.com/s/Mxu70-uz8kHvYye5w-lNvA'
  links:
    name: 'links'
    i18n:
      cn: '友链'
      en: 'links'
    path: '/page/friendschain'


#! ---------------------------------------------------------------
#! Theme Config
#! @docs https://aurora.tridiamond.tech/guide/theme.html
#! ---------------------------------------------------------------
theme:
  dark_mode: true
  profile_shape: rounded # support `circle`, `diamond`, `rounded`
  feature: true
  gradient:
    color_1: '#24c6dc'
    color_2: '#00FF7F'
    color_3: '#FAFAD2'

#! ---------------------------------------------------------------
#! Social Configs
#! @docs https://aurora.tridiamond.tech/guide/social.html
#! ---------------------------------------------------------------
socials:
  github: 'https://github.com/Algernon98'
  csdn: 'https://blog.csdn.net/Algernon98'
  #bilibili: 'https://space.bilibili.com/281724502'
  customs: 
  ##! Example:
  ##! --- Using SVG
    bilibili:
      icon: /svg/bilibili-line.svg
      link: https://space.bilibili.com/281724502
  ##! --- Using IconFont
  # baidu:
  #   icon: iconfont icon-baidu
  #   link: https://live.bilibili.com/22619211

  ##! --- Using FontAwesome
  # book:
  #   icon: far fa-address-book
  #   link: https://live.bilibili.com/22619211

#! ---------------------------------------------------------------
#! Site Meta Configs
#! @docs https://aurora.tridiamond.tech/guide/theme.html
#! ---------------------------------------------------------------
site_meta:
  cdn: cn
  favicon:
  description: ''
  keywords: ''
  author: ''

#! ---------------------------------------------------------------
#! Plugins
#! @docs https://aurora.tridiamond.tech/guide/plugins.html
#! ---------------------------------------------------------------

# For local development only!
gitalk:
  enable: false
  autoExpand: true
  clientID: ''
  clientSecret: ''
  repo: 'dev-blog-comments'
  owner: 'TriDiamond'
  admin: ['TriDiamond']
  id: uid
  language: en
  distractionFreeMode: true
  recentComment: false
  proxy: ''

# Valine comment plugin (recommended!)
# see https://valine.js.org/quickstart.html
valine:
  enable: false
  app_id:
  app_key:
  avatar: ''
  placeholder: Leave your thoughts behind~
  visitor: true
  lang: en
  avatarForce: false
  meta: ['nick', 'mail']
  requiredFields: []
  admin: 'TriDiamond'
  recentComment: false

# Enable Busuanzi statistic plugin
# see http://ibruce.info/2015/04/04/busuanzi/
busuanzi:
  enable: true

copy_protection:
  enable: true
  author:
    cn: 作者
    en: Author
  link:
    cn: 本文来自于
    en: Article is from
  license:
    cn: 博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议
    en: This content is shared under the CC BY-NC-SA 4.0 protocol (Non-Commercial)

#! ---------------------------------------------------------------
#! Enable Aurora Bot Dia
#! @docs https://aurora.tridiamond.tech/guide/site-meta.html#custom-meta
#! ---------------------------------------------------------------


#! ---------------------------------------------------------------
#! Injections
#! @docs https://aurora.tridiamond.tech/guide/site-meta.html#custom-meta
#! ---------------------------------------------------------------
injects:
  scripts:
  css:


# 开启 Aurora 机器人 Dia
aurora_bot:
  # ======================================================
  # 设置为 true,你可爱的机器人就会启动。
  # ======================================================
  enable: true
  # ======================================================
  # 该机器人支持两种语言
  # -- en: 英语
  # -- cn: 中文
  # ======================================================
  locale: cn
  # ======================================================
  # 目前只支持使用 Dia,将来会支持 live2d。
  # ======================================================
  bot_type: dia

  # 这个技巧是用来对用户交互做出反应的
  tips:
    # ======================================================
    # 这些是 Dia 每30秒会说的随机消息。
    # ======================================================
    messages:
      - 你好,我是 <span>仿生电子羊</span>,很高兴你能走进我的秘密花园~
      - 裁雨留虹!
      - '<span>花车颠啊颠,纳西妲睁开眼</span>她说刚刚做了梦<br>梦见纳西妲的生日就在今天'
      - 雨线难画!
      - 欸嘿!
      - 森林会记住一切
             - 是金色的那菈!        
      - 与买桂花同载酒,后面忘了~
      - 谁也没见过风,更别说我和你了<br>谁也没见过爱情,直到花束抛向自己
      # 这是一个特殊的函数,它将触发 quotes API
      # 和 Dia 会说出每日引用的信息。
      

    # ======================================================
    # 将在用户打开浏览器控制台时触发。
    # ======================================================
    console: 哈哈,你打开了控制台,是想要看看我的小秘密吗?

    # ======================================================
    # 当用户从你的博客上复制内容时触发。
    # ======================================================
    copy: 你都复制了些什么呀,转载要记得加上出处哦!

    # ======================================================
    # 这将在用户返回窗口时触发。
    # ======================================================
    visibility_change: 嘿嘿,我就知道你会回来的~

    # ======================================================
    # 欢迎留言,号码是一天中的时间。
    # -----------------------------------
    # eg: 24 = 00:00 也就是午夜
    # eg: 17-19 = 在下午 5 点到 7 点之间
    # -----------------------------------
    # 在一天的这段时间里,Dia 会向你的读者问好
    # 与相应的消息。
    # ======================================================
    welcome:
      '24': 你是夜猫子呀?这么晚还不睡觉,明天起的来嘛?
      '5_7': 早上好!一日之计在于晨,美好的一天就要开始了。
      '7_11': 上午好!工作顺利嘛,不要久坐,多起来走动走动哦!
      '11_13': 中午了,工作了一个上午,现在是午餐时间!
      '13_17': 午后很容易犯困呢,今天的运动目标完成了吗?
      '17_19': 傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~
      '19_21': 晚上好,今天过得怎么样?
      '21_23':
        - 已经这么晚了呀,早点休息吧,晚安~
        - 深夜时要爱护眼睛呀!

    # ======================================================
    # 当用户来自搜索引擎时使用。
    # ======================================================
    referrer:
      # 用户来自你自己的网站。
      self: 欢迎来到<span>[PLACEHOLDER]</span>
      # 用户来自百度搜索引擎。
      baidu: Hello!来自 百度搜索 的朋友<br>你是搜索 <span>[PLACEHOLDER]</span> 找到的我吗?
      # 用户来自360搜索引擎。
      so: Hello!来自 360搜索 的朋友<br>你是搜索 <span>[PLACEHOLDER]</span> 找到的我吗?
      # 用户来自谷歌搜索引擎。
      google: Hello!来自 谷歌搜索 的朋友<br>欢迎阅读<span>[PLACEHOLDER]</span>
      # 用户来自另一个网站。
      site: Hello!来自 <span>[PLACEHOLDER]</span> 的朋友
      # 任何其他来源。
      other: 感谢您阅读: <span>[PLACEHOLDER]</span>

    # ======================================================
    # 当你的'鼠标悬停'到特定的HTML标签,Dia将
    # 给用户留言帮助他们解决问题。
    # ------------------------------------------------------
    # selector: 标签选择器(你可以使用任何css选择器)
    # text: 这是Dia将要传达的信息。(如果你想要的
    #       Dia从一组信息中随机说出一个,设置它
    #       数组,否则只是纯文本)
    #  ======================================================
    mouseover:
      # 悬浮在 Dia 上
      - selector: '#Aurora-Dia'
        text:
          - 哇啊啊啊啊啊啊... <span>你想干嘛</span>? O.O
          - 请您轻一点,我是<span>很昂贵</span>的机器人哦! O.O
          - '<span>欸嘿,我在哦!</span> 我有什么可以帮到你呢? O.O'
      # 悬浮在 Home 菜单
      - selector: "[data-menu='Home']"
        text:
          - 点击前往首页,想回到上一页可以使用浏览器的后退功能哦。
          - 点它就可以回到首页啦!
          - 回首页看看吧。
      # 悬浮在 About 菜单
      - selector: "[data-menu='About']"
        text:
          - 关于我,你想知道什么呢?
          - 这里有一些关于我家主人的秘密哦,要不要看看呢?
          
      # 悬浮在 Archives 菜单
      - selector: "[data-menu='Archives']"
        text:
          - 这里存储了主人的所有作品哦!
          - 想看看主人的图书馆吗?
      # 悬浮在 Tags 菜单
      - selector: "[data-menu='Tags']"
        text:
          - 点击就可以看文章的标签啦!
          - 使用标签可以更好的分类你的文章哦~
      # 悬浮在 language 菜单
      - selector: "[data-dia='language']"
        text: 博客支持多种语言。
      # 悬浮在黑白切换按钮上
      - selector: "[data-dia='light-switch']"
        text: 您可以点击这里切换黑白模式哦!
      # 悬浮在作者简介上
      - selector: "[data-dia='author']"
        text:
          - 这是我主人的简介。
          - 点击其中任何一个链接都可以传送到我主人的其他世界。
      # 悬浮在作跳转评论按钮上
      - selector: "[data-dia='jump-to-comment']"
        text:
          - 你想看看评论吗?
          - 点击这里可以帮助你直接跳转到评论部分。

    # ======================================================
    # 当你的'鼠标点击'为特定的HTML标签,Dia将
    # 给用户留言帮助他们解决问题。
    # ------------------------------------------------------
    # 属性与' moveover '事件相同
    # ======================================================
    click:
      # 鼠标点击搜索按钮
      - selector: "[data-dia='search']"
        text:
          - 没有看到你想要的文章,那么就输入你想搜索的关键词吧~
          - 可以使用 ctrl/cmd + k 快捷键打开搜索哦~
      # 鼠标点击文章标题
      - selector: "[data-dia='article-link']"
        text:
          - 希望你会喜欢这篇文章:<span>「{
   
   text}」</span>.
          - 您的选择真的不错哦!好好享受这篇文章吧~
          - 希望您能从 <span>「{
   
   text}」</span>这篇文章中学到点东西。
      # 鼠标点击跳转评论输入框(Gitalk)
      - selector: '.gt-header-textarea'
        text:
          - 要吐槽些什么呢?
          - 一定要认真填写喵~
          - 有什么想说的吗?
          - 如果觉得文章不错的话,就给博主留个言吧~
      # 鼠标点击跳转评论输入框(Valine)
      - selector: '.veditor'
        text:
          - 要吐槽些什么呢?
          - 一定要认真填写喵~
          - 有什么想说的吗?
          - 如果觉得文章不错的话,就给博主留个言吧~

    # ======================================================
    # 在特定的日期,Dia会向你的读者问候。
    # ------------------------------------------------------
    # date: 特别活动的日期(格式:月/日或月/日-月/日)
    # text:
    # ---只使用一个简单的字符串。
    # -——消息的随机集合,使用数组配置格式。
    # ======================================================
    events:
      - date: 01/01
        text: '<span>元旦</span>了呢,新的一年又开始了,今年是{year}年~'
      - date: 02/14
        text: 又是一年<span>情人节</span>,{
   
   year}年找到对象了嘛~
      - date: 03/08
        text: 今天是<span>国际妇女节</span>- date: 03/12
        text: 今天是<span>植树节</span>,要保护环境呀!
      - date: 04/01
        text: 悄悄告诉你一个秘密~<span>今天是愚人节,不要被骗了哦~</span>
      - date: 05/01
        text: 今天是<span>五一劳动节</span>,计划好假期去哪里了吗~
      - date: 06/01
        text: '<span>儿童节</span>了呢,快活的时光总是短暂,要是永远长不大该多好啊…'
      - date: '09/03'
        text: '<span>中国人民抗日战争胜利纪念日</span>,铭记历史、缅怀先烈、珍爱和平、开创未来。'
      - date: '09/10'
        text: '<span>教师节</span>,在学校要给老师问声好呀~'
      - date: 10/01
        text: '<span>国庆节</span>到了,为祖国母亲庆生!'
      - date: 11/05-11/12
        text: 今年的<span>双十一</span>是和谁一起过的呢~
      - date: 12/20-12/31
        text: 这几天是<span>圣诞节</span>,主人肯定又去剁手买买买了~

Guess you like

Origin blog.csdn.net/Algernon98/article/details/127762318#comments_25580856