Difference between revisions of "Markdown Textos (Gal)"

From Steem Center
Jump to: navigation, search
(bermello expliación nota 2)
(→‎Crear varias columnas)
 
(28 intermediate revisions by 2 users not shown)
Line 38: Line 38:
 
* A letra menor é ###### Texto, ou <nowiki><h6></nowiki> Texto <nowiki></h6></nowiki>
 
* A letra menor é ###### Texto, ou <nowiki><h6></nowiki> Texto <nowiki></h6></nowiki>
  
−
<pre style="color: red">¿Sorte o mesmo efecto o etiquetado Markdown [#] que os metatags [H1, H2 ...]??</pre>
+
<pre style="color: red">¿Sorte o mesmo efecto o etiquetado Markdown [#] que os metatags [H1, H2 ...] en canto a SEO??</pre>
  
 
==Formateando Textos==
 
==Formateando Textos==
Line 51: Line 51:
 
|-
 
|-
 
|Letra Grosa
 
|Letra Grosa
−
|**  ** <br> __  __
+
|**  ** <br> __  __ <br><nowiki> <b> Texto </b>(4)</nowiki>
 
|<nowiki>**Esta é letra Grosa**</nowiki> <br> <nowiki>__Esta é letra Grosa__</nowiki>
 
|<nowiki>**Esta é letra Grosa**</nowiki> <br> <nowiki>__Esta é letra Grosa__</nowiki>
−
|'''Esta é letra grosa'''  
+
|'''Esta é letra grosa'''<br> <br><b>Texto</b>
 
|-
 
|-
 
|Cursiva
 
|Cursiva
Line 72: Line 72:
 
|}
 
|}
  
 +
=== Crear varias columnas ===
  
−
== Enlaces ==
+
<nowiki> <div class="pull-left">
 +
### Columna do lado esquerdo </nowiki>
 +
</div><br>
 +
 
 +
<nowiki> <div class="pull-right">
 +
### Columna do lado dereito </nowiki>
 +
</div><br>
 +
 
 +
<nowiki><div class="pull-left">
 +
 
 +
Mais texto na columna esquerda
 +
 
 +
</div></nowiki>
 +
 
 +
<nowiki><div class="pull-right">
 +
 
 +
Mais texto na columna dereita
 +
 
 +
</div></nowiki>
 +
<ref>[https://steemit.com/utopian-io/@casberp/como-criar-posts-bilingues-or-how-to-create-bilingual-posts Como criar posts bilíngues | How to create bilingual posts] por [https://steemit.com/@casberp '''caspber'''] o 2017/01/07. Visto 2017/01/07 </ref>
 +
 
 +
==Inserir código e destacar sintaxe ==
 +
 
 +
Formato: 'Código ou sintaxe a destacar'
 +
 
 +
<nowiki>Código ou sintaxe a destacar</nowiki>
 +
 
 +
== Listas ==
 +
 
 +
=== Listas correntes ===
 +
 
 +
<nowiki>
 +
<ul>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 2
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</ul>
 +
</nowiki>
 +
...
 +
 
 +
 
 +
<ul>
 +
<li>
 +
Elemento 1
 +
</li>
 +
<li>
 +
Elemento 2
 +
</li>
 +
</ul>
 +
 
 +
=== Listas ordeadas ===
 +
 
 +
<nowiki>
 +
<ol>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
<li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
Elemento 2
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</li>
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
</ol>
 +
</nowiki>
 +
...
 +
 
 +
 
 +
<ol>
 +
<li>
 +
Elemento 1
 +
</li>
 +
<li>
 +
Elemento 2
 +
</li>
 +
</ol>
 +
...
 +
 
 +
=== Listas ordeadas (Outro xeito) ===
 +
 
 +
<nowiki>
 +
1. Item 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
2. Item 2
 +
</nowiki>
 +
 
 +
Os números neste tipo de formato non importa. Só indican que son números.
 +
 
 +
<ol>
 +
<li>
 +
Item 1
 +
</li>
 +
<li>
 +
Item 2
 +
</li>
 +
</ol>
 +
...
 +
 
 +
=== Listas de chequeo ===
 +
 
 +
Podense facer cos comandos para listas ordeadas ou desordeadas.
 +
Abrimos as liñas con un corchete [], e cando temos a tarefa realizada incorporamoslle un "X"
 +
[], [x]
 +
 
 +
<nowiki>
 +
1.[] Item 1
 +
</nowiki>
 +
<br>
 +
<nowiki>
 +
2. [x]Item 2
 +
</nowiki>
 +
 
 +
 
 +
 
 +
<ol>
 +
<li>
 +
[ ]Item 1
 +
</li>
 +
<li>
 +
[x]Item 2
 +
</li>
 +
</ol>
 +
...(3)
 +
 
 +
=== Saltos de liña ===
 +
 
 +
Para crear espazos enriba e debaixo de unha imaxe, use  <nowiki><br>
 +
</nowiki>
 +
 
 +
*  <nowiki><br><center>imaxe.jpg</center><br></nowiki>
 +
 
 +
Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.
 +
 
 +
=== Liña Horizontal / Rotura de Parágrafos ===
 +
 
 +
* A escrita de catro ou mais guions baixos  producirá unha liña horizontal no texto que pode axudarnos a separar parágrafos ou subtítulos... ou poñela porque nos gusta.
 +
* A etiqueta <span style=" color:#009000"> <nowiki><hr></nowiki> </span> tamén xenera unha liña continua.(3) <hr>
 +
* Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.
 +
 
 +
=== Enlaces ===
  
 
Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ). <br>
 
Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ). <br>
Line 86: Line 270:
 
...sin respetar a toponimia galega oficial [https://es.wikipedia.org/wiki/Castelao na wikipedia.es]
 
...sin respetar a toponimia galega oficial [https://es.wikipedia.org/wiki/Castelao na wikipedia.es]
  
−
== Imaxes ==
+
=== Imaxes ===
  
 
Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato. <br>
 
Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato. <br>
Line 92: Line 276:
 
Lee mais no artigo  [[Formatear imaxes]].
 
Lee mais no artigo  [[Formatear imaxes]].
  
−
== Video & MultiMedia ==
+
=== Video & MultiMedia ===
  
 
O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post.
 
O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post.
Line 99: Line 283:
 
Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)
 
Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)
  
−
== Centrar Imaxes, videos ou Texto ==
+
=== Centrar Imaxes, videos ou Texto ===
  
 
<nowiki>Use <center> Para centrar unha imaxe. texto ou obxecto </center></nowiki>
 
<nowiki>Use <center> Para centrar unha imaxe. texto ou obxecto </center></nowiki>
Line 113: Line 297:
 
*  <nowiki><center> Enlace do video </center></nowiki>
 
*  <nowiki><center> Enlace do video </center></nowiki>
  
−
== Saltos de liña ==
+
=== Pes de foto ===
−
 
 
−
Para crear espazos enriba e debaixo de unha imaxe, use  <nowiki><br>
 
−
</nowiki>
 
−
 
 
−
*  <nowiki><br><center>imaxe.jpg</center><br></nowiki>
 
−
 
 
−
Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.
 
−
 
 
−
== Pes de foto ==
 
  
 
Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas.
 
Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas.
Line 130: Line 305:
 
<nowiki><center>*pe de foto*</center><br></nowiki>
 
<nowiki><center>*pe de foto*</center><br></nowiki>
  
−
==Enlaces:==
+
<span style="font-size:x-large;">
  
−
[https://www.steem.center/index.php?title=Cómo_formatear_un_texto_co_Markdown#cite_ref-1][https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog] (<span style="color:#009000"> Intento fallido de usar o sistema de referencias da Wikimedia) </span>
+
==Artigos Relacionados:==
 +
[[Incluir_imaxes_nos_teus_posts| Editar  imaxes ]] | [[Editar Taboas ]] | [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown Formatear textos ] | [https://www.steem.center/index.php?title=Editores_Externos Editores Externos] [[In_the_news|Revista de Prensa]]
  
−
'''(1)''' [https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog]
+
<br>
  
−
[https://steemit.com/steemit/@steemitguide/steemit-markdown-tutorials-for-beginners-a-compilation-of-my-written-guides-to-help-you-edit-your-posts-via-raw-editor-like-a Steemit Markdown Tutorials for Beginners]
+
{| class="wikitable" style="margin: auto;<small>"
−
* '''@smysullivan''' : [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
+
|'''Referencias'''
−
* '''@ervin-lemark''' : [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?]. Outubro 2016
+
* '''(1)''' [https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog]
−
* '''@minion''' : [https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users Professional Tutorial for Post Formatting, both for Beginners and Advanced users]. Agosto 2016
+
* (3) [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
−
* '''@senseiteekay''' : [https://steemit.com/steemit/@senseiteekay/tips-for-posting-on-steemit-and-128204 Tips for Posting on Steemit (Updated)]. Agosto 2016
+
* (4) [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?].[https://steemit.com/@ervin-lemark @ervin-lemark] Outubro 2016
−
* '''@gainingsteem''' : [https://steemit.com/steemit/@gainingsteem/the-definitive-steemit-com-writing-guide-the-basics-of-posting The Definitive Steemit.com Writing Guide – The Basics Of Posting]. Xullo 2016
+
* [https://guides.github.com/features/mastering-markdown/ Manual de Markdown no GitHub]
−
* '''@cryptogee''' : [https://steemit.com/steemit/@cryptogee/format-your-steemit-articles-and-gain-steem-power Format Your Steemit Articles And Gain Steem Power!]. Maio 2016
+
* (5) [https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users Professional Tutorial for Post Formatting, both for Beginners and Advanced users][https://steemit.com/@minion @minion]. Agosto 2016
−
* '''@xeldal''' : [https://steemit.com/steem/@xeldal/how-to-liven-up-your-steem-posts-with-markdown How to Liven up your Steem Posts with Markdown]. Abril 2016
+
|
−
* '''@freyman''' : [https://steemit.com/steemit/@freyman/formatear-textos-con-markdown / Cómo formatear textos co Markdown no Steemit]. Xuño 2017
+
|-
 +
|}
  
−
==Artigo Relacionados:==
 
  
−
* [[Galego]]
 
−
* [[Incluir_imaxes_nos_teus_posts| Incluir imaxes nos teus posts]]
 
−
* [[Increase_your_Steem_Net_Worth|Aumenta o valor da túa Rede Steem (En)]]
 
−
* [[In_the_news|Revista de Prensa]]
 
−
 
−
==Referencias:==
 
−
 
−
* '''Manual de Markdown no GitHub''' : [ '''Miscelanea''' : [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ Unha chea de asuntos arredor do Steemit] / Unha chea de asuntos arredor do Steemit]
 
−
 
−
* '''Artigo fonte''' : [https://www.steem.center/index.php Tips for formatting your post]
 
−
 
−
<br>
 
  
 
----
 
----
 
<br>
 
<br>
 
{| class="wikitable" style="margin: auto;"
 
{| class="wikitable" style="margin: auto;"
−
| Axuda a manter eta Páxina wiki actualizada.Rexistrate, clik en Register, click in [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown&action=edit edit], engade ou modifica o texto e garda. <br>Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en [https://steemit.com/introduceyourself/@steemcenterwiki/introduction-rewarding-steem-center-wiki-editors-with-steem-too @steemcenterwiki(En)].
+
| Axuda a manter esta Páxina wiki actualizada.Rexistrate, clik en Register, click in [https://www.steem.center/index.php?title=C%C3%B3mo_formatear_un_texto_co_Markdown&action=edit edit], engade ou modifica o texto e garda. <br>Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en [https://steemit.com/introduceyourself/@steemcenterwiki/introduction-rewarding-steem-center-wiki-editors-with-steem-too @steemcenterwiki(En)].
 
|-
 
|-
 
|}
 
|}
 
<br>
 
<br>
  
−
[[Category:Galego]] [[Category:Tutorial]]
+
 
 +
 
 +
[[Category:Galego]] [[Category:Tutorial]][[Category:Steemit]][[Category:Markdown]]

Latest revision as of 14:03, 7 January 2018

Para a maioría das usuarias, o editor visual do Steemit será mais que suficiente para crear textos visualmente atractivos e con composición mais que decentes. Cando unha usuaria atopase con necesiades especiais, ou é extremadamente pulcro nas súas edicións, pode votar man do sistema de etiquetado Markdown_gal ou das Etiquetas HTML para tomar control absoluto da apariencia do texto e tamén do comportamento dos navegadores ante a publicación.


Encabezados

A estructura de encabezados das túas páxinas é un dos aspectos mais importantes do SEO na Páxina Ela define que partes do tue contido son mais importantes e cómo están interconectadas. Porque hai diferentes obxectivos, un post pode necesitar unha estructura de cabezallos de outro post, Nesta entrada tentase dar os trucos básicos para crear unha estructura de cabezallos eficaz (ademais de visualmente atractiva) para os teus documentos no Steemit.


5 Principios Básicos arredor dos cabezallos HTML

Debemos ter estas cousas claras antes de nada:

  • O Encabezado mais importante na páxina debe ser o H1.
  • Só debe haber un H1 por páxina
  • Os subencabezados deben ser H2, su-sub-encabezados H3.. etc (ata H6)
  • Cada encabezado debe conter verbas con valor, no caso contrario e traballo perdido.
  • En textos extensos, a división dos encabezados permite que a lectora salte as partes que non atopa interesantes.

Baseandonos nos encabezados, esta sería a estructura de este post. (WikiMedia formatea automáticamente os parágrafos)(1)

  1. [H1] O título do artigo. Cómo formatear un texto con....
    1. [H2] Encabezados
      1. [H3] 5 Principios Básicos arredor dos cabezallos HTML
    2. [H2] Formateando Textos

[1]

Formateando os encabezados co MarkDown

Con MarkDown, para crear un titular use unha etiqueta #, ## para o subtítulo, ### para un sub-subtítulo e así sucesivamente ata a cantidade de 6 # Canto maior o número de etiquetas [#] que empregues mais PEQUENO apareceá o texto.(Ata 6)
Asegurate de deixar un espazo entre a etiqueta [#] e o texto que queres destacar.

  • A letra mais grande é # Texto, ou <h1> Texto </h1>
  • A letra menor é ###### Texto, ou <h6> Texto </h6>
¿Sorte o mesmo efecto o etiquetado Markdown [#] que os metatags [H1, H2 ...] en canto a SEO??

Formateando Textos

Formateando Textos
Estilo
 Sintaxe
Exemplo
Saída
Letra Grosa ** **
__ __
<b> Texto </b>(4) 		**Esta é letra Grosa**
__Esta é letra Grosa__ 		Esta é letra grosa

Texto
Cursiva * *
_ _ 		*Esta é letra Cursiva*
_Esta é letra Cursiva_ 		Esta é letra cursiva
Tachado -- -- --Este texto está errado-- Este texto está errado
Letra grosa e cursiva ** ** e _ _ **Galiza _NON_ é Espanha** Galiza NON é Espanha

Crear varias columnas

<div class="pull-left"> ### Columna do lado esquerdo </div>

<div class="pull-right"> ### Columna do lado dereito </div>

<div class="pull-left"> Mais texto na columna esquerda </div>

<div class="pull-right"> Mais texto na columna dereita </div> [1]

Inserir código e destacar sintaxe

Formato: 'Código ou sintaxe a destacar' 

Código ou sintaxe a destacar

Listas

Listas correntes

<ul>
<li>
Elemento 1
</li>
<li>
Elemento 2
</li>
</ul> ...


  • Elemento 1
  • Elemento 2

Listas ordeadas

<ol>
<li>
Elemento 1
</li>
<li>
Elemento 2
</li>
</ol> ...


  1. Elemento 1
  2. Elemento 2

...

Listas ordeadas (Outro xeito)

1. Item 1
2. Item 2

Os números neste tipo de formato non importa. Só indican que son números.

  1. Item 1
  2. Item 2

...

Listas de chequeo

Podense facer cos comandos para listas ordeadas ou desordeadas. Abrimos as liñas con un corchete [], e cando temos a tarefa realizada incorporamoslle un "X" [], [x]

1.[] Item 1
2. [x]Item 2


  1. [ ]Item 1
  2. [x]Item 2

...(3)

Saltos de liña

Para crear espazos enriba e debaixo de unha imaxe, use <br>

  • <br><center>imaxe.jpg</center><br>

Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.

Liña Horizontal / Rotura de Parágrafos

  • A escrita de catro ou mais guions baixos producirá unha liña horizontal no texto que pode axudarnos a separar parágrafos ou subtítulos... ou poñela porque nos gusta.
  • A etiqueta <hr> tamén xenera unha liña continua.(3)
  • Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.

Enlaces

Para enlazar un website con unha verba ou frase no teu post, use [ ] e ( ).
O texto vai entre os [ ] e o enderezo do enlace vai entre as ( )

  • Como dixo Castelao, [os americanos xa estaban desembarcando](http://sabiondosfelices.blogspot.com.es/2013/11/textos-castelao-o-pai-de-miguelino.html)

Como dixo Castelaoos americanos xa estaban desembarcando

  • ...sin respetar a toponimia oficial galega <a href="https://es.wikipedia.org/wiki/Castelao">na wikipedia . es</a>

...sin respetar a toponimia galega oficial na wikipedia.es

Imaxes

Para incluir unha imaxe, copia o enderzo da imaxe dentro do teu post usando o seguinte formato.

  •  ![descripción da imaxe](Enderezo web da Imaxe)

Lee mais no artigo Formatear imaxes.

Video & MultiMedia

O xeito mais simple de incluir un video é pegar o enderezo dentro do teu post. Outra maneira e incluir código HTML embebido. (iframe). Somente están soportados os portais Youtube, Vimeo e SounCloud (incrustar só)

Centrar Imaxes, videos ou Texto

Use <center> Para centrar unha imaxe. texto ou obxecto </center>

  • <center>imaxe.jpg</center>

Para centrar texto use <center> e </center>

  • <center> Texto </center>

Para centrar un video use <center> e </center>

  • <center> Enlace do video </center>

Pes de foto

Para facer aparecer un pe de foto nunha imaxe, empregue o salto de liña, e as características centrar e itálicas. (Grazas a @razvanelul por esta idea. -No orixinal en inglés.)

  • <br><center>[Identificador de imaxe](Enderezo Web imaxe)</center>

<center>*pe de foto*</center><br>

Artigos Relacionados:

Editar imaxes | Editar Taboas | Formatear textos | Editores Externos Revista de Prensa


Referencias



Axuda a manter esta Páxina wiki actualizada.Rexistrate, clik en Register, click in edit, engade ou modifica o texto e garda.
Si xa eres usuaria da rede Steemit podes ser recompensada con steem. Podes mirar como en @steemcenterwiki(En).


  1. ↑ Como criar posts bilíngues | How to create bilingual posts por caspber o 2017/01/07. Visto 2017/01/07
Retrieved from "http://www.steem.center/index.php?title=Markdown_Textos_(Gal)&oldid=7719"