Crie seu próprio site pessoal gratuitamente – um guia para usar as páginas do GitHub

Prefácio que eu queria criar um site para meu aplicativo desenvolvido independentemente, AudioandVideoeditor. A configuração de um servidor, nome de domínio e desenvolvimento do site do zero é obviamente caro. O GitHub oferece hospedagem estática gratuita, permitindo que você inicie seu site em apenas algumas etapas (em comparação com o desenvolvimento de um site a partir do zero). Este artigo explicará como usar as páginas do Github, aproveitando minha própria experiência. Você pode seguir minhas páginas do Github:. É um editor de áudio e vídeo Android de código aberto que suporta vários recursos de áudio e vídeo, incluindo funcionalidade da linha de comando FFMPEG, codificação e compactação de vídeo, conversão de formato, corte de vídeo e mudanças de velocidade. Páginas do Github Vantagens e limitações que todos sabem que o Github oferece hospedagem de código gratuita, mas muitas pessoas sabem que você pode usar as páginas do GitHub para criar um site pessoal. Deixe -me explicar brevemente as vantagens e limitações das páginas do GitHub. Custo zero. Esta é a vantagem mais óbvia. Não são necessárias taxas de servidor, domínio ou hospedagem. Fácil de usar. Nenhum conhecimento de desenvolvimento é necessário; Você pode criar um site usando modelos prontos. Especialmente com a adição de programação de IA, é ainda mais fácil personalizar a interface desejada. Estabilidade e confiabilidade. O GitHub é confiável. Depois de criar seu site, você não precisa se preocupar com problemas de segurança, como quedas de sites ou ataques de hackers. A aceleração global da CDN do Github garante que a página de raio-rápida carregue e suporta HTTPS para criptografia segura. Integração do GitHub: Os sites são hospedados diretamente nos repositórios do GitHub, facilitando o controle de versão, a colaboração e o compartilhamento. Com um site de páginas do Github, você pode criar um currículo on -line para caçar empregos. De acordo com os Termos de Serviço do GitHub, nosso uso de páginas do GitHub está sujeito às seguintes restrições: Cada conta do GitHub pode apenas criar um usuário ou site da organização. Essa restrição significa que uma conta pode ter apenas um site de páginas do GitHub com o nome de usuário.github.io ou organização.github.io. Você pode criar diferentes páginas do Github para vários projetos, mas todos eles têm o mesmo prefixo: nome de usuário.github.io ou organização.github.io. O limite de tamanho recomendado para os repositórios de código -fonte é de 1 GB e os sites publicados não podem exceder 1 GB. O tempo limite da implantação é de 10 minutos. Há um limite suave de 100 GB de largura de banda mensal. É permitido um máximo de 10 compilações por hora (os sites publicados usando os fluxos de trabalho de ações do GitHub personalizadas estão isentas desse limite). Usando o método de construção padrão do Github Pages (por exemplo, através da opção de origem de publicação no github, que não se aplica a um site que não é possível acionar o trabalho que se usa. Em outras palavras, os fluxos de trabalho personalizados do GitHub podem ignorar as 10 compilações por hora, permitindo que você construa e libere seu site com mais frequência, conforme necessário. A limitação da taxa pode ser aplicada para garantir a qualidade do serviço e acionar um limite de taxa resultará em uma resposta de código de status HTTP 429. Além disso, as páginas do GitHub não se destinam a transações comerciais, serviços SaaS ou outras transações sensíveis (como enviar senhas ou informações do cartão de crédito). Páginas do Github Guia de configuração Páginas Github depende de um repositório público do GitHub. Portanto, antes de criar páginas do Github, você precisará se registrar em uma conta do GitHub e criar um repositório do GitHub. Estarei construindo meu projeto de código aberto, AudioandVideoeditor. Depois de ter um repositório, siga as etapas abaixo para ativar as páginas do GitHub. Vá para o seu repositório e clique na guia “Configurações”. Encontre a opção “Páginas” no menu esquerdo. Em “Fonte”, selecione “implantar de uma ramificação,” Selecione a ramificação “principal” (o padrão) e clique em “Salvar”. Depois de alguns minutos, atualize a página. Você verá o URL do site gerado: por exemplo, o meu é. Os repositórios do GitHub normalmente têm um arquivo de leitura. Se não houver outros arquivos da página da web, as páginas do GitHub exibirão seu arquivo ReadMe. Para criar uma interface sofisticada e atraente, geralmente precisamos criar ou fazer upload de um arquivo de página da web. Aqui está como. No repositório (diretório raiz), clique em “Adicionar arquivo”> ​​”Criar novo arquivo”. Nomeie o arquivo “Index.html” e digite o seguinte código simples: 我的个人网页 这里是我的介绍 ： 热爱编程、旅行和咖啡。 Digite o modo de saída da tela cheia Modo de tela cheia Compreenda seu código e atualize o site após alguns segundos para ver o conteúdo atualizado. Desta vez, o conteúdo do index.html é exibido. Ok, essa é a ideia geral e as etapas para usar páginas do Github. Mas obviamente não é suficiente para criar uma interface polida. Em seguida, vamos explorar a construção de um blog usando um modelo Jekyll. A construção e as ações da filial são construídas antes de usar o Jekyll, precisamos entender alguns princípios básicos sobre as compilações do Github Pages. Nas etapas acima, podemos escolher uma filial de código como fonte para a compilação ou uso de ações do GitHub. A construção de uma ramificação é o método mais tradicional e mais simples. Ele funciona especificando uma filial (geralmente Páginas GH ou principal), e as páginas do GitHub usam automaticamente o conteúdo dessa filial como seu site. Suas vantagens são simplicidade e configuração zero. Você simplesmente pressiona os arquivos do site estático (HTML, CSS e JS) diretamente para essa ramificação (geralmente no diretório raiz). Sua desvantagem é que não há processo de construção automatizado. Se você usar o Jekyll, precisará primeiro executar o Jekyll construído localmente para gerar um diretório _Site e depois pressionar todos os arquivos no _Site para a filial do Github Pages (geralmente no diretório raiz). Isso é tedioso e propenso a erros. A construção de ações (ações do GitHub) é um método mais moderno e poderoso. Como funciona é que você cria um fluxo de trabalho de ações do GitHub. Quando o código é empurrado para uma ramificação especificada, esse fluxo de trabalho é executado automaticamente, conclui o Jekyll Build para você na nuvem e publica os arquivos de sites gerados nas páginas do GitHub. Sua vantagem é que ele é totalmente automatizado. Você só precisa empurrar seu código -fonte Jekyll (como arquivos .md e arquivos de layout) para o repositório, e todo o restante do trabalho (criação e implantação) é concluído automaticamente pelas ações do GitHub. Você não precisa executar o Jekyll construído localmente. A desvantagem é que ela requer escrever e configurar um arquivo de fluxo de trabalho da YAML, que pode ser um pouco complicado para iniciantes. No entanto, quando você escolhe as ações do GitHub a serem construídas, o GitHub solicitará que você selecione o fluxo de trabalho Jekyll para a compilação. Basta seguir os avisos do Github e ele gerará automaticamente um arquivo .github/workflows/jekyll-gh-pepages.yml de fluxo de trabalho para você. Construir com uma filial é como fazer o upload manualmente do seu projeto. Você prepara o produto final e o envia ao Github. O HTML, o Markdown e outros arquivos no diretório raiz do projeto servem como código-fonte da página da web. A construção de ações é como contratar um trabalhador automatizado em tempo integral. Você fornece a matéria -prima (o código -fonte Jekyll) e ela completa todo o trabalho para você e entrega o produto final. O código gerado pela compilação é armazenado no diretório _Site, e os arquivos no diretório _Site servem como o código -fonte da página da web.Eu escolhi pessoalmente construir com ações. Eu construí a página da web localmente usando o Jekyll Build para depuração e depois o carreguei no GitHub, acionando o fluxo de trabalho para construí -lo e publicá -lo novamente. Github Pages+Jekyll primeiro, vamos falar sobre Jekyll. Jekyll é um poderoso gerador de sites estáticos. Ele gera automaticamente um site estático completo a partir de seus artigos de Marydown, combinados com temas e modelos lindamente projetados. Você se concentra em criar seu conteúdo, enquanto Jekyll lida com o restante do polimento e do layout. Não precisamos mais mexer com o Markdown para gerar páginas da Web; A poderosa programação de IA agora pode gerar diretamente arquivos da Web que atendem às nossas necessidades. O que realmente precisamos são os temas, modelos, visualização local e recursos de depuração em tempo real de Jekyll. Instalando Jekyll É melhor desenvolver e testar localmente antes de fazer o upload. Para usar o jekyll localmente, você precisa instalar algumas dependências. Durante a instalação, selecione os usuários “Adicionar executáveis ​​Ruby ao seu caminho”. Você pode verificar a versão digitando “ruby -v” nos usuários do terminal.linux: use um gerenciador de pacotes (por exemplo, “sudo apt-get install ruby-full”). Instalando o Bundler: o Bundler é um gerente de pacotes Ruby que gerencia e instala as dependências necessárias para os projetos Jekyll. Em um prompt de terminal ou comando, execute o seguinte comando BASH: Instalação do GEM Bundler Jekyll Digite Modo de tela cheia Modo de tela cheia Este comando instalará o Bundler e o Jekyll. Espera -se que a instalação acima ocupe 1 GB de espaço em disco. Clone seu repositório localmente agora, você precisará clonar o repositório de sites que você criou no github no seu computador local.instale git: se você não tiver o GIT instalado no seu computador, você precisará instalá -lo primeiro. Coloque o modo repositório: Abra um terminal ou git bash, navegue para a pasta onde deseja armazenar o seu projeto e executar o seguinte comandos: a seguinte, o seguinte, a seguinte, e a execução de um comando. Pasta, você pode iniciar seu site localmente. Terminal, normalmente abre este URL no seu navegador e você verá o seu site. Agora, navegue até o diretório do repositório e notará vários novos arquivos e diretórios. No diretório raiz, há um arquivo chamado index_markdown.md, que serve como ponto de entrada padrão para o site inteiro. Como mencionado acima, não nos incomodaremos em gerar páginas de marcação. Em vez disso, alteraremos index_markdown.md para index_markdown.txt, que o desativará. Em seguida, adicione um arquivo index.html (se ainda não estiver lá), para que Jekyll o use como ponto de entrada para o site. Então, você só precisa deixar a IA escrever o código da página da web com base em Jekyll para atender às suas necessidades. Depois de escrever o código, você pode visualizar o efeito localmente e enviar o código se estiver ok. git add. Git Commit -M “Suas informações de envio” Git Push Origem Principal Digite Modo de tela Full Salt Modo de tela cheia Após o envio, as páginas do GitHub implantarão automaticamente o site para você novamente (a seleção de ações construídas será reconstruída e depois a implantará), para que seu site on -line seja completamente sincronizado com o local. Resumindo usando as páginas do Github, você pode criar um site gratuito para promover a si mesmo, seus projetos e seus produtos, criando um “cartão de visita digital” pessoal que pode até adicionar um respingo ao seu currículo. Emparelhado com a sempre popular programação de IA, é fácil criar uma página estática satisfatória. Abra o Github agora e comece sua jornada criativa! Por fim, agradeço a todos que sigam minhas páginas do Github: é um editor de áudio e vídeo de código aberto para Android, suportando vários recursos de áudio e vídeo, como a linha de comando FFMPEG, codificação de vídeo e compactação, conversão de formato, corte de vídeo e velocidade de velocidade. Referência Páginas Github Documentação Oficial Jekyll Site Oficial Ruby Site Oficial

Fonte