Criando um site estático com GitHub Pages e Jekyll

Prof. Rafael Guimarães Sakurai

GitHub Pages (https://pages.github.com)

Criando uma conta no GitHub (http://github.com)

Criando um novo repositório no GitHub

Criando um repositório no GitHub

Configurando o repositório

Escolhendo um tema

Editando o site com Markdown

https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Realizando o commit

https://seuusuario.github.io/repositorio

Personalizar o titulo do site

Instalando o Git (https://git-scm.com/downloads)

Clonando o repositório do GitHub

Execute o comando:

git clone https://github.com/seuusuario/repositorio.git

Mais temas: http://jekyllthemes.org

Download do tema que usa Jekyll

Vamos usar o Jekyll (https://jekyllrb.com)

Instalando o Ruby (https://rubyinstaller.org/downloads)

Instalando o Ruby DevKit

Configurando a variável de ambiente

Prompt: SET PATH=%PATH%;C:\Ruby23\bin;C:\DevKit\bin

Observação: Neste exemplo Ruby foi instalado no C:\Ruby23 e o devkit foi instalado em C:\DevKit.

Observação 2: Este comando mantém o PATH configurado apenas nesta seção do Prompt de Comando, se ele for reiniciado é necessário executar novamente esta linha, o correto é definir como variável de ambiente nas do computador.

Instalar o Bundler (http://bundler.io)

Dentro do repositório do site execute o comando:

1. gem install bundler

Instalar e executar o Jekyll (https://jekyllrb.com)

Dentro do repositório do site execute o comando:

• bundle install
• bundle exec jekyll serve

Acessando seu novo site (http://localhost:4000)

Preparando para subir o site para o GitHub

Edite o arquivo _config.yml e inclua a url do github.io:

# Your site's domain goes here (eg: https://mmistakes.github.io, http://yourdomain.com, etc)

# When testing locally leave blank or use http://localhost:4000

url: https://seuusuario.github.io/repositorio

Versionando o site no git local

No repositório do projeto configure seu nome e email:

1. git config --global user.name "Seu nome"
2. git config --global user.email "seu@email.com"

Versionando o site no git local

Para versionar o código execute os comandos:

1. git add .
2. git commit -m “Mensagem do commit”

Enviando o commit para o GitHub

Para mandar os commits do repositório local para o GitHub execute o comando:

git push -u origin master

​

Para trazer os commits que tem no GitHub para o repositório local:

git pull origin master

Acessando seu site com novo template

Melhorando seu site

Google Analytics

Comentários com DISQUS