Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

图片相关功能导致的排版以及连接无法点击的问题 #324

Open
2 tasks done
ted423 opened this issue Nov 26, 2021 · 7 comments
Open
2 tasks done

图片相关功能导致的排版以及连接无法点击的问题 #324

ted423 opened this issue Nov 26, 2021 · 7 comments

Comments

@ted423
Copy link

ted423 commented Nov 26, 2021

「描述遇到的问题」或「发现的 bug」(Describe the problem or bug you encounter)
https://ted423.github.io/Document/cutree/
你是否已经阅读过以下内容,并确认你的行为是正确的,在 [ ] 中填入 x 选中(Ensure that you had consulted followings and confirm the validity of your operation, fill x in [ ] to select)

如何复现(To Reproduce)
https://shoot.photo/
部分图床有提供各种功能,例如缩略图点击出大图。这种从流量以及排版上都是有优势的。
而在本主题渲染中强制进行了换行,并且没法点击打开大图

CgzPH.th.png Cg7Bk.th.png CgYSD.th.png
存在问题或 bug 的已部署上线的页面地址(A deployed page link that with bug or problem)
https://ted423.github.io/Document/cutree/
如果可能是与 markdown 内容相关的问题或 bug,请粘贴对应的 markdown 内容(If the problem or bug that may be related to markdown, paste it here)
[![CgzPH.th.png](https://shoot.photo/images/2021/11/26/CgzPH.th.png)](https://shoot.photo/image/CgzPH) [![Cg7Bk.th.png](https://shoot.photo/images/2021/11/26/Cg7Bk.th.png)](https://shoot.photo/image/Cg7Bk) [![CgYSD.th.png](https://shoot.photo/images/2021/11/26/CgYSD.th.png)](https://shoot.photo/image/CgYSD)
打开控制台,填写控制台中打印的主题的版本,如果脚本出错可直接提供控制台截图(Open the console and report the version of hexo-theme-archer. You can paste the screenshot on console directly if there is error with script)

信息 (please complete the following information):

  • 操作系统(OS): [e.g. iOS]
  • 浏览器(Browser) [e.g. chrome, safari]
  • 浏览器版本(Version)[e.g. 22][可选]

其他信息(Additional context)

@ted423
Copy link
Author

ted423 commented Nov 26, 2021

先close掉,我试试html缩略图行不行

@ted423 ted423 closed this as completed Nov 26, 2021
@ted423 ted423 reopened this Nov 26, 2021
@ted423
Copy link
Author

ted423 commented Nov 26, 2021

试了一下 html的也受影响

@ted423 ted423 changed the title 图片相关功能导致的排版问题 图片相关功能导致的排版以及连接无法点击的问题 Nov 26, 2021
@ted423
Copy link
Author

ted423 commented Nov 26, 2021

排版的话还好解决,但是连接点击还是希望能使用
或者当图片实际大小过小的时候,就可以不使用点击放大的功能

@LolipopJ
Copy link
Collaborator

我想问题应该出在静态网页本身,当您编写 Markdown 文档时,使用了缩略小图的链接,那么渲染时就会获取该缩略小图。为了获取比例正常的图像,应当使用大图的真实链接。

一般来说,缩略小图是上传图像文件后,在其服务器后台自动生成的文件,与此图像文件同属于静态资源,因此无法通过小图链接直接获取大图。

image

@LolipopJ
Copy link
Collaborator

当图片实际大小过小的时候,就可以不使用点击放大的功能

Fancybox 目的在于方便获取文章中的图片资源并浏览,在默认情况下会读取文章中的所有图片。我想不应当根据图片本身的素质配置 Fancybox 的功能。

@ted423
Copy link
Author

ted423 commented Nov 26, 2021

我想问题应该出在静态网页本身,当您编写 Markdown 文档时,使用了缩略小图的链接,那么渲染时就会获取该缩略小图。为了获取比例正常的图像,应当使用大图的真实链接。

一般来说,缩略小图是上传图像文件后,在其服务器后台自动生成的文件,与此图像文件同属于静态资源,因此无法通过小图链接直接获取大图。

image
使用缩略图是功能需求,希望能排成一排
这些图片一个2MB,放多的话加载应该就要很久

@ted423
Copy link
Author

ted423 commented Nov 26, 2021

我先试着把main.js里的fancybox()注释掉了,然后看看能不能有需要的博客再开启

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants