En este tema te guiaremos paso a paso sobre cómo utilizar la Theme CLI junto con nuestro sitio Theme Creator para desarrollar un tema y previsualizar tus cambios en un sitio Discourse en vivo.
-
Regístrate aquí en Meta si aún no lo has hecho
-
Instala la Theme CLI siguiendo las instrucciones aquí
-
Crea un nuevo tema en Theme Creator:
- Visita https://discourse.theme-creator.io/my/themes
- Haz clic en Instalar y selecciona la opción “Crear nuevo”.
- Asigna un nombre único a tu tema (puedes ignorar el esquema de colores por ahora).
-
Haz clic en avanzado, luego en editar localmente y en obtener clave de API.
Copia la clave de API generada.
-
Vuelve a tu línea de comandos y escribe
discourse_theme download example-folder, donde example-folder es la carpeta donde se almacenará tu tema localmente. Sigue las indicaciones.-
Introduce
https://discourse.theme-creator.iocomo URL raíz de tu sitio Discourse. -
Introduce tu clave de API del paso anterior cuando se te solicite.
-
Continúa siguiendo las indicaciones y selecciona el tema que creaste en el paso 4.
-
Escribe sí cuando se te pregunte si deseas comenzar a observar tu tema.
-
-
Ahora la carpeta local de tu tema se está observando en busca de cambios, los cuales se cargarán automáticamente en Theme Creator. Puedes abrir una previsualización de tu tema haciendo clic en previsualizar en la configuración de tu tema en Theme Creator.
-
Para dejar de observar los cambios, presiona ctrl + c en tu ventana de línea de comandos. Para volver a observar los cambios, escribe
discourse_theme watch example-theme.
¡Ahora tienes un directorio de tema local que puedes editar y ver tus cambios en vivo!
Para una mirada detallada sobre cómo están estructurados los temas y lo que puedes hacer, revisa nuestra Developing Discourse Themes & Theme Components
Este documento está bajo control de versiones - sugiere cambios en github.