Code Monkey home page Code Monkey logo

Comments (12)

YunYouJun avatar YunYouJun commented on June 25, 2024

深色模式切换,之后会考虑实现。

后面一条 PJAX 所指的是什么?可以截图或者更详细地描述吗?

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

这个等我明天再说吧 一开始用的就是 yun 主题, 现在用的 butterfly ,但又想换回云(大概就是折腾后看明白了,除了外挂标签带着适配过来应该没啥了) 而且对于手机端这个宽度的原因导致蝴蝶不能看到收回按钮
下午发了一个版本
CCKNBC/ccknbc.github.io@d5e0448

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

配置如下 因为主题不是 layout 所以只能选默认的全部显示

widget_tree:
  cdn: true
  hide: fasle
  layout: default
  # layout:
  #   - home
  #   - page
  #   - post
  #   - archive
  #   - category
  #   - tag
  toc:
    enable: true
    max_depth: 
    min_depth: 
    list_number: true

对于 pjax 我昨天是把整个 div 排除来解决

script(src=url_for(theme.CDN.pjax))
script.
  let pjaxSelectors = [
    'title',
    '#config_change',
    '#body-wrap',
    '#rightside-config-hide',
    '#rightside-config-show',
    '#posts-chart',
    '#tags-chart',
    '#categories-chart',  
    '#artitalk_main',
    '#app',
    'widget-tree',
    '.js-pjax'
  ]

今天发现应该是我文章本身的问题,其他文章目录都正常,只是我昨天恰巧选了这一篇
QQ截图20210111135623

QQ截图20210111135955

不过手机上因为主题原因不能显示收回按钮
QQ截图20210111140301

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 25, 2024

宽度是 20rem,一般 1rem 是 16px,20 也应该只有 320px,手机设备应该是大于这个宽度的。试试别的设备?

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 25, 2024

已支持暗色模式 95b36b1

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

因为我用我手机测的不显示 电脑上换也没几个能完全显示的

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

已支持暗色模式 95b36b1

好评 这就试试 其实就是这个目录吸引了我 想把目录放在左侧 但不想改源码 这个插件简直爱了爱了(分类页面实在有点丑,插件来弥补)

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 25, 2024

因为我用我手机测的不显示 电脑上换也没几个能完全显示的

我这边测试,无法复现。我主题的侧边栏也是 20rem 宽,访问我的 主页 打开侧边栏是否同样遮挡住全部内容?

能想到的解决方案是侧边栏添加额外的关闭按钮。

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

你的demo页面是ok的,我再测试看看

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 25, 2024

Chrome 400*670 分辨率测试。

image

from hexo-widget-tree.

YunYouJun avatar YunYouJun commented on June 25, 2024

你的demo页面是ok的,我再测试看看

那可能是由于主题样式覆盖导致的,可以通过自定义 CSS 等方式重置浏览器默认 rem 尺寸。

html {
  font-size: 16px;
}

from hexo-widget-tree.

CCKNBC avatar CCKNBC commented on June 25, 2024

QQ截图20210111143816
可能我要外部解决一下了

from hexo-widget-tree.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.