Frecuentemente publicamos actualizaciones de nuestra documentación. Es posible que la traducción de esta página esté en curso. Para conocer la información más actual, visita la documentación en inglés. Si existe un problema con las traducciones en esta página, por favor infórmanos.
Versión del artículo: Enterprise Server 2.18

Agregar un tema a tu sitio de Páginas de GitHub con Jekyll

Puedes personalizar tu sitio Jekyll agregando y personalizando un tema.

Páginas de GitHub is available in public repositories with GitHub Free, and in public and private repositories with GitHub Pro, GitHub Team, GitHub Enterprise Cloud, and GitHub Enterprise Server.

En este artículo

Las personas con permisos de escritura para un repositorio pueden agregar un tema a un sitio de Páginas de GitHub con Jekyll.

Changes to your site are published automatically when the changes are merged into your site's publishing source. If you want to preview your changes first, you can make the changes locally instead of on GitHub Enterprise. Then, test your site locally. Para obtener más información, consulta "Verificar tu sitio de Páginas de GitHub localmente con Jekyll".

Agregar un tema

  1. On GitHub Enterprise, navigate to your site's repository.

  2. Navigate to the publishing source for your site. Para obtener más información acerca de las fuentes de publicación, consulta "Acerca de las Páginas de GitHub".

  3. Navega hasta _config.yml.

  4. En la esquina superior derecha de la vista del archivo, haz clic en para abrir el editor de archivos.

    Botón Editar archivo

  5. Agrega una nueva línea al archivo para el nombre del tema. scribe tema: THEME-NAME, reemplazando THEME-NAME por el nombre del tema, tal como se muestra en el README del repositorio del tema. Para conocer la lista de temas compatibles, consulta "Temas compatibles" en el sitio de Páginas de GitHub.

    Supported theme in config file

  6. At the bottom of the page, type a short, meaningful commit message that describes the change you made to the file. You can attribute the commit to more than one author in the commit message. For more information, see "Creating a commit with multiple co-authors."

    Mensaje de confirmación de tu cambio

  7. Debajo de los campos del mensaje de confirmación, decide si deseas agregar tu confirmación a la rama actual o a una rama nueva. If your current branch is master, you should choose to create a new branch for your commit and then create a pull request. For more information, see "Creating a new pull request."

    Confirmar opciones de rama

  8. Haz clic en Proponer cambio en el archivo.

    Propose file change button

Personalizar el CSS de tu tema

Your theme's source repository may offer some help in customizing your theme. For example, see "Minima's README."

  1. On GitHub Enterprise, navigate to your site's repository.

  2. Navigate to the publishing source for your site. Para obtener más información acerca de las fuentes de publicación, consulta "Acerca de las Páginas de GitHub".

  3. Crea un archivo nuevo denominado /assets/css/style.scss.

  4. Agrega el siguiente contenido en la parte superior del archivo:

    ---
    ---
    
    @import "";
    
  5. Agrega cualquier CSS o Sass personalizado que quieras (incluidas importaciones) inmediatamente después de la línea @import.

Personalizar el diseño HTML de tu tema

Your theme's source repository may offer some help in customizing your theme. For example, see "Minima's README."

  1. En GitHub, desplázate hasta el repositorio fuente de tu tema. Por ejemplo, el repositorio fuente para Minima es https://github.com/jekyll/minima.
  2. En la carpeta _layouts, desplázate hasta el archivo default.html de tu tema.
  3. Copia los contenidos del archivo.
  4. On GitHub Enterprise, navigate to your site's repository.
  5. Navigate to the publishing source for your site. Para obtener más información acerca de las fuentes de publicación, consulta "Acerca de las Páginas de GitHub".
  6. Crea un archivo denominado _layouts/default.html.
  7. Pega el contenido del diseño personalizado que copiaste anteriormente.
  8. Personaliza el diseño como desees.

Leer más

Pregunta a una persona

¿No puedes encontrar lo que estás buscando?

Contáctanos