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

试用主题后的几点建议反馈 #117

Open Camellia-2 opened 1 year ago

Camellia-2 commented 1 year ago

前言

AirboZH commented 1 year ago

文章的封面图问题 可以修改为单独设置或者如若有文章配图的话,可以直接引用文章配图;

目前封面图应该就是在Halo console单独设置的吧 image 至于引用文章配图我觉得还是有待考虑,主要难点有三

  1. 文章封面图是Halo核心提供的
  2. 如果主题去文章内容中搜索可能造成不必要的性能开销
  3. 不确定有这个需要的用户数量是否很多,多的话可能去Halo提Issues

优化首页封面图的完整缩略显示

优化首页封面图的完整缩略显示具体是点击之后放大还是当前显示比例有问题,如果是前者的话在主页可能不会新增此功能,后者的话可以提供具体情况信息我再了解了解

进入文章后,封面图没有必要在头部凸显,如若直接进入文章内容更加适配主题初心.

这个我也是挺赞同的

AirboZH commented 1 year ago

插件问题 作者的插件既美观又实用,测试后发现只能兼容默认编辑器,不能够兼容其他的Markdown编辑插件

编辑器的扩展方式不太一样,默认编辑器可可扩展性比较高,其余编辑器应该是不方便扩展的。 个人认为默认编辑器是可以优化到很好用的阶段的,因为默认编辑器也是支持Markdown语法的。如果可以优化到飞书类似体验的话应该用默认编辑器就可以解决很多问题了。所以目前是只考虑默认编辑器的。

Markdown的话我建议直接书写HTML代码

建议作者能够优化该插件的兼容性,让更多同学都能使用上该插件的功能;

这个的话有一个专业的插件叫做Tool-Bench 而且目前插件功能也不完善,如果我插件功能做完善可能考虑兼容其他主题吧。

AirboZH commented 1 year ago

代码块的问题 代码的样式对于我来说没有强大的需求,能够适配主题就够用; 考虑到其他同学的审美需求您可酌情考虑修改或者列几个样式发起投票; 比较实用的就是一键复制功能了,建议作者将其内置;我试过从后台注入代码,不能对其改变;

代码块这个确实是我目前遇到比较有难度的功能点。还没有想好怎么实现,如果有大佬可以给个思路我再学习学习。 再加上最近年底可能有点忙,等有时间的时候这个一定会做的。

样式的建议之前也有同学说过https://github.com/AirboZH/halo-theme-chirpy/issues/99 ,我会考虑的

一键复制肯定也会有的

AirboZH commented 1 year ago

副标题的问题 副标题的这个排版位置更倾向于瞬间或者说说之类的功能,建议作者修改 这个副标题如若当作简单的介绍或者关键词句来使用的话,输入内容过多会出现排版不美观的现象,默认居左应该

这个地方确实可以适配一下瞬间插件,可以再做一个开关。

但是如果只是把问题改成瞬间内容而样式不做改变可能会比较奇怪

这个地方如果是瞬间的话我想设计一个圆角矩形或者怎样,这个再考虑一下样式

AirboZH commented 1 year ago

页脚站点信息栏的问题 这栏卡片单独在右下显示总感觉怪怪的,跟该主题感觉不适配; 作者可以考虑放在最底部显示,也方便大家后期能够加入站点统计或者监控等代码输出的美观性;

之前早一点的版本这个确实是在页脚的,但是我个人使用的时候,一个cdn再加一个备案号就需要很长的空间,感觉放在页面下方比较累赘。

放在右侧也是想利用一下左右的空间,左侧有主菜单但是右侧可能会比较空白,不是特别平衡。

这个网站信息的栏目在没有内容的时候是不显示的,也就是用户可以主动隐藏的,我认为不影响美观。

AirboZH commented 1 year ago

0~0分钟 阅读 这项功能我没有看懂他的作用,如果是统计阅读时长的好像又有点不对 是否能修改成阅读次数和转发引用量

这个确实是预估阅读时间,按照每分钟350到450这个字数判断的。

转发引用量不好统计的,看大家如果有需求,阅读次数是可以加到这里的。

可能原作者在开发的时候认为知识库类博客对浏览的关注度比较低吧,目前还是这样吧,看大家的反应。

Camellia-2 commented 1 year ago

目前封面图应该就是在Halo console单独设置的吧 image

是的,可以在控制台单独设置,其主要问题是,它不能自适应到合适的缩略图大小(保证封面图完整性的缩略) 3

具体是点击之后放大还是当前显示比例有问题

是的就像上图演示,是比例问题,在wordperss它是有创作者提供单独的插件解决,或者主题自带,它的控制台本身也有调节缩略图的功能,我不了解java是否好实现,因为有了这项功能确实能增加美观整洁度.

Camellia-2 commented 1 year ago

编辑器的扩展方式不太一样,默认编辑器可可扩展性比较高,其余编辑器应该是不方便扩展的。 个人认为默认编辑器是可以优化到很好用的阶段的,因为默认编辑器也是支持Markdown语法的。如果可以优化到飞书类似体验的话应该用默认编辑器就可以解决很多问题了。所以目前是只考虑默认编辑器的。 Markdown的话我建议直接书写HTML代码 这个的话有一个专业的插件叫做Tool-Bench 而且目前插件功能也不完善,如果我插件功能做完善可能考虑兼容其他主题吧。

原来是这样啊,初到halo,见笑了😂

AirboZH commented 1 year ago

是的就像上图演示,是比例问题,在wordperss它是有创作者提供单独的插件解决,或者主题自带,它的控制台本身也有调节缩略图的功能,我不了解java是否好实现,因为有了这项功能确实能增加美观整洁度.

这个其实和Java无关,属于HTML和CSS的范畴,怎样显示都行,目前这只是一种填充的显示方式,如果的完整显示可能两边就会留空了。

Camellia-2 commented 1 year ago

代码块这个确实是我目前遇到比较有难度的功能点。还没有想好怎么实现,如果有大佬可以给个思路我再学习学习。 再加上最近年底可能有点忙,等有时间的时候这个一定会做的。

我有注意到社区发布了一款YOYO主题你可以参考下它的代码块主题地址 Demo

样式的建议之前也有同学说过#99 ,我会考虑的

是的,我有注意到这个话题,当时我看到的时候我也赞同此观点

Camellia-2 commented 1 year ago

这个地方确实可以适配一下瞬间插件,可以再做一个开关。 但是如果只是把问题改成瞬间内容而样式不做改变可能会比较奇怪 这个地方如果是瞬间的话我想设计一个圆角矩形或者怎样,这个再考虑一下样式

是不是考虑的到侧边栏的宽度问题?没关系的,慢慢来,我提的这些建议只是想能够把整个版面规矩起来 您提到的圆角矩形什么样的都可以接受,甚至是游走或打字机的显示

Camellia-2 commented 1 year ago

这个确实是预估阅读时间,按照每分钟350到450这个字数判断的。 转发引用量不好统计的,看大家如果有需求,阅读次数是可以加到这里的。 可能原作者在开发的时候认为知识库类博客对浏览的关注度比较低吧,目前还是这样吧,看大家的反应。

明白了,引用量不要也罢,我提这项建议的原因是,我想大多数人应该是习惯这个位置显示阅读数量相关数据的.阅读时长数量显示的少,也可能是我接触到的少.

Camellia-2 commented 1 year ago

这个其实和Java无关,属于HTML和CSS的范畴,怎样显示都行,目前这只是一种填充的显示方式,如果的完整显示可能两边就会留空了。

是块的里边留空吗?是否可以用插件单独解决?使用缩略图的用户为他们固定缩略图的长宽比例

AirboZH commented 1 year ago

image 如此保留图片原始比例是否会因为图片尺寸问题影响美观呢 若想完整展示图片置于内容中即可

Camellia-2 commented 1 year ago

如此保留图片原始比例是否会因为图片尺寸问题影响美观呢 若想完整展示图片置于内容中即可

  1. 其实我提这个问题的用意,并不是为了让用户在外部看清楚缩略图上的内容细节;
  2. 我其实是想让作者能够提升主页视觉的整齐程度;
  3. 至于标题右侧使不使用缩略图取决与博主们自行选择;
  4. 但如果使用的话就像您图片所示,缩略图的高*宽比例不能整齐划一,肯定是影响美观的, 所以前边的问题我提到不能完整显示缩略,
  5. 我们的主题是以简约风格为主导,所以在排版上稍有杂乱就特别会被浏览者注意到,.
  6. 我昨天也社区也把这个问题反馈了,也希望halo官方能从控制台解决
  7. 不知道我有没有表达清楚,

    我给你上个图演示下

    1

AirboZH commented 1 year ago

你这个示例肯定也会做部分裁切的, 只不过这个比例更适合一般图片,能尽量显示完整。 但是目前主题这个图片比例侧重类似公众号海报的比例 image

Camellia-2 commented 1 year ago

你这个示例肯定也会做部分裁切的, 只不过这个比例更适合一般图片,能尽量显示完整。 但是目前主题这个图片比例侧重类似公众号海报的比例

我明白你的意思了,这个比例其实也可以不动,只要用户长传比例合适的图片就会完整缩略;对吗?

如果想解决所有人使用当中都能完整显示的问题,并适配主题;实际上还得在控制台上传的地方增设图片比例的开关? 我这么理解对吗?

AirboZH commented 1 year ago

对,可以这样做。

但是这个文章卡片现在是长条形状的,如果改为4:3或者更方正一点的比例我感觉也不会协调

AirboZH commented 1 year ago

@all-contributors please add @Camellia-2 for idea

allcontributors[bot] commented 1 year ago

@AirboZH

I've put up a pull request to add @Camellia-2! :tada:

Camellia-2 commented 1 year ago

但是这个文章卡片现在是长条形状的,如果改为4:3或者更方正一点的比例我感觉也不会协调

是的,肯定不会协调,以目前文章标题卡片的样式不变,最合适的图片比例尺寸是多少?

AirboZH commented 1 year ago

大概2:1

具体是:

    width: 20rem;
    height: 11.55rem;
AirboZH commented 1 year ago

建议稍作留白,都可以合理显示 image image

Camellia-2 commented 1 year ago

@AirboZH 好嘞,我稍后测试下,先这么用也没问题,您可以把这个问题在主题说明中列出,肯定会有人用到. 后期我也在halo官方跟进下这个问题,个人感觉这个功能halo迟早要有.

还有就是目录的那个工具,我看是看懂了,我要是自己修改的话能改吗?改了能调用吗?

AirboZH commented 1 year ago

好的,谢谢。回头我更新一下文档。

目录工具代码更改后需要编译,才可以使用。可能需要对应开发环境。

Camellia-2 commented 1 year ago

@AirboZH 客气啦,要谢谢你才对,我空闲下来研究下,目前看我要是完美搬家可能不现实了😂