Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

没有办法单独控制 menu 的动画开关 #412

Closed
3 tasks done
ywang-wnlo opened this issue Nov 22, 2021 · 4 comments
Closed
3 tasks done

没有办法单独控制 menu 的动画开关 #412

ywang-wnlo opened this issue Nov 22, 2021 · 4 comments
Labels
Bug Something isn't working Duplicate This issue or pull request already exists
Milestone

Comments

@ywang-wnlo
Copy link

Please follow this Issue template to provide relevant information, such as source code repository, website URL and screenshots, which will help us investigate.
请按照此 Issue 模版提供相关信息,例如源码仓库、网站链接和屏幕截图,这将有助于我们进行调查。

Issue Checklist


Expected behavior

当我开启动画,在调整每个区域的动画时发现,关闭所有可配置的区域动画之后,应该和关闭所有动画时一致

Actual behavior

然而实际上 menu 部分还是会使用 fadeInDown 动画

此时网站源码为

<div class="header-inner"><div class="site-brand-container">
  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏" role="button" style="opacity: 1; top: 0px;">
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
        <span class="toggle-line"></span>
    </div>
  </div>

  <div class="site-meta">

    <a href="/" class="brand" rel="start">
      <i class="logo-line"></i>
      <h1 class="site-title" style="opacity: 1; top: 0px;">balabala</h1>
      <i class="logo-line"></i>
    </a>
      <p class="site-subtitle" itemprop="description" style="opacity: 1; top: 0px;">balabala</p>
  </div>

  <div class="site-nav-right">
    <div class="toggle popup-trigger" style="opacity: 1; top: 0px;">
    </div>
  </div>
</div>



<nav class="site-nav">
  <ul class="main-menu menu">
        <li class="menu-item menu-item-home animated fadeInDown"><a href="/" rel="section" class="menu-item-active"><i class="fa fa-home fa-fw"></i>首页</a></li>
        <li class="menu-item menu-item-tags animated fadeInDown"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签<span class="badge"> 19</span></a></li>
        <li class="menu-item menu-item-categories animated fadeInDown"><a href="/categories/" rel="section"><i class="fa fa-th fa-fw"></i>分类<span class="badge"> 4</span></a></li>
        <li class="menu-item menu-item-archives animated fadeInDown"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档<span class="badge"> 12</span></a></li>
  </ul>
</nav>




</div>

Steps to reproduce the behavior

配置 themes\next\_config.yml 文件如下

# Use Animate.css to animate everything.
# For more information: https://animate.style
motion:
  enable: true
  async: true
  transition:
    # All available transition variants: https://theme-next.js.org/animate/
    post_block:
    post_header:
    post_body:
    coll_header:
    # Only for Pisces | Gemini.
    sidebar:

Environment Information

Node.js and NPM Information

v16.13.0
8.1.4

Package dependencies Information

├── hexo-abbrlink@2.2.1
├── hexo-deployer-git@3.0.0
├── hexo-filter-mermaid-diagrams@1.0.5
├── hexo-generator-archive@1.0.0
├── hexo-generator-category@1.0.0
├── hexo-generator-index@2.0.0
├── hexo-generator-tag@1.0.0
├── hexo-renderer-ejs@1.0.0
├── hexo-renderer-marked@4.1.0
├── hexo-renderer-stylus@2.0.1
├── hexo-server@2.0.0
├── hexo-theme-landscape@0.0.3
├── hexo-word-counter@0.0.3
└── hexo@5.4.0

Hexo Configuration

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: 王宇的个人博客
subtitle: 一个新时代农民工的随手笔记
description: 一个新时代农民工的随手笔记
keywords: 博客,笔记,新时代农民工
author: 王宇
language: zh-CN
timezone: 'Asia/Shanghai'

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://ywang-wnlo.github.io
permalink: posts/:abbrlink.html
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:
  enable: true # Open external links in new tab
  field: site # Apply to the whole site
  exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: true
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false
  preprocess: true
  line_number: true
  tab_replace: ''

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
## updated_option supports 'mtime', 'date', 'empty'
updated_option: 'date'

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:

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

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:ywang-wnlo/ywang-wnlo.github.io.git
  branch: gh-pages

# hexo-word-counter
## https://github.com/next-theme/hexo-word-counter
symbols_count_time:
  symbols: true
  time: true
  total_symbols: false
  total_time: false
  exclude_codeblock: false
  awl: 4
  wpm: 275
  suffix: "mins."

# abbrlink config
## https://github.com/rozbo/hexo-abbrlink
abbrlink:
  alg: crc32 # support crc16(default) and crc32
  rep: hex # support dec(default) and hex
  drafts: true # (true)Process draft,(false)Do not process draft. false(default)
  # Generate categories from directory-tree
  # depth: the max_depth of directory-tree you want to generate, should > 0
  auto_category:
     enable: true # true(default)
     depth: 3 # 3(default)
     over_write: false
  auto_title: false # enable auto title, it can auto fill the title by path
  auto_date: false # enable auto date, it can auto fill the date by time today
  force: false # enable force mode, in this mode, the plugin will ignore the cache, and calc the abbrlink for every post even it already had abbrlink.

NexT Configuration

# Use Animate.css to animate everything.
# For more information: https://animate.style
motion:
  enable: true
  async: true
  transition:
    # All available transition variants: https://theme-next.js.org/animate/
    post_block:
    post_header:
    post_body:
    coll_header:
    # Only for Pisces | Gemini.
    sidebar:

Other Information

Chrome 已是最新版本
版本 96.0.4664.45(正式版本) (64 位)

版本 Windows 11 专业版
版本 21H2
安装日期 ‎2021/‎10/‎9
操作系统版本 22000.348
体验 Windows 功能体验包 1000.22000.348.0

@ywang-wnlo ywang-wnlo added the Bug Something isn't working label Nov 22, 2021
@welcome
Copy link

welcome bot commented Nov 22, 2021

Thanks for opening this issue, maintainers will get back to you as soon as possible!

@ljcbaby
Copy link
Member

ljcbaby commented Nov 22, 2021

#157

@ljcbaby ljcbaby added the Duplicate This issue or pull request already exists label Nov 22, 2021
@ljcbaby ljcbaby closed this as completed Nov 22, 2021
@github-actions
Copy link

This thread has been automatically locked since there has not been any recent activity after it was closed. It is possible issue was solved or at least outdated. Feel free to open new for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Nov 23, 2022
@stevenjoezhang stevenjoezhang added this to the 8.14.0 milestone Nov 23, 2022
@stevenjoezhang
Copy link
Member

这个是上古设计 iissnan/hexo-theme-next#152
选项已加 705201b

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Something isn't working Duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

3 participants