Há uma folha de referências excelente para redigir protocolos do Coderwall aqui ; como muitos de vocês sabem, a sintaxe de markdown para imagens embutidas na saída HTML é esta:
Você provavelmente notou que quando você arrasta e solta uma imagem em sua caixa de edição de protocolo, ela é carregada no Amazon S3 e o código de marcação correspondente é gerado automaticamente.
No entanto, há um problema com a sintaxe padrão do Markdown: não há como especificar as dimensões de uma imagem .
Mas se você está se esforçando para atingir a perfeição e deseja que seus protocolos tenham uma aparência realmente boa, você preparará suas imagens para que tenham a mesma largura da divtag de conteúdo principal (616px em uma tela de desktop no momento da escrita).
Bem, há uma maneira fácil de fazer isso – já que você pode simplesmente usar imgtags HTML regulares em seu conteúdo de markdown, você pode simplesmente substituir o snippet padrão por algo assim:
<img src="http://example.com/image.png" width="616" height="200" alt="Image title" title="Image title" />Apenas certifique-se de dimensionar suas fotos para 616px x YYYpx (e otimizá-las para download rápido) antes de enviar:
