修改 Beautiful Hugo Banner 头图


博客迁移 Hugo 也有一年多了,最近对 Beautiful Hugo 用的头图 Sphere 产生了审美疲劳,感觉它太过朴素,于是萌生了更换头图的念头。

/img/sphere.jpg
旧版头图

那换什么图片好点呢?

经过几秒钟的思考,我打算换一张太空的图片,让人有种浩瀚神秘之感,同时与我博客名字也契合。打定主意之后,我就打开 Unsplash 网站,花了几分钟时间选定其中的一张。但是 Unsplash 的图片像素一般都比较高,文件比较大,如果直接用的话,它会导致博客页面加载比较慢。

为了不影响网站性能,我就用 GIMP 对原始图片进行了裁剪(查看之前的图片,可以看到它的尺寸是 1920x500 ),并把它取名叫做 space.jpg ,导出保存到博客的 /static/img/ 目录中。

最后再修改下配置 config.toml ,让它使用最新的图片文件即可:

[[Params.bigimg]]
  src = "/img/space.jpg"
  # desc = "Space"            # 展示在图片右下角的文字,不喜欢
/img/space.jpg
新版头图

Credit: Photo by Jeremy Thomas on Unsplash.

Hugo 

也可以看看

comments powered by Disqus