Есть ли решение для деплоя только html разметки через github actions?
Есть верстка сайта на tailwind
Есть админка на modx с использованием fenom шаблонизатора.
Верстка находится на гитхабе. Админка с шаблонами на сервере.
Раньше при правке верстки просто деплоились файлы стилей и js, но с tailwind так не работает, так как классы вшиты в html и любое изменение это не только стили но и html разметка, которая вшита в админку.
Возможно ли деплоить только html классы или как то игнорировать разметку fenom при деплое?
Дополнительно:
В смысле вшиты? Вы о том что имена используемых классов которые при сборке сборщик цепляет и не берёт лишнее?
А в чем проблема деплоит и щаблоны. Это же нормально, тем более даже при "классическом" подходе нередко и сама верстка менялась, как и классы, так и вложенность/структура?
Ну тогда это не ваша зона ответственности? Эту проблему должен решить разраьботчик который поддерживает сайт на modx.
Ну а если на вас это перекинули, тогда советую самом поднять локальную копию и верстать сразу там в теме modx.
Думаю особых проблем не будет настроить tailwind чтобы он находил себя в нужных шаблонах. Устновите тот же vite, или ваше сборщик конфиг поменяйте, чтобы он кидал готовые js/css в нужные дирректории темы, и всё.
Особых проблем быть не должно.
Поэтому придётся ставить и настраивать.
Ответы:
Возможно вам надо настроить файл конфигурации Tailwind CSS (например, tailwind.config.js), в котором вы можете настроить классы, которые будут включены или исключены из сборки. Вам также потребуется настроить пути к вашим исходным файлам CSS и файлу вывода CSS. Пример конфигурации:
// tailwind.config.js module.exports = { purge: { enabled: true, content: ['path/to/your/html/files/*.html'], // Путь к вашим HTML файлам }, // Остальные настройки Tailwind CSS }; |
// tailwind.config.js module.exports = { purge: { enabled: true, content: ['path/to/your/html/files/*.html'], // Путь к вашим HTML файлам }, // Остальные настройки Tailwind CSS };
В вашем процессе сборки добавьте команду для сборки CSS с использованием Tailwind CSS. Например, вы можете использовать команду npx tailwindcss build или yarn tailwindcss build с указанием входного и выходного файла CSS. Например:
npx tailwindcss build path/to/your/css/input.css -o path/to/your/css/output.css |
npx tailwindcss build path/to/your/css/input.css -o path/to/your/css/output.css
После выполнения сборки вам нужно будет заменить ссылку на старые файлы CSS на ссылку на новый собранный файл CSS на сервере.
Таким образом, вы будете собирать только CSS-классы, используемые в ваших HTML файлах, и затем заменять только файл CSS на сервере, не затрагивая HTML разметку и Fenom шаблоны.
- Ага, только вот если я поменю классы в html они уже не заменятся, так как деплой идет только на css файлы сейчас
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Да, есть решение для деплоя только HTML разметки через GitHub Actions. GitHub Actions позволяет автоматизировать процессы в вашем репозитории, включая развертывание статических сайтов, таких как HTML.
Для этого вам нужно создать файл сценария действия (action script) в вашем репозитории. В этом файле вы можете указать шаги, которые необходимо выполнить при срабатывании действия.
Пример файла сценария действия для развертывания только HTML разметки может выглядеть следующим образом:
name: Deploy HTML on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout repository uses: actions/checkout@v2 - name: Deploy HTML run: | cp index.html /var/www/html
В данном примере сценария действия мы указываем, что при пуше в ветку main необходимо скопировать файл index.html в папку /var/www/html на сервере.
Вы также можете настроить различные шаги в зависимости от ваших потребностей, например, запускать скрипты для сжатия и оптимизации HTML-файлов перед развертыванием.
Не забудьте настроить ваш сервер для приема развернутых файлов. В случае с HTML разметкой, вам может потребоваться настроить веб-сервер для отображения этой разметки.
Таким образом, вы можете использовать GitHub Actions для автоматизации процесса развертывания только HTML разметки.