Skip to main content

Creating a GitHub Pages site with Jekyll

You can use Jekyll to create a GitHub Pages site in a new or existing repository.

Who can use this feature

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".

Prerequisites

Before you can use Jekyll to create a GitHub Pages site, you must install Jekyll and Git. For more information, see Installation in the Jekyll documentation and "Set up 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.

Creating a repository for your site

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 files.

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
  2. Utilice el menú desplegable Owner (Propietario) y seleccione la cuenta de la que quiera ser propietaria del repositorio. Menú desplegable Propietario
  3. 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
  4. Elige la visibilidad del repositorio. Para más información, vea "Acerca de los repositorios". Botones de radio para seleccionar la visibilidad del repositorio

Creating your site

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. If you don't already have a local copy of your repository, navigate to the location where you want to store your site's source files, replacing PARENT-FOLDER with the folder you want to contain the folder for your repository.

    $ cd PARENT-FOLDER
  3. If you haven't already, initialize a local Git repository, replacing REPOSITORY-NAME with the name of your repository.

    $ 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. Change directories to the repository.

    $ 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."

  6. 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." For example, if you chose to publish your site from the docs folder on the default branch, create and change directories to the docs folder.

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

    If you chose to publish your site from the gh-pages branch, create and checkout the gh-pages branch.

    $ 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
  7. To create a new Jekyll site, use the jekyll new command:

    $ jekyll new --skip-bundle .
    # Creates a Jekyll site in the current directory
  8. Open the Gemfile that Jekyll created.

  9. Add "#" to the beginning of the line that starts with gem "jekyll" to comment out this line.

  10. Add the github-pages gem by editing the line starting with # gem "github-pages". Change this line to:

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

    Replace GITHUB-PAGES-VERSION with the latest supported version of the github-pages gem. You can find this version here: "Dependency versions."

    The correct version Jekyll will be installed as a dependency of the github-pages gem.

  11. Save and close the Gemfile.

  12. From the command line, run bundle install.

  13. Optionally, make any necessary edits to the _config.yml file. This is required for relative paths when the repository is hosted in a subdirectory. For more information, see "Splitting a subfolder out into a new repository."

    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
    
  14. Optionally, test your site locally. For more information, see "Testing your GitHub Pages site locally with Jekyll."

  15. Add and commit your work.

    git add .
    git commit -m 'Initial GitHub pages site with Jekyll'
  16. Add your repository on your GitHub Enterprise Server instance as a remote, replacing HOSTNAME with your enterprise's hostname, USER with the account that owns the repository, and REPOSITORY with the name of the repository.

    $ git remote add origin https://HOSTNAME/USER/REPOSITORY.git
    
  17. Push the repository to GitHub Enterprise Server, replacing BRANCH with the name of the branch you're working on.

    $ git push -u origin BRANCH
  18. 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".

  19. En GitHub Enterprise Server, navega al repositorio de tu sitio.

  20. Debajo del nombre del repositorio, haz clic en Configuración. Botón de configuración del repositorio

  21. In the left sidebar, click Pages. Page tab in the left-hand sidebar

  22. Para ver tu sitio publicado, debajo de "GitHub Pages", da clic en la URL del mismo. URL del 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: If 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.

Next steps

To add a new page or post to your site, see "Adding content to your GitHub Pages site using Jekyll."

Puedes agregar un tema de Jekyll a tu sitio de GitHub Pages para personalizar la apariencia de tu sitio. For more information, see "Adding a theme to your GitHub Pages site using Jekyll."