zhonger / jekyll-theme-H2O-ac

🎉 A Jekyll theme for researchers and maintainers based on H2O theme.
https://h2o-ac.lisz.me
MIT License
39 stars 24 forks source link

blog页面貌似有bug #13

Closed Kronlal closed 8 months ago

Kronlal commented 11 months ago

只会显示置顶的文章,无法显示其余文章,且无分页功能。 就像我搭建的这个一样: https://kronlal.github.io/blog/index.html

zhonger commented 11 months ago

@Kronlal 现在你指向的网页无法访问,是否有截图可以展示一下?

zhonger commented 11 months ago

不知道你指的是不是 Kronlal/Kronlal.github.ioo 项目,我下载了你修改后的代码,并在本地分别尝试了 _config.yml_config_production.yml 两种配置,blog 页面运行效果及配置中相关代码部分如下所示:

_config.yml

pagination:
  enabled: true
  per_page: 10

image

_config_production.yml

pagination:
  enabled: true
  per_page: 1

image

看起来似乎正常。 一般来说,推荐每页 5~10 篇文章最佳(即 per_page 为 5~10)。

Kronlal commented 10 months ago

我重新搭了一下,还是这个页面,https://kronlal.github.io/blog/index.html,这个里面显示有bug。截图如下:

image
Kronlal commented 10 months ago

那天我尝试了若干次,都有这个bug,不过后来用你仓库里提供的Netlify一键部署搭建好了可以正常运行的博客,不得不说,页面非常漂亮👍

zhonger commented 10 months ago

我重新搭了一下,还是这个页面,https://kronlal.github.io/blog/index.html,这个里面显示有bug。截图如下image

这个bug的确有点奇怪。 截图中展示的问题看起来像是生成页面的时候没有把文章信息准确填进去。 我下载了你的代码在本地运行没有这个问题,但是有警告如下: image 这主要是因为默认文章页面的URL是根据文件名(除年月日以外的字符串)生成的。 建议修改日期之外的同时也修改文件名比较好。

那天我尝试了若干次,都有这个bug,不过后来用你仓库里提供的Netlify一键部署搭建好了可以正常运行的博客,不得不说,页面非常漂亮👍

首先感谢你的认可。 如果 Netlify 一键部署可以成功的话,我猜测这个bug产生的原因就是上述的不同日期但同名文件对 /blog/index.html 页面生成造成的影响(一键部署代码里没有这个文件的问题)。当然也有可能是 Github Action 的配置问题(的确好久没更新过这个 workflow 配置了)。

补充一句,如果只是想用 H2O-ac 主题,个人还是比较推荐使用一键部署 zhonger/easy-to-H2O-ac。起码有两点优势:

欢迎后续发现其他 bug 继续提 issue。

gbcpp commented 10 months ago

我重新搭了一下,还是这个页面,https://kronlal.github.io/blog/index.html,这个里面显示有bug。截图如下: image

这个bug的确有点奇怪。 截图中展示的问题看起来像是生成页面的时候没有把文章信息准确填进去。 我下载了你的代码在本地运行没有这个问题,但是有警告如下: image 这主要是因为默认文章页面的URL是根据文件名(除年月日以外的字符串)生成的。 建议修改日期之外的同时也修改文件名比较好。

那天我尝试了若干次,都有这个bug,不过后来用你仓库里提供的Netlify一键部署搭建好了可以正常运行的博客,不得不说,页面非常漂亮👍

首先感谢你的认可。 如果 Netlify 一键部署可以成功的话,我猜测这个bug产生的原因就是上述的不同日期但同名文件对 /blog/index.html 页面生成造成的影响(一键部署代码里没有这个文件的问题)。当然也有可能是 Github Action 的配置问题(的确好久没更新过这个 workflow 配置了)。

补充一句,如果只是想用 H2O-ac 主题,个人还是比较推荐使用一键部署 zhonger/easy-to-H2O-ac。起码有两点优势:

  • 无须关心主题代码、只关注和维护内容;
  • 可以在主题有更新时自动更新(下一次内容修改推送后编译部署时)。

欢迎后续发现其他 bug 继续提 issue。

我也遇到了,本地运行是没有这个问题的,但是一旦部署到 github 就有这个问题了。

zhonger commented 10 months ago

@gbcpp 这么听起来像是 Github Action 配置的问题。 不过我查看了一下本项目以及 gbcpp/gbcpp.github.io 的 Action 构建记录,没有看到构建失败的日志。 确实有点迷🤔

gbcpp commented 10 months ago

@gbcpp 这么听起来像是 Github Action 配置的问题。 不过我查看了一下本项目以及 gbcpp/gbcpp.github.io 的 Action 构建记录,没有看到构建失败的日志。 确实有点迷🤔

@zhonger 我验证了下你的 release 记录,确认是从 tag:v1.1.7 开始出现这个问题的,我不懂前端,但是看到是从这个版本开始升级 paginate v2 的,不确定是否因为这个导致的

EdisonLai commented 10 months ago

同样有这个问题,我的是自己新增的post显示不出来在blog页面。但是从logs里能进入。在本地测试时,将pin: false不写就可以显示。但上传到github后,个人主页无法正常显示出来post。同时action有告警。页面:https://edisonlai.github.io/blog/index.html

Bundler can't satisfy your Gemfile's dependencies. Install missing gems with bundle install. Warning: github-pages can't satisfy your Gemfile's dependencies.

zhonger commented 10 months ago

@EdisonLai 感谢反馈。

Warning: github-pages can't satisfy your Gemfile's dependencies. 这个告警应该是正常的,默认的 build action 不包含所需依赖。

目前猜测是 blog 页面生成的代码和 Github Action 所用环境之间的 bug, 我正在根据大家的反馈对 Github Action 构建做进一步测试以期找到原因。

zhonger commented 10 months ago

经测试发现,在本地使用 jekyll-paginate (v1) 进行构建时,会出现诸位遇到的 blog 页面问题。

而 Github Pages 给出来的依赖库兼容列表中只兼容 jekyll-paginate (v1)。

image

即使在 Gemfile_config.yml_config_production.yml 文件中声明了使用 jekyll-paginate-v2,在 Github Pages 也无法正常使用。

image

依赖库 sverrirs/jekyll-paginate-v2 声明也说明这一点,并推荐使用其他 CI 进行构建后再将生成文件推到 gh-pages 分支。

image

由于本模板目前不打算回退版本进行支持, 推荐诸位尝试使用 NetlifyVercelCloudflare pages 和本模板进行部署。 部署起来也非常简单,在对应平台添加 fork 后的代码库即可。

如果实在想要在 Github Pages 部署,可以参考 Buddy | Github Integration

EdisonLai commented 10 months ago

经测试发现,在本地使用 jekyll-paginate (v1) 进行构建时,会出现诸位遇到的 blog 页面问题。

而 Github Pages 给出来的依赖库兼容列表中只兼容 jekyll-paginate (v1)。

image

即使在 Gemfile_config.yml_config_production.yml 文件中声明了使用 jekyll-paginate-v2,在 Github Pages 也无法正常使用。

image

依赖库 sverrirs/jekyll-paginate-v2 声明也说明这一点,并推荐使用其他 CI 进行构建后再将生成文件推到 gh-pages 分支。

image

由于本模板目前不打算回退版本进行支持, 推荐诸位尝试使用 NetlifyVercelCloudflare pages 和本模板进行部署。 部署起来也非常简单,在对应平台添加 fork 后的代码库即可。

如果实在想要在 Github Pages 部署,可以参考 Buddy | Github Integration

感谢,已经在cloudflare部署成功了

zhonger commented 10 months ago

由于已经找到造成问题的原因,现将本 issue 关闭。 如有其他类似相关问题,欢迎 reopen 本 issue。

zhonger commented 10 months ago

欢迎查看 https://github.com/zhonger/easy-to-H2O-ac/issues/1 了解最新进展。

如下图所示,在项目的 Pages 里配置 source 为 Github Action 即可正常部署在 Github Pages。 image