online-judge-tools / verification-helper

a testing framework for snippet libraries used in competitive programming
MIT License
207 stars 53 forks source link

ドキュメントページにBundleボタンが出現せず、コードが2つ縦に並ぶ #413

Closed Nafmo2 closed 11 months ago

Nafmo2 commented 11 months ago

Summary / 概要

github pagesのドキュメントページにBundleボタンが出現せず、コードが2つ縦に並ぶという状況に陥りました。

Steps to reproduce / 再現方法

  1. インストールマニュアルの手順を一通り行う( https://online-judge-tools.github.io/verification-helper/installer.ja.html)
  2. Github ActionsでPushできるようにWorkflow permissionsを変更する
  3. example.test.cpp のコードが2つ並んでいた

インストールマニュアルだけを行った別リポジトリでも同じ現象に遭遇したので、インストールマニュアルの手順だけで再現可能であるはずです。

environments:

Expected behavior / 期待される挙動

bundleボタンが表示され、ライブラリ展開前と展開後のコードが切り替わるようになるという挙動が想定される挙動です。

他の人のページのソースコードを見てみると、展開前と展開後のどちらかのhighlightタグにはdisplay noneがついていて、CopyとBundleのボタンのタグが埋め込まれている。 image

Actual behavior / 実際の挙動

bundleボタンが表示されず、ライブラリ展開前と展開後のコードが2つ縦に並ぶという挙動になっています。

実際のドキュメントページ

また、highlightタグにはdisplay noneのstyleはついておらず、ボタンのタグも埋め込まれていないようです。 image

Other notes / その他

別の新規リポジトリでも同じことが起こりました。僕の環境だけ発生するものであれば申し訳ないのですが、確認していただけると幸いです。

よろしくお願いいたします。

kzrnm commented 11 months ago

@Nafmo2 https 環境(例: https://nafmo.dev/library/example.test.cpp) から http の http://nafmo.dev/library/assets/js/copy-button.js を読み込もうとして読み込めてないのが原因のようです。

ただ、このリポジトリは現在メンテナンスされてない状況ですので、修正は見込めないかと思います。

このリポジトリをもとにした私のライブラリで良ければきちんと動作するかと思います。

https://competitive-verifier.github.io/competitive-verifier/installer.ja.html

fork しての動作確認

出力されるページ https://competitive-verifier.github.io/zzz_Nafmo2_library/

適用した際の差分 https://github.com/competitive-verifier/zzz_Nafmo2_library/compare/83b683043f61e2d7c7d26cd97726a3e3bd5c5995...main

Nafmo2 commented 11 months ago

@kzrnm ご指摘ありがとうございます。自分のページのソースを読んだ際に、たしかにhttpから読んでいるのを確認できました。

ただ、インストールマニュアルにある一例のbeetさんのページはhttps環境であり、かつ https://beet-aizu.github.io/library/assets/js/copy-button.js を読み込むような設定になっております。

そのため、なんらかの方法でhttpsも読める...とは思っているのですが、どこが違うのかわかっていないと言う感じですね。
ひとまず原因の特定とForkしての動作確認までありがとうございました。助かりました。

Nafmo2 commented 11 months ago

原因

jekyllの仕様により発生する問題であった。jekyllのリポジトリのIssueにある解決策により解決することができた。そのため本件をCloseとします。

解決策

.verify-helper/docs/_config.yml に以下を追記する。

参考:https://github.com/Nafmo2/library/commit/974a4a87b99ce0ea5072efa360860557bfabb03b

※リポジトリ名などは含まないように注意