Modelo de site altamente personalizável, fácil de usar e mínimo com estilo terminal, alimentado por Next.js.
Construir um site simples com Liveterm leva apenas minutos e você só precisa trabalhar com um arquivo: config.json . Depois de clonar este repositório, basta executar yarn install && yarn dev e começar a editar config.json para criar seu site!
Liveterm pode ser usado para criar uma variedade de sites:
Sinta -se à vontade para brincar com a demonstração da web acima!

Liveterm com temas diferentes

Meu site pessoal
Liveterm requer o gerente de pacote yarn . Você pode instalar yarn aqui.
Basta executar o seguinte Commmand em seu terminal:
sh -c " $( curl -fsSL https://raw.github.com/Cveinnt/LiveTerm/main/install/install.sh ) "Isso instalará o Liveterm no diretório atual. Você pode começar a criar seu site com:
cd LiveTerm && yarn dev Comece a editar config.json e tente salvar e veja as alterações atualizadas!
Como alternativa, você pode clonar este repositório para um local de sua escolha
git clone https://github.com/Cveinnt/LiveTerm.git && cd LiveTermEm seguida, instale dependências e comece a desenvolver lá:
yarn install && yarn dev Primeiro, clone o projeto e edite config.json ao seu gosto. Em seguida, execute o seguinte para iniciar o contêiner em segundo plano:
docker-compose up -d Se você souber o que estava fazendo, também pode tentar alterar Dockerfile e docker-compose.yml ! Saiba mais sobre o Docker aqui.
90% das configurações do Liveterm são feitas através do arquivo config.json .
{
"readmeUrl" : // create a Github README and link it here!
"title" : // title of the website
"name" : // your name, included in 'about' command
"ascii" : // ascii art to display
"social" : {
"github" : // your handle
"linkedin" : // your handle
} ,
"email" : // your email
"ps1_hostname" : "liveterm" // hostname in prompt
"ps1_username" : "visitor" , // username in prompt
"resume_url" : "../resume.pdf" , // path to your resume
"non_terminal_url" : "W" ,
"colors" : {
"light" : {
...
} ,
"dark" : {
... // you can use existing templates in themes.json or use your own!
}
}
}Sinta -se à vontade para mudar isso como achar melhor!
Você pode encontrar vários temas pré-configurados em themes.json , e pode substituir as cores em config.json pela cor do tema que você gosta! Os temas são baseados nos temas deste site.
Para uma melhor visualização dos temas, consulte as imagens na pasta de demo .
Os favicons estão localizados em public/ , juntamente com os outros arquivos que você pode querer fazer upload no seu site. Eu usei este site para gerar favicons.
Você também pode querer alterar a saída do comando banner . Para fazer isso, basta colar seu banner gerado no src/utils/bin/commands.ts . Eu usei este site para gerar meu banner.
Se você deseja personalizar ainda mais sua página, sinta -se à vontade para alterar o código -fonte do seu gosto!
A maneira mais fácil de implantar um aplicativo Next.js é usar a plataforma Vercel dos criadores do Next.JS.
Você pode instalar vercel CLI e seguir as instruções aqui.
Você também pode conectar sua conta do GitHub ao vercel e ter o Vercel implantando automaticamente o repositório do GitHub para você.
Baseado no terminal incrível do M4TT72.