It

Пробовал кучу вариантов статических сайтов для блога, и джекил и хуго и нодовский ghost, в итоге получил некое самоудовлетворение от того, что оно заработало, но как только начал работать с ним это всё превратилось в ад. Статика лично тебя привяжет ко всем работам, постоянный головняк, плюс как правильно заметили с тегами и фильтрацией нельзя никак работать, а в блоге это прям маст хев.
Никто из фрилансеров-копирайтеров\контентщиков не хочет работать с замороченными системами.
В итоге перевел на WP, заказал у специалистов нормальную настройку под PageSpeed и наступил дзен. Так что ИМХО - не следует изобретать велосипед. Статика это для несколько-страничных сайтов-визиток, которые сделал и забыл на 10 лет, не более того. Ну или же сразу нанимать в штат того кто будет этот сайт ковырять каждый день.

{
  "liveSassCompile.settings.formats":[
   {
      "extensionName": ".min.css",
      "format": "compressed",
      "savePath": "/site/public/stylesheets/"
   }
 ],
 "liveSassCompile.settings.excludeList": [
    "**/node_modules/**",
    ".vscode/**",
    ".git/**"
 ],
 "liveSassCompile.settings.generateMap": false,
 "liveSassCompile.settings.autoprefix": [
     "> 1%",
     "last 10 versions"
],
"emmet.triggerExpansionOnTab": true
}

Это рабочие настройки.
SavePath укажи нормальный вместо null.

Вообще интерактивные элементы под ховерам не делаются для мобильной версии или планшетов т.к. на них только тапы, без мыши, нечем наводить, а значит интерактив можно делать только до 1024 условно, а меньше или убирать интерактив вообще или переходить просто на показывание элемена по нажатию кнопки, а это обычный display: none и position: absolute по удобным координатам.

Конкретно сейчас может и не нужно, но завтра появится необходимость изменить/расширить проект и все равно нужно будет на что-то сажать.
Выберете что-то не создающее кучи левого кода и влейте туда ваши 4 страницы. Тот же modx revo, создайте 4 статические страницы просто скопировав код в поле контента и всё. Как минимум проще зайти в админку чем изменять файлы локально и лить их на хостинг.
Имхо, вопрос даже не в динамике, а в элементарном удобстве. Как ни странно тот же WP, Joomla и прочие типа простые CMS требуют на порядок больше времени (изучение) для такой банальной задачи.

Ace или CodeMirror, у обоих подсветка и куча удобных штук из того же саблайма или брекетс. Ace сам не выравнивает код "елочкой", только отступы может добавить или убрать у всего кода, зато поддерживает эммет и автодополнения кода.
Сам использую ACE, и то формально, для мелких правок, для написания основы кода в любом случае использовать нужно нормальный полноценный редактор.