首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Hexo使用more标签后图片无法加载

关于Hexo 使用后图片无法加载 问题 我在写文章时需要用到图片,所以在socourse目录下新建了一个img目录来存放我日后文章所需用到的图片,插入图片用的是!...– more –>标签后,在打开文章会出现图片全部无法正常显示。...如下图: 解决办法 在想了一晚上后,我通过复制打开不能正常显示的图片的链接地址,并打开链接,发现图片加载的地址与我设置的相对路径地址不符,其加载的图片地址是在public/2021/12/10/**...– more –>标签的问题上,因为添加该标签会重新打开一个页面来显示完整文章内容,就因为这个操作更改了文章与图片目录之间的相对位置,导致加载图片失败。

1.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Hexo异步加载方案

    (如果异步脚本很短,或者是从HTTP缓存中加载的) 换句话说,async脚本会在后台加载,并在加载就绪时运行。...不加任何async和defer的情况,页面总加载时间最长,是 HTML加载时间+下载脚本时间+执行脚本时间 加了async和defer的时间,在加载HTML时间足够长的情况下,所有静态资源总的加载时间都是...HTML加载时间+执行脚本时间 适用内容 然后,必须考虑到页面加载时间和脚本加载顺序,以及各个脚本直接存在的依赖关系。...推测是由于部分HTML元素需要由js动态写入,抑或部分整合在各个pug中的script片段无法添加defer导致。...index.styl代码,使用@import逐行引入: 这样一来,每个魔改方案的CSS依然可以在独立的CSS文件中找到并修改(如果是手动添加整合的话,只能用注释分割,显然很不利于后续查找修改),而在每次提交时,运行hexo

    1.7K20

    Hexo 优化 --- lazyload 图片懒加载

    前言 Hexo 博客虽然功能很强大,但也越来越繁重了,访问速度上有了一些问题,这里我也考虑了许多,例如加 cdn,将国外的资源引用改为国内镜像等方式。...经过一番寻找之后,找到一个方案,就是懒加载,通俗点讲就是当你翻到图片的时候再加载那张图片,而不是以下将本页面的所有图片都加载完。 配置 配置过程也很简单,就是一个 npm 模块。...在你的 Hexo 目录下,执行以下命令: 1 npm install hexo-lazyload --save 然后在你的 Hexo 目录的配置文件 _config.yml 中添加配置: lazyload.../images/loading.png loadingImg - 图片未加载时的代替图 默认路径: ‘/js/lazyload-plugin/loading.svg’ 如果需要自定义,添填入 loading...className - 需要延迟加载的图片 class 选择器 默认会延迟加载文章中的所有图片。 如果不为空,请填入需要延迟加载的图片 class 选择器 效果展示 ?

    3.5K30

    在 CSS 中,怎样有效地优化样式表的加载性能,减少页面加载时间?

    有几种方法可以有效地优化CSS样式表的加载性能,从而减少页面加载时间: 最小化样式表:移除不必要的代码和注释,并将多个样式合并为一个文件,以减少样式表的大小。...延迟样式加载:将非关键的样式移动到页面底部,或使用异步加载方式加载,以确保页面的主要内容优先加载。 使用缓存:使用适当的缓存策略,如HTTP缓存头来缓存样式表,以减少网络请求和响应时间。...压缩和合并样式表:使用工具压缩和合并多个样式表文件,以减少文件大小和网络请求的数量。 使用媒体查询:只加载适用于特定设备或屏幕尺寸的样式表,以避免不必要的样式加载。...通过采取这些优化措施,可以显著提高CSS样式表的加载性能,减少页面加载时间。

    7010

    为hexo增加gitalk评论系统

    ​ 所有操作再hexo next主题的基础上完成 准备工作: 新建一个github仓库,使用issues作为评论容器 注册gitalk,获取id,secret 给页面增加gitalk元素及引入gitalk...样式表及js文件 开始: 先新建一个仓库,名为blogtalk,默认开启了issues功能,不用再设置 创建一个 OAuth Apps,进入github的个人设置页面 ?...为了加速css及js文件的加速并且防止cdn链接出现问题而导致评论无法使用的情况,将cdn的css,js文件下载到本地使用 # Gitalk # gitalk_js: //cdn.jsdelivr.net...修改布局文件中的gitalk,修改资源的加载路径 ? 最后一步,修改配置文件 ?...hexo clean && clean g && clean s //重新生成静态文件即可看到效果 //或者 git push到github仓库使用上篇的自动部署

    88731
    领券