AirboZH / halo-theme-chirpy

一个Halo生态,简约且功能丰富的技术博客主题。A minimal, responsive and feature-rich Halo theme for technical writing.
https://halo.run/store/apps/app-vGuQB
MIT License
94 stars 22 forks source link

目录 与 分类 的优化建议 #118

Open Camellia-2 opened 1 year ago

Camellia-2 commented 1 year ago

目录的建议

  1. 在目录列表内增加一二三....标题级别的序号;
  2. 目录列表自动拉取二级标题到目录,不识别一级标题;
  3. 这里补充下附图上口误,我又实验了下,不是拷贝文章时才拉取二级标题 我手打文章同样只拉取二级标题,一级标题时不识别的;
  4. 另外就是附图上说的标题少不拉取,我又实验了下,手打是拉取的,2个标题也会拉取, 我那篇不拉取的有可能是我拷贝的问题,但是我对文章又做了重新编排,还是不行,目前不知道什么原因.

    类别的优化建议

  5. 分类是不是可以优化个页面或列表出来,内容增大后无法完美细分,也不方便阅读者查找内容;
  6. 一级分类目录和子目录应考虑有上下级的分类展示,方便读者内容的查找;
  7. 子目录如果不在侧边栏调出使用,是不会有子目录的文章展示的,除非在一级分类目录的文章页面点击 分类路径的地址,或者点击进入全部分类目录找到子目录进入查看.

    问题附图

    0

AirboZH commented 1 year ago

目录是依赖于 tocbot 这个工具的 https://github.com/AirboZH/halo-theme-chirpy/blob/fc7649c7b74a20018540bcf59331f3439dd33f9b/src/js/modules/components/toc.js#L6-L13

和原主题一样只摘取了'h2, h3, h4',可能H1考虑是文章标题,H2开始才是内容中的标题。

H4之后的标题可能粒度太细了也不考虑了

目录是做了折叠的,只有阅读到当前部分才会展开子级目录。如图 image image image

AirboZH commented 1 year ago

类别的优化建议

其实Halo分类目前更像是一个平行结构点开目录只有当前目录下的文章,

上下级的分类展示,确实可以做,这个我赞同。

分类是不是可以优化个页面或列表出来,内容增大后无法完美细分,也不方便阅读者查找内容;

这个我还没太理解什么意思,我理解分类应该不会很多,如果需要细分文章可以用标签,标签的展示会更加密集。

子目录如果不在侧边栏调出使用,是不会有子目录的文,章展示的

抱歉,这个我也没太理解。

AirboZH commented 1 year ago

你图中的System分类应该没有成功设置为笔记的子分类吧

正常应该是这样的

image

image

Camellia-2 commented 1 year ago

你图中的System分类应该没有成功设置为笔记的子分类吧

这样啊,哈哈哈,我的错,从新设置了.它的菜单和文章是分离设置的,刚使用3天的halo控制台,见笑了🤣

Camellia-2 commented 1 year ago

其实Halo分类目前更像是一个平行结构点开目录只有当前目录下的文章, 上下级的分类展示,确实可以做,这个我赞同。 这个我还没太理解什么意思,我理解分类应该不会很多,如果需要细分文章可以用标签,标签的展示会更加密集。 子目录如果不在侧边栏调出使用,是不会有子目录的文,章展示的 抱歉,这个我也没太理解。

额~~这几个问题其实我想表达什么吧.....我给你上图 1 2

AirboZH commented 1 year ago

明白你的意思了,这个Issue先开着吧,如果有更多人觉得分类页需要优化的话在下面评论。人多的话我再考虑修改。

Camellia-2 commented 1 year ago

明白你的意思了,这个Issue先开着吧,如果有更多人觉得分类页需要优化的话在下面评论。人多的话我再考虑修改。

好的🐬

AirboZH commented 11 months ago

目录的这个没有解析 h1 标签的这个问题今天看到一个文章我再补充一点。
https://www.cnblogs.com/52php/p/5657628.html

  1. <h1> 用来修饰网页的主标题,一般是网页的标题,文章标题,<h1> 中部署主关键词。<h1> 尽量靠近在html 中的<body> 标签,越近越好,以便让搜索引擎最快的领略主题。
  2. <h2> 表示一个段落的标题,或者说副标题,部署长尾关键词
  3. <h3> 表示段落的小节标题,<h3> 效果跟Strong差不多,一般是用在段落小节
SSwj commented 3 weeks ago

希望美化一下分类页面

AirboZH commented 2 weeks ago

希望美化一下分类页面

最近实在是工作有点忙,这个问题先记下来,感谢反馈~