fi3ework / hexo-theme-archer

🎯 A smart and modern theme for Hexo.
https://fi3ework.github.io/hexo-theme-archer
MIT License
1.49k stars 274 forks source link

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

Open ted423 opened 2 years ago

ted423 commented 2 years ago

「描述遇到的问题」或「发现的 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):

其他信息(Additional context)

ted423 commented 2 years ago

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

ted423 commented 2 years ago

试了一下 html的也受影响

ted423 commented 2 years ago

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

LolipopJ commented 2 years ago

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

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

image

LolipopJ commented 2 years ago

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

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

ted423 commented 2 years ago

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

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

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

ted423 commented 2 years ago

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