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 gratis, and in public and private repositories with GitHub Pro, Equipo de GitHub, Nube de GitHub Enterprise, and Servidor de GitHub Enterprise.
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
-
On GitHub Enterprise, navigate to your site's repository.
-
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".
-
Navega hasta _config.yml.
-
En la esquina superior derecha de la vista del archivo, haz clic en para abrir el editor de archivos.
-
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. -
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."
-
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." -
Haz clic en Proponer cambio en el archivo.
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."
-
On GitHub Enterprise, navigate to your site's repository.
-
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".
-
Crea un archivo nuevo denominado /assets/css/style.scss.
-
Agrega el siguiente contenido en la parte superior del archivo:
--- --- @import "";
-
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."
-
En GitHub, desplázate hasta el repositorio fuente de tu tema. Por ejemplo, el repositorio fuente para Minima es https://github.com/jekyll/minima.
-
En la carpeta _layouts, desplázate hasta el archivo default.html de tu tema.
-
Copia los contenidos del archivo.
-
On GitHub Enterprise, navigate to your site's repository.
-
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".
-
Crea un archivo denominado _layouts/default.html.
-
Pega el contenido del diseño personalizado que copiaste anteriormente.
-
Personaliza el diseño como desees.