Skip to main content
Publicamos actualizaciones para la documentación con frecuencia y es posible que aún se esté traduciendo esta página. Para obtener la información más reciente, consulta la documentación en inglés.

Crear un sitio de Páginas de GitHub con Jekyll

Puedes usar Jekyll para crear un sitio de GitHub Pages en un repositorio nuevo o existente.

Quién puede usar esta característica

People with admin permissions for a repository can create a GitHub Pages site with Jekyll.

GitHub Pages se encuentra disponible en los repositorios públicos con GitHub Free y con GitHub Free para las organizaciones, y en los repositorios públicos y privados con GitHub Pro, GitHub Team, GitHub Enterprise Cloud, y GitHub Enterprise Server.

Nota: Los propietarios de la organización pueden restringir la publicación de sitios de GitHub Pages desde los repositorios que pertenezcan a dicha organización. Para más información, consulta "Administración de la publicación de sitios de GitHub Pages".

Prerrequisitos

Antes de que puedas usar Jekyll para crear un sitio de GitHub Pages, debes instalar Jekyll y Git. Para obtener más información, consulte Instalación en la documentación de Jekyll y "Configuración de Git".

Se recomienda usar Bundler para instalar y ejecutar Jekyll. Bundler administra las dependencias de gema de Ruby, reduce los errores de construcción de Jekyll y evita los errores relacionados con el entorno. Para instalar Bundler:

  1. Instale Ruby. Para más información, vea "Instalación de Ruby" en la documentación de Ruby.
  2. Instale Bundler. Para más información, vea "Bundler".

Sugerencia: Si ves un error de Ruby al intentar instalar Jekyll mediante Bundler, es posible que tengas que usar un administrador de paquetes, como RVM o Homebrew, para administrar la instalación de Ruby. Para más información, consulta la Solución de problemas en la documentación de Jekyll.

Crear un repositorio para tu sitio

Puedes crear un repositorio o elegir un repositorio existente para el sitio.

Si quieres crear un sitio de GitHub Pages para un repositorio donde no todos los archivos del repositorio están relacionados con el sitio, podrás configurar una fuente de publicación para el sitio. Por ejemplo, puedes tener una rama dedicada y una carpeta para contener los archivos de origen del sitio , o bien usar un flujo de trabajo de GitHub Actions personalizado para compilar e implementar los archivos de origen del sitio. A fin de usar GitHub Actions como origen de publicación para GitHub Pages, un administrador de sitio debe habilitar GitHub Actions para your GitHub Enterprise Server instance. A fin de obtener más información, consulta "Habilitación de GitHub Actions para GitHub Enterprise Server".

Si quiere crear un sitio en un repositorio existente, vaya a la sección "Crear tu sitio".

  1. En la esquina superior derecha de cualquier página, utiliza el menú desplegable y selecciona New repository (Nuevo repositorio). Menú desplegable con opción para crear un repositorio 1. Utilice el menú desplegable Owner (Propietario) y seleccione la cuenta de la que quiera ser propietaria del repositorio. Menú desplegable Propietario 1. Escribe un nombre para tu repositorio y una descripción opcional. Si va a crear un sitio de usuario u organización, el repositorio debe tener el nombre <user>.github.io o <organization>.github.io. Si tu nombre de organización o usuario contiene mayúsculas, debes hacerlas minúsculas. Para más información, vea "Acerca de GitHub Pages". Creación de un campo de repositorio 1. Elige la visibilidad del repositorio. Para más información, vea "Acerca de los repositorios". Botones de radio para seleccionar la visibilidad del repositorio

Crear tu sitio

Antes de que puedas crear tu sitio, debes tener un repositorio para el mismo en GitHub Enterprise Server. Si no va a crear el sitio en un repositorio existente, vea "Creación de un repositorio para el sitio".

Advertencia: Si el administrador del sitio ha habilitado Pages público, los sitios de GitHub Pages estarán disponibles públicamente en Internet, incluso si el repositorio del sitio es privado o interno. Si tienes datos confidenciales en el repositorio del sitio, tal vez te interese eliminarlos antes de publicarlo. Para obtener más información, consulta "Configuración de GitHub Pages para la empresa" y "Acerca de los repositorios".

  1. Abra TerminalTerminalGit Bash.

  2. Si aún no tiene una copia local del repositorio, vaya a la ubicación en la que quiera almacenar los archivos de origen del sitio y reemplace PARENT-FOLDER por la carpeta que quiera que contenga la carpeta del repositorio.

    $ cd PARENT-FOLDER
  3. Si aún no lo ha hecho, inicie un repositorio de Git local reemplazando REPOSITORY-NAME por el nombre de su repositorio.

    $ git init REPOSITORY-NAME
    > Initialized empty Git repository in /Users/octocat/my-site/.git/
    # Creates a new folder on your computer, initialized as a Git repository
  4. Cambio los directorios para el repositorio.

    $ cd REPOSITORY-NAME
    # Changes the working directory
  5. Decide qué fuente de publicación quieres utilizar. Para más información, consulta "Configuración de una fuente de publicación para el sitio de GitHub Pages." 1. Navega a la fuente de publicación para tu sitio. Para más información, consulta "Configuración de una fuente de publicación para el sitio de GitHub Pages." Por ejemplo, si eligió publicar el sitio desde la carpeta docs de la rama predeterminada, cree y cambie los directorios a la carpeta docs.

    $ mkdir docs
    # Creates a new folder called docs
    $ cd docs

    Si eligió publicar el sitio desde la rama gh-pages, cree y desproteja la rama gh-pages.

    $ git checkout --orphan gh-pages
    # Creates a new branch, with no history or contents, called gh-pages, and switches to the gh-pages branch
    $ git rm -rf .
    # Removes the contents from your default branch from the working directory
  6. Para crear un nuevo sitio de Jekyll, use el comando jekyll new:

    $ jekyll new --skip-bundle .
    # Creates a Jekyll site in the current directory
  7. Abre el Gemfile que creó Jekyll.

  8. Agregue "#" al principio de la línea que comienza por gem "jekyll" para comentarla.

  9. Agregue la gema github-pages editando la línea que compienza por # gem "github-pages". Cambia la línea a:

    gem "github-pages", "~> GITHUB-PAGES-VERSION", group: :jekyll_plugins

    Reemplace GITHUB-PAGES-VERSION por la versión compatible más reciente de la gema github-pages. Puede encontrar esta versión aquí: "Dependency versions".

    La versión correcta de Jekyll se instalará como una dependencia de la gema github-pages.

  10. Guarda y cierra el Gemfile.

  11. Ejecute bundle install desde la línea de comandos.

  12. También puede realizar las modificaciones necesarias en el archivo _config.yml. Esto se requiere para las rutas relativas cuando el repositorio se hospeda en un subdirectorio. Para obtener más información, consulte "Dividir una subcarpeta en un nuevo repositorio".

    domain: my-site.github.io       # if you want to force HTTPS, specify the domain without the http at the start, e.g. example.com
    url: https://my-site.github.io  # the base hostname and protocol for your site, e.g. http://example.com
    baseurl: /REPOSITORY-NAME/      # place folder name if the site is served in a subfolder
    
  13. De forma opcional, prueba tu sitio localmente. Para obtener más información, vea "Probar tu sitio de GitHub Pages localmente con Jekyll".

  14. Agrega y confirma tu trabajo.

    git add .
    git commit -m 'Initial GitHub pages site with Jekyll'
  15. Agrega el repositorio en your GitHub Enterprise Server instance como repositorio remoto y reemplaza HOSTNAME por el nombre de host de tu empresa, USER por la cuenta a la que pertenece el repositorio, y REPOSITORY por el nombre del repositorio.

    $ git remote add origin https://HOSTNAME/USER/REPOSITORY.git
    
  16. Envíe el repositorio a GitHub Enterprise Server reemplazando BRANCH por el nombre de la rama en la que esté trabajando.

    $ git push -u origin BRANCH
  17. Configura tu fuente de publicción. Para más información, vea "Configuración de un origen de publicación para el sitio de GitHub Pages". 1. En GitHub Enterprise Server, navega al repositorio de tu sitio. 1. Debajo del nombre del repositorio, haz clic en Configuración. Botón de configuración del repositorio

  18. En la sección "Código y automatización" de la barra lateral, haz clic en Páginas .

  19. Para ver el sitio publicado, en "GitHub Pages", haz clic en Visitar sitio. Captura de pantalla del botón "Visitar sitio" situado junto a la dirección URL de un sitio publicado

    Nota: Es posible que la publicación de los cambios en el sitio tome hasta 10 minutos después de que envíes los cambios a GitHub Enterprise Server. Si no ves los cambios del sitio GitHub Pages reflejados en el explorador después de una hora, consulta Acerca de los errores de compilación de Jekyll para sitios de GitHub Pages.

Nota: Si publicas desde una rama y el sitio no se ha publicado automáticamente, asegúrate de que alguien con permisos de administrador y una dirección de correo electrónico verificada haya insertado en la fuente de publicación.

Pasos siguientes

Para agregar una nueva página o publicación en el sitio, consulte "Agregar contenido al sitio de GitHub Pages mediante Jekyll".

Puedes agregar un tema de Jekyll a tu sitio de GitHub Pages para personalizar la apariencia de tu sitio. Para obtener más información, consulte "Agregar un tema al sitio de GitHub Pages mediante Jekyll."