javascript скретчблоки квадратное пространство

Я хотел бы использовать Scratchblocks (инструмент для рендеринга визуальных блоков кода Scratch из текстового списка, на GitHub ) на моем сайте Squarespace. Проблема, которую я получаю, заключается в том, что скретчблоки никогда не отображаются при первой загрузке, а только после обновления.

Это в заголовке (устанавливается в заголовке для этого конкретного блога):

<script src="https://scratchblocks.github.io/js/scratchblocks-v3.1-min.js""></script>

Тогда я думаю, что мне нужно вызвать эту функцию в конце страницы - я поместил ее в нижний колонтитул:

scratchblocks.renderMatching('pre.blocks');

ПРИМЕЧАНИЕ. Когда я просматриваю исходный код, я как бы дважды вижу этот JavaScript в конце страницы. Не уверен, что там происходит.

Вот пример этого на моем веб-сайте, где он отображает скретчблоки только после обновления. [ОБНОВЛЕНИЕ — после исправления, приведенного ниже, теперь это отображается с первого раза, насколько я могу судить.] [http://www.glennbroadway.com/coding-zone/2017/4/6/simple-collisions-in-scratch]2

Вот пример того, как кто-то другой использует его, и он работает правильно. Я проверил источник и не могу понять, как они это делают. https://codeclubprojects.org/en-GB/scratch/memory/

Я также пробовал все различные методы, перечисленные в другом месте в stackoverflow, для загрузки javascript только после завершения HTML. Я не могу заставить ни один из них работать, но я думаю, что проблема как-то связана с Squarespace, у меня просто нет знаний, чтобы решить, что именно.

Любая помощь будет принята с благодарностью.