Executando verificação de segurança...

EngenhandoValor

2 min de leitura ·

A maneira mais fácil de fazer lindas publicações no TabNews e/ou personalizar seu perfil no GitHub

Não vou fazer um texto grande pra te enrolar.
Basta abrir esse site https://readme.so/pt, montar sua publicação lá e copiar o código fonte que vai tar em Markdown e colar aqui.

SERVE PARA QUALQUER ARQUIVO .md(Markdown).
Você pode personalizar desde uma postagem aqui no TabNews, seu perfil no GitHub ou aquele projeto sem descrição ou com um descrição feia no GitHub.

Um exemplo do que você pode fazer

Logo

Etiquetas

Adicione etiquetas de algum lugar, como: shields.io

Demonstração

Insira um gif ou um link de alguma demonstração

Funcionalidades

Temas dark e light
Preview em tempo real
Modo tela cheia
Multiplataforma

Roadmap

Melhorar o suporte de navegadores
Adicionar mais integrações

Screenshots

Suporte

Para suporte, mande um email para [email protected] ou entre em nosso canal do Slack.

Rodando localmente

Clone o projeto

  git clone https://link-para-o-projeto

Entre no diretório do projeto

  cd my-project

Instale as dependências

  npm install

Inicie o servidor

  npm run start

Uso/Exemplos

import Component from 'my-project'

function App() {
  return <Component />
}

Documentação de cores

Cor	Hexadecimal
Cor exemplo	#0a192f
Cor exemplo	#f8f8f8
Cor exemplo	#00b48a
Cor exemplo	#00d1a0

Não esqueçam do mermaid que também da pra fazer diagramas muito bons...

sequenceDiagram
    participant web as Web Browser
    participant blog as Blog Service
    participant account as Account Service
    participant mail as Mail Service
    participant db as Storage

    Note over web,db: The user must be logged in to submit blog posts
    web->>+account: Logs in using credentials
    account->>db: Query stored accounts
    db->>account: Respond with query result

    alt Credentials not found
        account->>web: Invalid credentials
    else Credentials found
        account->>-web: Successfully logged in

        Note over web,db: When the user is authenticated, they can now submit new posts
        web->>+blog: Submit new post
        blog->>db: Store post data

        par Notifications
            blog--)mail: Send mail to blog subscribers
            blog--)db: Store in-site notifications
        and Response
            blog-->>-web: Successfully posted
        end
    end

Sobre o mermaid, aproveitando - e tenho minhas dúvidas se esse é o local correto para questionar - alguém conseguiu junto a visualização adicionar os controles de zoom?

Sim, se você ativar a opção no editor de incluir translação e zoom, os controles aparecem quando se abre a imagem gerada

Que dahora! Valeu pela dica, tava editando tudo na mão kkkk. Seria legal incluir um editor markdown como esse em alguma versão futura do tabnews.

Eu acabei de eacrever um post aqui na tabnews, tudo a mão e agora vi este post que facilitou minha vida.

Existe algo a mais além deste tipo de conteúdo?

Digo, uma api que facilite o uso do .md ?

Seria para em um futuro próximo eu possa íntegrar a um bot relevante 😅

De todas as postagens daqui, até agora, essa foi a que mais me chamou atenção. Ainda que não seja um assunto complexo, cuidar da aparência/legibilidade de postagens - ainda mais sobre conteúdos de tecnologia, estudos e programção - é uma das boas práticas mais relevantes, na minha sincera opinião. Assim como é importante um código bem comentado, uma postagem ganha mais valor se for bem apresentada. Agradeço o compartilhamento. Muito bom!

Muito legal, justamente o que eu estava procurando. Agora, aproveitando esta publicação, poderíamos ter uma opção para salvar publicações úteis como essa na plataforma, pois é algo que podemos usar de forma recorrente. Eu não sei se já temos essa sugestão, mas caso contrário quando tiver com um tempinho, vou fazer um PR rsrs

Tudo relacionado à markdown me interessa muito, sempre estou em busca de melhorar os "README.md" dos repositorios

Como alternativa, eu uso o Typora para edição de Markdown.

EduardoTeixeira

Eu uso um site bem simples: https://markdown.net.br/editor/?markdown=%23%20T%C3%ADtulo%20de%20n%C3%ADvel%201

Muito bom cara! Essas ajudinhas sobre markdown sempre caem muito bem.

SavioOlivreiraDamasceno

Obrigado! EngenhandoValor. Esse conteúdo vai me ajudar muito.

Caramba, que legal!! Não sabia que o Tabnews usada Markdown para suas postagens.

Excelente conteúdo! Requisito essencial para todos os desenvolvedores. Obrigado.!

Gosto de usar esse editor para escrever meus aquivos ".md" além do famoso Notion. 🙂

Caramba, não conhecia esse editor online. Fantástico. Tenho usando muito diretamente o VSCODE para as edições.

Parabéns pela iniciativa e por acrescentar esse conhecimento!

Uau genial, não sabia da existência desse site. Amei.

Isso facilita bastante, para quem não tem muita habilidade com MarkDown

Nem sabia, agora as publis vão ficar mais dahora!

Obrigada por compartilhar, muito útil

Alguem explica o que esse post quer dizer? Eu sou novo no campo da programação.

EngenhandoValor

Autor

Motivação

Aqui no TabNews nós usamos a linguagem markdown para fazer as postagens. Ao escrever um post se você não souber usar pode se tornar difícil entregar um texto que seja legível e ninguém quer ler um monte de texto sem formatação então é uma forma de dar vida a sua publicação.

Outro ponto é que se você for escrever um post e usar o markdown para dar vida a sua postagem isso fica massante e trabalhoso. Ou seja, você leva muito tempo se realmente quiser entregar algo de qualidade.

Benefícios

Com essa ferramenta:

Você pode escrever uma postagem bonita de se ler.
Fazer isso de maneira fácil, sem saber cada tag markdown que faz a estilização.
tudo isso de maneira produtiva.

Se eu puder resumir isso em uma frase:

Você trás postagens com vida para a comunidade e é produtivo.

Eu sempre tento criar os readme bonitinhos. ams tenho certa preguiça. Eu nunca soube como adicionar os shields. Value penas dicas

Como eu justifico o texto das minha publicações? Isso é possivel? Grato!

leonardoScoralick

Olha, toda publicação que envolva, mesmo que minimamente algo relacionado a Markdown eu estou curtindo bastante, pois estou começando a usar o Obsidian e Markdown é ainda mais indispensável a compreensão do que no Notion, que já estou familiarizado.

Cara que maravilha de postagem!
Não conhecia nada disso, to assim 🤩

Até favoritei aqui no meu navegador. Valeu

Sensacional! Não conhecia este programa, vou deixar na minha aba "WORK" do iniciar do Windows.

Incrível!! Estava escrevendo tudo na mão aqui pelo próprio TabNews e realmente é muito dificil e muito dos meus posts eu queria colocar uma screenshot e não conseguia, nesse site realmente fica muito mais fácil, obrigado por compartilhar essa dica, vai me ajudar muito não só a escrever tabs aqui como também os readme dos meus projetos no Github!! Haha 🤩🤩

EngenhandoValor

Autor

Obrigado pelo Feedback. Alterei o título para mostrar que também serve para fazer um Readme.md bonito no GitHub.

EduardoTeixeira

Eu gosto bastante de ferramentas que facilitam a nossa vida, e essa ferramenta aí do readme vai me ajudar bastante! 🥰

Quero começar a trazer conteúdo para o TabNews. Com certeza, essa publicação me ajudou e já vou jogar no meu Termux pra testar.

Parabéns ótimo Conteúdo!

cara que massa tava procurando ontem e vc me traz de bandeja.

Gostei bastante do conteudo, eu sempre "sofria" para escrever na mão os readme no github.

nem sabia disso, valeu pela dica!

hernandemonteiro

Top, estou escrevendo alguns READMEs e sempre fico em duvida sobre a melhor maneira de se fazer entender e deixar tudo bonitinho

Me dava preguiça criar os readMe, agora deu uma esclarecida boa e tenho essa documentação de facil acesso! Valeu!

Eu ainda tenho preguiça de usar markdown, sla.

Muito bom de mais esse site, ele ja separa por arquivo e tamplante, vlw mesmo

Muuuuito bom, eu tenho dificuldade de escrever markdown na mão, então vai me ajudar muito. Já compartilhei com meu time na empresa que trabalho, valeuuu

Top, já tinha feito algo semelhante no meu git

Gosto muito de usar o Notion pra isso também. Lá no canto superior direito, tem a opção de você exportar o Markdown da página.

Boa, isso ajuda bastante mesmo.

Nossa, não muito interessante essa ferramenta cara. Obrigado por compartilhar! Vou começar a utilizar nas minhas postagens aqui no tabnews

Bem massa

[POST][MARKDOWN]
Incrível esta ferramenta, também notei que no comentário o pessoal trouxe ferramentas muito úteis, obrigado pelo conteúdo

Show, vou usar isso ai no meu primeiro post!

Caramba! Excelente post e ótima dica de site. Muito obrigado!

Que dica genial, dependendo da postagem fica muito mais fácil e organizado, de forma personalizada! Sem contar a facilidade pra personalizar no GitHub também.

EngenhandoValor

Autor

Obrigado pelo Feedback.Não tinha pensado em todas essas vantagens e facilidades. Mudei o título para mostrar que também serve para fazer um Readme.md bonito no GitHub.

Muito útil!

Gostei da ideia!