Difference between revisions of "Markdown Textos (Gal)"

From Bee Wiki (HIVE)
Jump to: navigation, search
(→‎Artigo Relacionados:: FAcer menú horizontal)
(→‎Crear varias columnas)
 
(21 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:
 
|}
 
|}
  
−
== Saltos de liña ==
+
=== Crear varias columnas ===
 +
 
 +
<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>
 
Para crear espazos enriba e debaixo de unha imaxe, use  <nowiki><br>
Line 81: Line 251:
 
Para crear unha nova liña sin novo parágrafo, compre crer cando menos dous espazos o final de cada liña.
 
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 ==
+
=== 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 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.  
Line 87: Line 257:
 
* Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.
 
* Algunhas autoras usan filigranas para separar os seus textos, ben por carácter estético ou práctico.
  
−
== Enlaces ==
+
=== 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 100: 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 106: 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 113: 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 127: Line 297:
 
*  <nowiki><center> Enlace do video </center></nowiki>
 
*  <nowiki><center> Enlace do video </center></nowiki>
  
−
 
+
=== Pes de foto ===
−
 
 
−
== 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 139: Line 307:
 
<span style="font-size:x-large;">
 
<span style="font-size:x-large;">
  
−
==Enlaces:==
+
==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]]
  
−
[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:#ff0000"> Intento fallido de usar o sistema de referencias da Wikimedia) </span>
+
<br>
  
−
'''(1)''' [https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog]
+
{| class="wikitable" style="margin: auto;<small>"
 +
|'''Referencias'''
 +
* '''(1)''' [https://yoast.com/blog-headings-structure/ The Heading Estructure of YOur Blog]
 +
* (3) [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
 +
* (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
 +
* [https://guides.github.com/features/mastering-markdown/ Manual de Markdown no GitHub]
 +
* (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
 +
|
 +
|-
 +
|}
  
−
[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]
 
  
−
(3) [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. Xaneiro 2017
 
−
* '''@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
 
−
* '''@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
 
−
* '''@senseiteekay''' : [https://steemit.com/steemit/@senseiteekay/tips-for-posting-on-steemit-and-128204 Tips for Posting on Steemit (Updated)]. Agosto 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
 
−
* '''@cryptogee''' : [https://steemit.com/steemit/@cryptogee/format-your-steemit-articles-and-gain-steem-power Format Your Steemit Articles And Gain Steem Power!]. Maio 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:==
 
−
 
−
* [https://guides.github.com/features/mastering-markdown/ Manual de Markdown no GitHub] |  [http://www.frot.co.nz/design/computing/a-bunch-of-stuff-about-steemit/ Miscelanea. Unha chea de asuntos arredor do Steemit] :
 
−
* '''Artigo fonte''' : [https://www.steem.center/index.php Tips for formatting your post]
 
−
</span>
 
−
<br>
 
  
 
----
 
----
Line 177: Line 335:
  
  
−
[[Category:Galego]] [[Category:Tutorial]]
+
[[Category:Galego]] [[Category:Tutorial]][[Category:Steemit]][[Category:Markdown]]

Latest revision as of 18: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 "https://www.hive.wiki/index.php?title=Markdown_Textos_(Gal)&oldid=7719"