Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub

se você quiser Comece um blog , É provável que o primeiro nome que você encontrará seja WordPress. Há uma razão para isto. WordPress é uma plataforma muito flexível que gerencia tanto sites grandes quanto pequenos. O fato é que nem todo site precisa de uma infraestrutura robusta, especialmente um blog simples.

Opções menores, mais simples e mais baratas estão disponíveis. Páginas GitHub Por exemplo, é gratuito para uso pessoal. Combine isso com Jekyll , e ele Gerador de localização fixa , E você tem tudo que precisa para começar um blog. Melhor ainda, é tudo grátis.

Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub - Tutoriais

Antes que você comece

Jekyll será executado no seu computador e apenas macOS e Linux são oficialmente suportados. Abordaremos os dois sistemas operacionais aqui, e as instruções do Linux podem funcionar para o subsistema Windows do sistema operacional Linux Ubuntu. No entanto, não foi testado.

Você também vai querer ter acesso a um bom editor de texto. TextEdit ou GEdit farão isso, mas você pode precisar de algo mais poderoso. Nós demos uma olhada em muitos Excelentes editores de texto multiplataforma No passado.

Coisas que você deve saber

Você deve ter pelo menos um pouco de familiaridade com a linha de comando. Será necessário ter git e GitHub também. Se você não é usado, Temos guia git , E a documentação do GitHub é excelente.

Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub - Tutoriais

Por fim, você usa Jekyll Markdown, que permite escrever em texto simples, mas seu conteúdo será apresentado em formato HTML ao usuário. Você deve estar ciente de Redução de preço Ou pelo menos disposto a aprender. Isso pode parecer assustador, mas Markdown é fácil de aprender (temos até o Sua página de truques).

Instale Jekyll e sua confiabilidade

Isso foi testado no macOS Mojave e no Ubuntu 18.04. Se você estiver usando outra versão do sistema operacional, pode ser necessário verificar o site da Jekyll para obter mais informações.

MacOS

Antes de instalar o Jekyll, você precisa instalar as ferramentas de linha de comando XCode com o seguinte comando:

xcode-select --install

Selecione instalar e espere o instalador terminar. Agora você pode instalar Jekyll e Bundler:

gem install --user-install bundler jekyll

Ao executar este comando, você verá um aviso semelhante ao seguinte:

AVISO: Você não tem /Users/YOURNAME/.gem/ruby/2.3.0/bin em seu PATH, executáveis ​​gem não serão executados.

Observe o número da versão. Presumindo a mensagem acima, execute os seguintes comandos, substituindo o número da versão correta se for diferente:

echo export 'PATH=$HOME/.gem/ruby/2.3.0/bin:$PATH' >> ~/.bash_profile

source ~/.bash_profile

Ubuntu

Antes de instalar o Jekyll, você precisará instalar as ferramentas de compilação com o seguinte comando:

sudo apt-get install ruby-full build-essential zlib1g-dev

Tal como acontece com o macOS, queremos instalá-lo e executá-lo a partir do diretório inicial em vez de raiz. Execute os seguintes comandos:

echo 'export GEM\_HOME="$HOME/gems"' >> ~/.bashrc

echo 'export PATH="$HOME/gems/bin:$PATH"' >> ~/.bashrc

source ~/.bashrc

Agora instale o Jekyll و Bundler:

gem install jekyll bundler

Teste a instalação do Jekyll

Para ter certeza de que tudo está funcionando, faça o seguinte:

jekyll -v

Se tudo estiver instalado corretamente, você verá uma mensagem com o número da versão. Se, em vez disso, você vir uma mensagem indicando que ele não existe, consulte Jekyll Documentation.

Configure seu novo blog com Jekyll

Agora que você instalou o Jekyll, criar seu novo blog é simples:

jekyll new blog

Você pode usar o nome que quiser no comando acima no lugar do blog. Este é simplesmente o nome do diretório Jekyll que está sendo criado. Agora volte para o diretório que você acabou de criar usando cd e execute o seguinte comando:

bundle exec jekyll serve
Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub - Tutoriais

Isso iniciará seu novo blog para ser executado localmente em seu computador. Abra o URL exibido em seu navegador para dar uma olhada no site. Como você pode ver, há algum trabalho a ser feito. Pressione Ctrl + C para parar.

Personalize o seu blog

Para editar o URL e outras informações, abra o diretório do seu blog e edite “_config.yml”. As diferentes opções aqui são bastante diretas. Agora, se desejar, você pode editar sua página inicial, que é o arquivo "index.md", embora seja opcional.

Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub - Tutoriais

Para começar a escrever sua primeira postagem, abra a pasta “_posts” e você verá um exemplo de postagem. Abra esta caixa e edite ou copie-a novamente para criar uma nova postagem.

Publique seu blog no GitHub

Agora que seu site está configurado localmente, é hora de colocá-lo online. Se você ainda não tem uma conta GitHub configurada, cadastre-se e execute o git install e configure-o em seu PC. Em seguida, crie um novo repositório denominado username.github.io, substituindo “username” pelo seu nome de usuário GitHub.

Como hospedar seu blog gratuitamente usando páginas Jekyll e GitHub - Tutoriais

Agora abra seu dispositivo e volte para a pasta do blog usando cd. Execute os seguintes comandos.

git init

git add --all

git commit -m "initial commit"

git remote add origin https://github.com/username/username.github.io.git

git push -u origin master

Agora você deve ser capaz de visitar nomedeusuario.github.io E assista ao seu novo blog. Se não aparecer imediatamente, aguarde alguns minutos e tente novamente.

Próximos passos

As etapas acima são apenas o básico para colocar seu blog em funcionamento. eu tenho Jekyll tem muito a oferecer Portanto, certifique-se de revisar a documentação. Existem também vários Temas disponíveis Para dar uma aparência distinta ao seu blog.

Existem mais etapas a serem realizadas com as páginas do GitHub também. Usar o suporte HTTPS é um processo mais complicado, mas agora pode ser feito em Configurações do repositório. Você pode configurar seu próprio nome de domínio, o que também é um processo simples, e o GitHub os tem Ótimo guia sobre como fazer isso.

Uma última coisa a ter em mente é que é uma boa idéia verificar as alterações do site localmente antes de enviá-las ao repositório. Basta executar o comando bundler que usamos anteriormente para dar uma olhada em seu site em seu computador. Isso o ajudará a detectar tudo, desde erros de ortografia a erros de sintaxe de Markdown.

Ir para o botão superior