Como Hospedar Gratuitamente no GitHub, GitLab e Netlify

Qual a melhor plataforma? Fizemos comparativos.


Como Hospedar Gratuitamente no GitHub, GitLab e Netlify

GitHub é uma plataforma de hospedagem de código-fonte com controle de versão usando o Git. Ele permite que programadores, utilitários ou qualquer usuário cadastrado na plataforma contribuam em projetos privados e/ou Open Source de qualquer lugar do mundo.

GitLab é um gerenciador de repositório de software baseado em git, com suporte a Wiki, gerenciamento de tarefas e CI/CD . GitLab é similar ao GitHub, mas o GitLab permite que os desenvolvedores armazenem o código em seus próprios servidores, ao invés de servidores de terceiros.

Netlify é uma empresa de computação em nuvem sediada em São Francisco que oferece serviços de hospedagem e back-end sem servidor para sites estáticos . Seus recursos incluem implantação contínua do Git, suporte para funções do AWS Lambda e integração completa com Let’s Encrypt .


🎬 Grade do Vídeo

  • ➡️ 01. Comparativos das Plataformas 00:00
  • ➡️ 02. Como Hospedar Gratuitamente no GitHub 03:05
  • ➡️ 03. Como Hospedar Gratuitamente no GitLab 17:08
  • ➡️ 04. Como Hospedar Gratuitamente no Netlify 26:16
  • ➡️ 05. Como Criar um Domínio Próprio 38:47
  • ➡️ 06. Dicas Adicionais 43:11

Assista ao Vídeo

Download dos arquivos:

wget bit.ly/JekyllFiles -O thepinguim.zip

Ou clicado abaixo e baixando o mesmo arquivo com nome diferente: thepinguim-jekyll.zip

Comando/Função Shell Script Usado no Vídeo

Para automatizar commit e push

vim ~/.bashrc

novopost(){
    [[ -z "$*"]] && _com="commit vazio" || _com="$*"
    git add -A
    git commit -m "$_com"
    git push origin master
}

Configuração de arquivo de preenchimento automático

Para automatizar push

vim ~/.netrc

machine [url] login [seu-usuario] password [sua-senha]

Endereço do Jekyll no GitLab

Caminho do repositório https://gitlab.com/pages/jekyll

git clone https://gitlab.com/pages/jekyll

Copie os arquivo: Gemfile Gemfile.lock .gitattributes .gitignore .gitlab-ci.yml para seu projeto local do Jekyll:

cd jekyll/
cp Gemfile Gemfile.lock .gitattributes .gitignore .gitlab-ci.yml ../seu-dominio.gitlab.io/

Comandos para instalar o NPM

sudo emerge npm # Gentoo, Funtoo,...
sudo apt install npm # Debian, Ubuntu, Mint,...
sudo dnf install npm # Fedora
sudo pacman -S npm # Arch Linux, Manjaro,...

Criar uma alias no seu ~/.bashrc

echo 'alias netlify="$HOME/node_modules/netlify-cli/bin/run"' >> ~/.bashrc
source ~/.bashrc

Alternativamente , você pode mover seu node_modules para qualquer diretório não visível, caso não deseje mantê-lo no diretório pessoal do seu usuário.

mkdir -p ~/.local/bin
mv node_modules ~/.local/bin/

Lembre depois de alterar o caminho do alias se opção por essa dica.

Deploy no Netlify

cd [seu-website]
bundle exec jekyll serve
netlify deploy -d _site

Código para uso de comentários

Site do Disqus: https://disqus.com/

<div id="comments" class="mt-5">
    <div id="disqus_thread">
    </div>
    <script type="text/javascript">
        var disqus_shortname = '';
        var disqus_developer = 0;
        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
            dsq.src = window.location.protocol + '//' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    </script>
    <noscript>
    Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a>
    </noscript>
</div>

Depois inclua comentarios.html ao seu _layouts/post.html

Lembre também de criar um objeto no seu _config.yml

disqus: [seu-usuario-no-disqus]

Documentações para URL Própria

🎁 Todos os Cursos na Udemy: http://bit.ly/UdemyTerminalRoot

Abraços!


netlify gitlab github hospedagem host docker kubernetes deploy


Compartilhe


Nosso canal no Youtube

Inscreva-se


Marcos Oliveira

Marcos Oliveira

Desenvolvedor de software
https://github.com/terroo

Artigos Relacionados




Crie Aplicativos Gráficos para Linux e Windows com C++

Aprenda C++ Moderno e crie Games, Programas CLI, GUI e TUI de forma fácil.

Saiba Mais

Receba as novidades no seu e-mail!

Após cadastro e confirmação do e-mail, enviaremos semanalmente resumos e também sempre que houver novidades por aqui para que você mantenha-se atualizado!