huxpro.github.io icon indicating copy to clipboard operation
huxpro.github.io copied to clipboard

header-img 可以用其他方式加载吗?

Open Asingers opened this issue 8 years ago • 17 comments

比如: header-img: /img/example.jpg 我发现当我放一些稍大,质量高一点的图,加载速度会有点慢,所以不知道能不能直接丢个云存储空间的图片链接进去 比如: header-img: "http://abc.com/example.jpg" 我该怎么做呢?

Asingers avatar Feb 01 '16 05:02 Asingers

目测是可以甩链接的~ 我觉得这个跟在文章中引用图片一样的原理 ,我测试过的有 '又拍网' ,加载速度还可以。

From 邮箱大师。

BruceZhaoR avatar Feb 01 '16 05:02 BruceZhaoR

测试过简单加外链不行,同求解决

tshu-w avatar Feb 02 '16 01:02 tshu-w

@voleking 嗯,如果丢链接进去感觉应该还要改其他地方. 不懂html css 改起来挺不顺畅的 :( 我试着改了,没有加载成功.

Asingers avatar Feb 02 '16 01:02 Asingers

@Asingers 我也不太会:(

tshu-w avatar Feb 02 '16 02:02 tshu-w

@BruceZhaoR 我想知道你是怎么改的head image 博文配置前加的么 header-img: "http://abc.com/example.jpg" 确实不行, 该怎么甩链接。 博文中我用简单的html加外链,没有问题。

tshu-w avatar Feb 02 '16 02:02 tshu-w

@BruceZhaoR @voleking

这是 @huxpro 文章头图的加载,注意到箭头所指的地方,直接链接是不对的,但是去掉 / 和 ' ' 是可以加载,但是图的大小不受控制,不好看了...

This is how the @huxpro article header map loading, note that the arrow points to the place where the direct link is not right, but remove / and '' is to be loaded, but the size of the figure is not under control, not good-looking...

Asingers avatar Feb 02 '16 02:02 Asingers

@BruceZhaoR thanks,可以了 : )

Asingers avatar Feb 02 '16 02:02 Asingers

@BruceZhaoR Thanks a lot,It works well know;)

tshu-w avatar Feb 02 '16 02:02 tshu-w

:smiley:

BruceZhaoR avatar Feb 02 '16 03:02 BruceZhaoR

确实是的,按上面改了header.intro-header{中的css,外链成功了,用的是七牛

awei4home avatar Feb 26 '16 09:02 awei4home

不是很懂,有没有大神指教一下

77QingLiu avatar Apr 19 '18 12:04 77QingLiu

@awei4home , header.intro-header这个CSS在哪个文件里面?

77QingLiu avatar Apr 20 '18 00:04 77QingLiu

我并没有看到有什么具体的解决方法呀?是删掉了吗

hacker-jerry avatar Nov 02 '19 09:11 hacker-jerry

@BruceZhaoR 您好,请问请问您是怎么解决heade-image外链问题的? 看了issue40,看提示,修改了/includes/intro-header.html中的header.intro-header{中的background-image: ubrl(,但是在博文中添加如下,header-img: "https://gitee.com/wqh133/blog_img/raw/master/HD_1.jpg"(去掉“”尝试也未成功) 本地服务器运行之后,博文进去后并没有成功加载背景图,请问还需要做什么修改呢?

wq133 avatar May 12 '21 09:05 wq133

已解决。代码未动,直接链接即可,用的是gitee的图床,需要压缩一下图片,1m以下即可,安利一个网站,https://docsmall.com/image-compress 压缩后,图片质量,几乎没差。

wq133 avatar May 14 '21 03:05 wq133

使用阿里云oss图床 1、首先需要在阿里云控制台中将所使用图片的HTTP头改为jpegpng,否则链接会直接下载文件,无法直接引用。 2、复制链接格式为:https://xxx-oss.oss-cn-xxxx.aliyuncs.com/xxx/xxx.jpg,则在头部说明的格式为:header-image: /xxx-oss.oss-cn-xxxx.aliyuncs.com/xxx/xxx.jpg,无需引号和https前缀。

CLOUDUH avatar Sep 09 '22 16:09 CLOUDUH

所以说到底是需要怎样修改呢? 我想用一下我自己的Gitee 图床需要进行怎样的配置呢?

Thesoul20 avatar Jan 15 '24 08:01 Thesoul20