Coder Social home page Coder Social logo

halo-theme-xue's Issues

图片加载进度

image

服务器宽带较小时,对于一次加载较多图片压力很大,能否来一个loading框加载图片,例如黑果小兵的loading加载框。

黑果小兵
image

頁面存在橫向滾動條

問題

頁面存在橫向滾動條。

可能原因

頭部包含背景圖片的 divclass 中設置了 w-screen

访问人数以及浏览量不显示

<#if settings.TimeStatistics??>



运行



</#if>
<#if settings.visit_statistics!false>


感谢位小伙伴的
次访问


</#if>
运行时间是ok的 但是访问就是不出来

随机图片增强

  1. 这里随机图片的时候需要选择后缀,实际使用的时候可能会有各种图片类型,是否可以增加选项支持三种图片后缀
  2. 随机图片数量可以默认为 thumbnail 目录下的图片数量
  3. 目前如果选择的是 jpg,而图片后缀为 JPG 也显示不出来,可以考虑兼容大小写模糊处理

image

关于悬浮显示简介的建议

个人希望的样式是鼠标放在图片上时,图片模糊化,简介显示在居中的位置。大佬如果有兴趣的话,可以试一下。

代码展示增强

  1. 建议增加这种代码展示风格,也很简洁大方

image

  1. 代码高亮风格建议增加 AndroidStudio 风格,上图就是这个风格的代码展示,经常用 idea 的同学应该很熟悉这个配色

以上方案来自 https://github.com/LIlGG/halo-theme-sakura 这个主题,大佬可以考虑体验一下看一下效果

markdown 渲染 bug

1. xxx
2. xxx
3. xxx

上面这样的有序列表会被渲染成无序列表即下面这样

- xxx
- xxx
- xxx

建议增加自动开启夜间模式功能

这个主题功能非常完善,而且更新频率也很高。

十分感谢

目前看到夜间模式
建议在主题设置内增加自动开启夜间模式选项

例如定时开启:晚上七点到 第二天 6点自动开启夜间模式

或者自动开启:跟随系统的夜间模式设定,Saferi 或者 Chrome 浏览器目前是有属性的

可以使用 js 调用,获取得知手机用户当前是否处于夜间模式下


微信截图_20200907114942


很抱歉我并非web开发,无法验证这种 js 代码获取的方式是否可行,仅供参考

Markdown语法问题

大佬~还是markdown的问题,我在halo后台写的文章,语法使文字变红色是可实现的,但是发布后文章中没有相应变红,辛苦大佬帮忙看看,感谢!

  1. Markdown为:
    image
  2. Halo后台表现为:
    image
  3. 发布后主题中显示为:
    image

相应文章链接见: https://www.haoxi.info/archives/typora%E5%92%8Cblogmd

再次感谢大佬!🙆🏻‍♂️

文章页头像丢失

image
文章页面这个头像是在后台设置的吗? 我设置的在其他主题是正常的
站点:duckflew.cn

关于标签云显示方式和社交网络页面提示的建议

1、标签云显示方式:一般来说,标签是比较多的,所以横向显示(一行显示若干个标签,而不是现在的一行显示一个标签)是不是更合适一点,并且title属性提示每个标签下的文章数量。
2、社交网络:title属性提示后台设置的值,比如QQ,提示的是QQ号。并且GitHub的href属性直接写成https://github.com/${setting},${setting}是指后台设置的GitHub用户昵称。同样的,title属性提示的是用户昵称。
以上
这些都是个人建议,大佬觉得有必要的话可以采纳一下,大佬万安。

任务列表渲染问题

问题描述

使用markdown语法 - [ ] 编写任务列表,但在该主题中实际渲染成了无序列表

halo编辑器中渲染的效果

image

Xue主题实际渲染的效果

image

预期结果

在文章页面正常的渲染出任务列表

Markdown主题问题

大佬好~从寒山主题跟随到这哈哈,请教大佬,我在雪主题中将用typora的vue主题编写的markdown文件上传后,在主题中文章显示造成一些高亮部分不显示,还有代码的颜色变得浅的问题,问仙哥说应该是主题问题,想请教大佬可以怎样改进,感谢!

markdown 表格渲染问题

在halo后台中的markdown编辑器:

表格:
|表头|第二列|第三列|
|-|-|-|
|第二行|第二列|第三列|
|第三行|第二列|第三列|

对齐表格:
|该列左对齐|第二列|该列右对齐|
|:-|:-:|-:|
|第二行|第二列|第三列|
|第三行|第二列|第三列|

在halo预览中的效果:
image

在雪主题的博客中的效果:
image

搜索页面 BUG

搜索页面没有下一页,搜索页面默认只展示了 5 条数据,实际数据多余五条,建议增加下拉 ajax,下拉时自动加载下一页

迁移到这个主题报错

系统版本

版本:1.4.0-beta.2
数据库:H2 1.4.196 (2017-06-10)
运行模式:production
User Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36

主题版本

1.1.5

报错信息

image

搜索框输入聚焦

在点击搜索按钮后希望能直接让输入聚焦在搜索框上而无需再次点击搜索框进行输入聚焦

目录增强

  1. 当侧边栏直接出现目录的时候建议添加自动展开二级目录的功能
  2. 二级目录目前没有缩进,看起来不明显

image

归档页分页问题

最新版将归档页改为了分页,这里能不能加个配置项,让用户选择归档页是否分页,搜索页同理。

随机图问题

1:首页第一篇文章不会自动使用随机图
image

2:文章页头部不显示相应的随机图
image

PS:哈哈哈哈哈,大佬,我一天老提问题,你是不是很绝望

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.