podlite web

Podlite-web

Crie sites estáticos com o Next.js e a linguagem de marcação de podlite!

Guia rápido

usando fios

Recomenda -se instalar fios através do NPM Package Manager, que vem com o Node.js quando você o instala no seu sistema.

Depois de instalar o NPM, você pode executar o seguinte para instalar e atualizar o fio:

npm install --global yarn

e então:

yarn && yarn dev

• Link aberto http: // localhost: 3000 depois

Aqui está a página de demonstração do diretório pub .

Você pode editar arquivos pub/*. Pod6 e ver alterações após o salvamento.

Todos os recursos como =Mermaid , =picture , =toc para editor de podlite também estão disponíveis para podlite-web:

usando o docker

• faça index.pod6 com o seguinte conteúdo:

 =begin pod
=TITLE Personal blog

? Web site is under construction. ?
=end pod

Execute o comando:

docker run -it --rm -v ${PWD} :/app/pub -p 3000:3000  podlite/podlite-web dev

• Link aberto http: // localhost: 3000
• Após o Edit index.pod6 a página da web recarregará automaticamente

Exportar para o local estático com zíper

docker run --rm -v ${PWD} :/app/pub podlite/podlite-web export-zip > site.zip

Configuração antecipada

• Usando https://example.com como nome de domínio
• Personalize o fuso horário
• Alterar index.pod6 padrão.pod6 caminho para o subdiretório

 cd examples/01-minimal
docker run --rm -v ${PWD} :/app/pub -p 3000:3000 
-e ' SITE_URL=https://example.com ' 
-e ' TZ=Europe/London ' 
podlite/podlite-web export-zip > site.zip

Execute exemplos

Execute o site mínimo

POSTS_PATH= ' examples/01-minimal '  yarn dev

Faça links entre as páginas

POSTS_PATH= ' examples/02-pages '  yarn dev

Blog com páginas independentes e notas do diário

Este exemplo contém integração com componentes React , personalize estilos e publique notas do documento do diário.

POSTS_PATH= ' examples/03-blog '  yarn dev

Desenvolver

Configure o repo

yarn

Desenvolver

yarn dev aumentará o Demosite do diretório pub e observará as alterações nos arquivos.

Exportar para zip

yarn export-zip > file.zip

Explore examples dir para obter mais informações de podlite.

obrigado!

Links úteis relacionados à linguagem de marcação de podlite

especificação Fonte em html Discussões Implementação

sistema de publicação Podlite-web Artigo de instruções Problemas

Visualizador/editor da área de trabalho Podlite-desktop Lançamentos Problemas

Recursos on -line Podlite.org Pod6.in github.com/podlite

Licença

Este projeto está licenciado nos termos da licença do MIT.