FarseaSH / hugo-theme-moments

A Hugo theme designed for micro-blogging. 专为动态发布设计的Hugo主题
MIT License
132 stars 16 forks source link

头像无法使用其他图片 #25

Open hezhengyue opened 3 months ago

hezhengyue commented 3 months ago

toml配置如下 avatar = "/img/astronaut.png" cover = "/img/road.jpg"

文件存放路径如下 /themes/moments/static/img/astronaut.png /themes/moments/static/img/road.jpg

cover能正常加载使用 avatar 无法加载,只能使用默认的头像default-avatar.png

更新git之前是正常的

hezhengyue commented 3 months ago

第二个问题 如果是第二页,图片无法加载 请求网址:http://localhost:1313/2/1/IMG_1.jpg 请求方法:GET 状态代码:404 Not Found 远程地址:127.0.0.1:1313

FarseaSH commented 3 months ago

之前版本的文件读取方式会出现路径不正确的bug,就像2楼一样,我上一个commit修复了这个bug。

你可以将自定义图片放在 hugo 目录 assets 文件夹下(主题目录下的assets文件也是可以的),如 ./assets/img/astronaut.png./assets/img/road.jpg。 toml 配置不用修改,在最新版本的moments主题下应该就能正确显示背景和头像了。

hezhengyue commented 3 months ago

image 这个是第二页,无法显示图片,我是直接拉取的https://github.com/FarseaSH/hugo-theme-moments.git

hezhengyue commented 3 months ago

image image image 图片链接如果是http://localhost:1313/20210613/IMG_20210612_085822.jpg能正常访问 http://localhost:1313/2/20210613/IMG_20210612_085822.jpg无法显示

FarseaSH commented 3 months ago

这个应该是一个bug,现在阶段moment里面图像只能引用完整的url路径,我最近会去修复这个bug。

我麻烦再确认一下,你这些图片资源是放在哪个目录下,assets 么?

hezhengyue commented 3 months ago

这些图片是放在content文件夹中 image

FarseaSH commented 3 months ago

hello,图片集引用站点内图片,url潜在错误的bug我修复好了,想更新的话拉dev分支的最新commit就好了。

不过,按照现在的代码逻辑,图片需要放置在全局资源文件目录 assets

如果图片资源放置在content目录下,被引用需要将md文件设置为page bundle的index.md,并且图片放置在同一个page bundle下,具体可以参考 https://gohugo.io/content-management/page-bundles/ 。这样做一是会导致content下内容md文件的结构比较混乱,二是会导致一些潜在逻辑混乱的问题,影响最后页面效果,所以我并没有选择支持

hezhengyue commented 3 months ago

不好意思,我这边测试还是没有成功。 下面两张截图是不正常的。 image image 这两张是正常的。 image image

FarseaSH commented 3 months ago

图片需要放在 assets 目录下

hezhengyue commented 3 months ago

所有图片直接放在assets目录下正常了 但是我如果放在assets/20210613目录下就不正常 我想对每个md进行分类,不然所有图片都在同一个assets下,不好处理。 image

FarseaSH commented 3 months ago

理论上你这样应该可以正常显示,这个看起来又有bug,我晚上修复一下

hezhengyue commented 3 months ago

我遇到过第三个问题

在加载页面时,引用https://vjs.zencdn.net/8.6.1/video.min.js文件,会占用大量的加载时间 1.希望加一个异步加载,把一些加载时间非常长的js和css,图片都修改,至少先把js和css修改一下。 2.js和css也可以下载到本地后,在放在static目录下,不引用外部链接https://vjs.zencdn.net/8.6.1/video.min.js。也能减少大量时间。 image

FarseaSH commented 3 months ago

我刚才尝试了一下,图片放置于assets子目录下也是能正常显示的。

如果方便你可以私信/邮件我你的联系方式,我帮你看一下具体问题。

关于加载时间长的问题,后续我会研究一下怎么进行优化的。

hezhengyue commented 3 months ago

我在家测试成功了,非常感谢。

hezhengyue commented 2 months ago

还是第二页图片问题 我新增内容后,原本正第一页的内容,放在第二页后图片就无法正常显示 也可以直接访问网站hezhengyue.com,查看第二页。

FarseaSH commented 2 months ago

拉一下最新的dev分支commit,我刚才修复了这个bug

NanJingAndMe commented 2 months ago

太喜欢这个themes了。但是我遇到了点问题。两位大佬,我的图片放在了assets的img目录下, config.toml文件中配置了,页面依然加载不出来。看似跟 @hezhengyue 之前遇到的问题一致。两位方便加个微信吗?我的hjyfa03,请教一下,非常感谢。 @FarseaSH @hezhengyue 1 2 3

FarseaSH commented 2 months ago

这看上去是css样式文件没有成功加载,我微信发你好友请求了,可以帮忙给你看一下。 @NanJingAndMe