Есть ли решение для деплоя только html разметки через github actions?

Есть верстка сайта на tailwind
Есть админка на modx с использованием fenom шаблонизатора.
Верстка находится на гитхабе. Админка с шаблонами на сервере.
Раньше при правке верстки просто деплоились файлы стилей и js, но с tailwind так не работает, так как классы вшиты в html и любое изменение это не только стили но и html разметка, которая вшита в админку.
Возможно ли деплоить только html классы или как то игнорировать разметку fenom при деплое?

Дополнительно:

Содержание

1 Дополнительно:
2 Ответы:

В смысле вшиты? Вы о том что имена используемых классов которые при сборке сборщик цепляет и не берёт лишнее?

А я понял, выражаетесь вы конечно не сразу понятно.
А в чем проблема деплоит и щаблоны. Это же нормально, тем более даже при "классическом" подходе нередко и сама верстка менялась, как и классы, так и вложенность/структура?

Александр Талалаев, так а как деплоить шаблоны если у меня в верстке только html разметка, а на бэкенде html + fenom

godsplane, а. Понял. Те интеграцией шаблона в тему fenom не вы занимались.
Ну тогда это не ваша зона ответственности? Эту проблему должен решить разраьботчик который поддерживает сайт на modx.
Ну а если на вас это перекинули, тогда советую самом поднять локальную копию и верстать сразу там в теме modx.
Думаю особых проблем не будет настроить tailwind чтобы он находил себя в нужных шаблонах. Устновите тот же vite, или ваше сборщик конфиг поменяйте, чтобы он кидал готовые js/css в нужные дирректории темы, и всё.
Особых проблем быть не должно.

Александр Талалаев, ну вот я про этот способ знал. но думал может есть еще варианты чтобы не тащить к себе бэк весь и не поднимать сервер

godsplane, ну, в любом случае, если на вас повесили "интеграцию", то никуда не деться. Не всегда же чистым css/js обойдешься, либо это будет слишком костыльно.
Поэтому придётся ставить и настраивать.

Ответы:

Возможно вам надо настроить файл конфигурации 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 };

1	// 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

1	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 файлы сейчас

+ Заказать

Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

Есть ответ
07.04.2024

Ответить

Да, есть решение для деплоя только 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

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 разметки.

Есть ли решение для деплоя только html разметки через github actions?

Дополнительно:

Ответы:

Оставить комментарий Отменить

Ответы

Ежедневно, круглосуточно

Есть ли решение для деплоя только html разметки через github actions?

Дополнительно:

Ответы:

Оставить комментарий Отменить

Ответы

Метки

Ежедневно, круглосуточно