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

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

Open
Asingers opened this issue Feb 1, 2016 · 17 comments
Open

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

Asingers opened this issue Feb 1, 2016 · 17 comments

Comments

@Asingers
Copy link

Asingers commented Feb 1, 2016

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

@BruceZhaoR
Copy link
Contributor

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

From 邮箱大师。

@tshu-w
Copy link
Contributor

tshu-w commented Feb 2, 2016

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

@Asingers
Copy link
Author

Asingers commented Feb 2, 2016

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

@tshu-w
Copy link
Contributor

tshu-w commented Feb 2, 2016

@Asingers 我也不太会:(

@tshu-w
Copy link
Contributor

tshu-w commented Feb 2, 2016

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

@Asingers
Copy link
Author

Asingers commented Feb 2, 2016

@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
Copy link
Author

Asingers commented Feb 2, 2016

@BruceZhaoR thanks,可以了 : )

@tshu-w
Copy link
Contributor

tshu-w commented Feb 2, 2016

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

@BruceZhaoR
Copy link
Contributor

😃

Huxpro added a commit that referenced this issue Feb 2, 2016
@awei4home
Copy link

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

@77QingLiu
Copy link

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

@77QingLiu
Copy link

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

@hacker-jerry
Copy link

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

@wq133
Copy link

wq133 commented May 12, 2021

@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
Copy link

wq133 commented May 14, 2021

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

@CLOUDUH
Copy link

CLOUDUH commented Sep 9, 2022

使用阿里云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前缀。

@Thesoul20
Copy link

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

WatsonYang1999 pushed a commit to WatsonYang1999/huxpro.github.io that referenced this issue Jan 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

10 participants