Git Product home page Git Product logo

Comments (18)

iissnan avatar iissnan commented on August 27, 2024

确实,目前不是很明显。在制作的过程我也感觉到了,本来还想加动画效果上去。

我的想法是:

  • 全局默认展开
  • 在文章页面默认展开

另外,在主题设置中可以定制是否默认展开。

是否有更好的想法?

from hexo-theme-next.

arccode avatar arccode commented on August 27, 2024

@iissnan 我觉得目前可以按你说做.以后如果sidebar中增加了更多的菜单,可以考虑制作一条菜单图标栏(垂直排列), 点击可展开相关菜单下的内容.

from hexo-theme-next.

jiangxy avatar jiangxy commented on August 27, 2024

赞成在文章页面默认展开,但不喜欢全局展开
喜欢简洁的首页

但是如果文章没有目录结构,就会自动展开一个空的侧边栏,感觉也不太好

其实我觉得侧边栏的“站点概览”很大程度跟about页面是一个作用。。。倒是可以考虑在about页面默认展开

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

我看下是否能判断是否是空的目录结构,如果是则不展示。另外一种考虑是当目录结构是空的时候给一个提示,说明当前目录为空,保持文章页面展示的一致性。

暂定在文章页面默认展开。

from hexo-theme-next.

arccode avatar arccode commented on August 27, 2024

文章详情页sidebar默认展开的效果, 感觉有点突兀, 我觉得应该让sidebar延时点展开效果更好.

layout/post.swig(line: 67)
if ($('.post-toc').html().trim().length > 0 && isDesktop()) {
setTimeout(function(){$('.sidebar-toggle').trigger('click')},800);
}

setTimeout虽然不是什么好的计时方法, 但能达到效果

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

Agreed. Will fix later.

from hexo-theme-next.

arccode avatar arccode commented on August 27, 2024

文章目录的anchor, 点击后anchor定位直接顶住浏览器上端, 我觉得应该对h*(1~6)增加padding-top: 10px, 这样更美观些

css/_core/base.styl(line: 63)
h2, h3, h4, h5, h6 {
margin: 60px 0 15px;
padding : 10px 0 0 0;
}

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

延迟 Sidebar 的显示 以及 Headline 留白已经处理了。见1e3ff96

from hexo-theme-next.

arccode avatar arccode commented on August 27, 2024

手机适配有问题, sidebar出现

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

你使用的手机是?

from hexo-theme-next.

arccode avatar arccode commented on August 27, 2024

分辨率是1080x1920的

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

这种分辨率情况下,我觉得展示 sidebar 是可以接受的。

from hexo-theme-next.

ianwith avatar ianwith commented on August 27, 2024

加个配置项吧?让用户定制是否默认展开

from hexo-theme-next.

zhiyue avatar zhiyue commented on August 27, 2024

我也认为加一个配置项会好一点,有些散文,有个目录在会很突兀。

from hexo-theme-next.

988uhuj avatar 988uhuj commented on August 27, 2024

同意,多次展开有点审美疲劳了,能提醒一次便好。btw,主题很棒!

from hexo-theme-next.

ohlife avatar ohlife commented on August 27, 2024

既然简洁就简洁到底,全局和文章页面都不默认打开最好:)
如果打开文章就显示侧边栏个人觉得会让人分心,影响整体的阅读流畅性.
也同意增加个配置项,让用户自己选择侧边栏是否默认打开.

from hexo-theme-next.

Andrew-liu avatar Andrew-liu commented on August 27, 2024

感觉刚进入博客时候打开sidebar, 然后在文章中可以选择性的打开

from hexo-theme-next.

iissnan avatar iissnan commented on August 27, 2024

添加了一个侧栏设置的选项:

# Sidebar 侧栏行为,可选值有
#  - post   默认值,在文章页面自动展开侧栏
#  - always 在所有页面自动展开侧栏
#  - hide   在手动点击侧栏的开关按钮时展开
sidebar: post
#sidebar: always
#sidebar: hide

from hexo-theme-next.

Related Issues (20)

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.