Crie posts e comentários mais profissionais e organizados com o StackEdit.io [ tutorial ] | Create organized and professional markdown text using StackEdit

in utopian-io •  5 months ago
Se você é novo no STEEMIT, deve ter estranhado bastante o editor de textos que é utilizado por padrão.

No início, todos têm dificuldades para entender as inúmeras opções do formato "markdown" e acabam deixando de aproveitá-las.

Em 5 passos, você conhecerá a ferramenta e saberá incrementar e dinamizar seus posts e comentários através do SlackEdit, um poderoso utilitário online.

ACELERE A SUA LEITURA:
Se você não gosta de ler e ver muitos detalhes, siga abaixo as dicas para partir para a ação, pulando praticamente 50% desse tutorial sem prejuízos.

 

If you're new on STEEMIT and never used a text editor like this before, it could be overwhelming and confusing.

Everyone struggles to understand all the options of markdown formatting and unfortunately do not enjoy full advantage of them.

In just five steps, you'll gain the knowledge and skills to boost your posts and comments through SlackEdit, a powerful online utility.

Do you wanna start quickly?
If you do not like to read and see lots of details, follow the tips below for go to action, skipping almost 50% of this tutorial without loss.




Passo 1. Inicie o StackEdit

Acesse o site https://stackedit.io e clique em "Start writing now!"

Step 1. Start StackEdit

Go to https://stackedit.io and click on "Start writing now!"

passo1.png


Passo 2. Faça um breve tour para reconhecimento (opcional)

Quer partir para a ação? Clique em [ Got It ] e pule já para o Passo 4 desse tutorial.

ou...

Clique em [ Next ] para conhecer os menus

Step 2. Tour (optional if you wanna go fast)

Wanna start action? Just click in [Got It] and go to Step 4 of this tutorial.

or...

Click in [Next] to start the tour.

passo2.png

 

  • a) No lado direito está o menu Documentos
    Aqui você pode criar, alternar e organizar seus textos. Os atalhos no teclado para alternar entre documentos são: ctrl + [ e control + ]
    clique em [ Next ] para continuar
  • a) Documents menu

Click in [Next] to continue.

passo4.png

 

  • b) No lado esquerdo, o menu Principal
    Você pode sincronizar seus documentos na nuvem usando google drive, dropbox, github, blogger...
    clique em [ Next ] para continuar
  • b) Main menu
    Click in [Next] to continue.

passo5.png

 

  • c) No meio, o Ícone para Comentários / Discussões
    Esta funcionalidade do StackEdit permite adicionar comentários ou discussões internas. Muito útil para criação e edição colaborativa.
    obs: Esses textos não aparecem para os leitores.
    clique em [ Next ] para continuar
  • c) Comments/Discussions icon

Click in [Next] to continue.

passo6.png

 

  • d) Ajude a divulgar o aplicativo para browsers
    Aqui você é convidado a ajudar de forma muito simples o projeto StackEdit. Clicando no link do Webstore e votando positivamente, você contribuirá para o reconhecimento do aplicativo. Obviamente, o link aponta para o download e instalação no seu navegador (browser). Instalar e votar é opcional.
    clique em [ Got it! ] para finalizar.
  • d) Vote for help StackEdit team

Click in [ Got it! ] to finish tour.

passo7.png


Passo 3. Conheça os outros menus (opcional)

Vá direto para o Passo 4 se quiser partir para a ação
No canto inferior direito, você encontra um pequeno menu preto. Clique para expandir e conheça:

  • a. sintaxes do markdown
    Lista de códigos para todas as funções.

Step 3. Know more tools (optional)

Wanna start action? Just go to Step 4 of this tutorial.

In the lower right corner, you will see a small black menu. Click to expand.

  • a) Markdown syntax

info-dir-1.png

 

  • b) manual do StackEdit
    Leia o manual completo do StackEdit se quiser ser um expert.
  • b) Manual
    Read the manual if you wanna be an expert.

info-dir-2.png

  • c) contador de caracteres, palavras e parágravos
    Estatísticas para editores pouparem os olhos e o tempo dos leitores.
  • c) Statistics
    Useful counters.

info-dir-3.png

  • d) código html
    Aqui você pode copiar o código html de seu texto para usar em outros sites que aceitem.
  • d) Html code
    Here you could copy and paste html code to another site.

info-dir-4.png

  • e) expandir a janela de visualização e ocultar o editor
    Clicando no último nick, o modo de edição desaparece, para que a visualização fique mais fácil. Para voltar, clique no menu superior esquerdo.
  • e) Go to Viewer Mode
    To return, click in the upper left menu.

tela-cheia-viewer.png




Passo 4. Modifique os textos ou começe do zero

Você pode editar e ir aprendendo com o exemplo do lado equerdo, ou...

Step 4. Modify the texts or start from scratch

Here you can learn editing with the default example...

info-dir-5.png

... se preferir, apague todo o texto padrão e se aventure escrevendo e utilizando os menus superiores para negrito, itálico e outras opções.

Quer partir para a ação? Pule agora mesmo para o Passo 5.

Depois de brincar à vontade, você pode resetar tudo e começar novamente com o texto padrão. Para isso, clique no menu superior esquerdo e vá em Settings;

...or delete everything and start writing using upper tools like bold, italic, and others.

Do you wanna start action? Just go to Step 5.

After learning and editing what you want, you can reset everything to default.
To do it, click on the upper left menu and go to Settings;

 

settings.png

em seguida, clique na aba "Utils" e escolha a opção Reset application.

Click the "Utils" tab and choose the Reset application option.

resetar.png


5. Agora basta copiar e colar

Seu texto está pronto para ser publicado no STEEMIT ou em outros locais que permitam esse formato. Selecione com o mouse o texto na janela esquerda, copie e cole onde desejar.

5. Now, just copy and paste

Your text is ready for publishing. Select the text in the left window, copy and paste whenever you want.

selecioar-e-publicar.png

 

Espero que a partir de hoje, seus posts sejam muito mais ricos.

 
 
Achou útil? Ajude compartilhando (resteem it - clicando no ícone do resteem).

 
 
Confira meus outros artigos e tutoriais clicando aqui.

I hope it was useful for you. Resteem it and share with your friends.

 
 
Read my other posts and tutorials here

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  Trending

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

muito massa, to te seguindo :)

·

Opa, bem-vindo à comunidade #pt @ivelton! Que bom que gostou.

Boa ..!!
Mais um tutorial, é isso ai !
Vou começar a fazer os meus em portugues também... =]

·

E pelo jeito começarei a fazer em inglês. Hehehe

Para edición diaria uso as interfaces do busy ou do utopían con MarkDown crú.
Cando necesito manter algunha plantilla ou quero exportar tamén os textos a pdf emprego a app de escritorio Remarkable
Saúde.

·

Muito obrigado pelas dicas. Explorarei mais as ferramentas citadas ^^

Tava bem procurando uns editores melhores. Esse vai entrar na parte 3 do meu guia.

Muchas gracias!

·

Seus guias são ótimos. Parabéns. Valeu a presença.

Sempre bom esses textos tutoriais, me ajudam muito! resteemed! valeu!

·

Opa. Muito agradecido Matheus. Que ótimo que tem gostado dos tutos.

Parabéns, seu post foi votado e compartilhado pelo projeto Brazilian Power, cuja meta é incentivar a criação de mais conteúdo de qualidade, conectando a comunidade brasileira e melhorando as recompensas no Steemit. Obrigado!

footer-comentarios-2.jpg

Congratulations! This post has been randomly Resteemed! To join the ResteemSupport network and be entered into the lottery please upvote this post and see the following rules.

Your contribution cannot be approved yet. See the Utopian Rules. Please edit your contribution to reapply for approval.

  • Please remove this Gratitude to @KubbyElizabeth and @LenaDr, from @minnowsupport, for the encouragement and extraordinary help.
  • As mentioning any user is not recommended.

You may edit your post here, as shown below:

You can contact us on Discord.
[utopian-moderator]

Bem legal!!! Obrigada pela dica, vou usar no meu próximo post😉

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Reborn from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP. Be sure to leave at least 50SP undelegated on your account.

Hey @casberp I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • This is your first accepted contribution here in Utopian. Welcome!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Tutorial de primeira!!! Resteem! Valeu cara!