[Poradniki][Steemit] Steemitowy Markdown dla Opornych (część 1)

in polish •  8 years ago  (edited)

Istnieje pewna seria książek, których oryginalny podtytuł brzmi For Dummies. W Polsce są one obecnie wydawane jako seria Dla Bystrzaków, ale mi osobiście bardziej do gustu przypadła forma sprzed lat, czyli Dla Opornych. W książkach tych można znaleźć opisy różnych zagadnień w prostej formie do przyswojenia dla każdego szarego człowieka.

I dlatego to jest właśnie…

W związku z dużą liczbą rejestrujących się na Steemit nowych Polaków, postanowiłem opisać w możliwie najprostszy sposób bardzo prostą metodę pisania postów za pomocą Markdown, aby treść autorska prezentowała się jeszcze lepiej. Żeby zbytnio was nie zanudzać - Markdown to język znaczników przeznaczony do jak najbardziej uproszczonego tworzenia i formatowania tekstu. I tyle musicie wiedzieć.

Najważniejsze

Na sam początek mam wam do przekazania dwie w zasadzie istotne uwagi.

Po pierwsze - Markdown używany na Steemit różni się trochę od standardowego Markdown. Niektóre rzeczy nie działają poprawnie, inne działają inaczej. W tym tekście skupię się tylko i wyłącznie na instrukcjach do pisania na Steemit.

I po drugie - w każdej chwili podczas pisania macie możliwość obejrzenia wersji finalnej pod oknem edycji. Jeżeli coś jest nie tak już w trakcie pisania, na pewno nie poprawi się to w wersji ostatecznej po publikacji.

Odstępy

Zacznijmy od podstaw i zarazem najprostszej rzeczy, czyli samego tekstu.

Pierwsza zasada jest taka: jeżeli chcecie nowy akapit, robicie dwa entery. Dzięki temu tworzy się przerwa między dwoma tekstami, co znacznie wpływa na czytelność.

To jest pierwszy akapit.

To jest drugi akapit po dwóch enterach.

Krzywe i grube

Czas na kursywę, pogrubienie i połączenie tego.

Tworzenie obu opiera się na tej samej zasadzie - gdy chcemy zmienić tekst w kursywę lub w pogrubienie wystarczy na początku i na końcu frazy użyć gwiazdki “*” lub dolnego znaku (podkreślenia) “_”. Do kursywy używamy pojedynczego znaku, do pogrubienia zaś podwójnego. Czyli:

*To zdanie będzie napisane kursywą.* _Drugie zdanie też napiszemy kursywą._

Da nam efekt:

To zdanie będzie napisane kursywą. Drugie zdanie też napiszemy kursywą.

Z kolei:

**To zdanie będzie pogrubione.** __To samo zrobimy z drugim zdaniem.__

Analogicznie da nam:

To zdanie będzie pogrubione. To samo zrobimy z drugim zdaniem.

Wszystkie powyższe można łączyć w bardzo prosty sposób:

_To **zdanie** jest_ totalnie __*pomieszane*__.

Ten skomplikowany zapis daje nam:

To zdanie jest totalnie pomieszane.

Odnośniki

Bardzo często chcemy w naszym tekście umieścić odnośnik do innej strony, artykułu czy jakiegoś miejsca w internecie. Najprostsza opcja to po prostu wklejenie linka i Steemit sam przerobi go na odnośnik:

https://steemit.com/@marszum

Zostanie zamienione na:

https://steemit.com/@marszum

W wielu przypadkach nie chcemy jednak wstawiać całego odnośnika, tym bardziej gdy jest on długi i mało czytelny. W tym celu musimy wykorzystać prostą konstrukcję:

[jakiś tekst](odnośnik do jakiegoś tekstu)

Aby pokazać na przykładzie:

[Mój profil na Steemit](https://steemit.com/@marszum)

Pokaże się w tekście jako:

Mój profil na Steemit

Warto wspomnieć też o tym, że Steemit sam tworzy odnośniki do innych profili, gdy przed nazwą użytkownika dodamy “@”. W ten sposób wspominając kogoś w tekście można od razu w prosty sposób zrobić odnośnik:

@marszum

Da nam:

@marszum

Grafiki

W tej kwestii Steemit naprawdę poszedł nam na rękę. Nawet nie trzeba się starać, żeby do tekstu dołożyć grafikę. Jeżeli jakiś obraz ma się w nim pojawić, po prostu wklejamy jego adres bez żadnych dodatkowych znaczków:

http://i.imgur.com/rSrjYuX.jpg

I widzimy:

Jeżeli do tekstu chcemy dorzucić jakąś grafikę, którą mamy u siebie na komputerze, jest to nawet jeszcze prostsze. Wystarczy przeciągnąć plik do okna edycji i Steemit za nas wstawi odnośnik.

Filmiki

Z plikami wideo sprawa ma się bardzo podobnie. Gdy do posta chcemy wrzucić filmik z YouTube albo z Vimeo, wystarczy wkleić odpowiedni odnośnik:

https://youtu.be/tqtxLuTPhTY

Pokaże nam się jako:

Jak widać, nie ma w tym kompletnie żadnej filozofii.

Nagłówki

Czasami same akapity nie wystarczą do czytelności tekstu. Warto wspomóc się nagłówkami, a szczególnie, gdy post będzie dłuższy lub dzielił temat na kilka części (jak chociażby to, co teraz czytacie). W tym celu skorzystamy ze znaku hash, czyli “#”. Hashe dajemy tylko przed tekstem nagłówka, a ich ilość wyraża wielkość/ważność tekstu. Do wyboru mamy następujące opcje:

# Nagłówek 1
## Nagłówek 2
### Nagłówek 3
#### Nagłówek 4
##### Nagłówek 5
###### Nagłówek 6

I wyglądają one w ten sposób:

Nagłówek 1

Nagłówek 2

Nagłówek 3

Nagłówek 4

Nagłówek 5
Nagłówek 6

Żeby nie zostawić was bez przykładu:

‘### Markdown jest super’
‘Dlaczego? Zaraz się wszystkiego dowiecie, ale najpierw…’
’##### Troszkę historii’
‘Żartowałem, nie będę was zanudzać.’

W czytelniejszej formie wygląda tak:

Markdown jest super

Dlaczego? Zaraz się wszystkiego dowiecie, ale najpierw…

Troszkę historii

Żartowałem, nie będę was zanudzać.

Koniec części pierwszej

Mam nadzieję, że za pomocą tego posta pokazałem bardzo proste zasady Markdown i od tego momentu więcej ludzi zacznie z niego korzystać. Jeżeli macie jakieś pytanie, śmiało piszcie komentarze lub na polskim kanale chatu.

Jeżeli spodobała wam się treść tego artykułu dodajcie mnie do obserwowanych, aby nie przegapić kolejnego tekstu!

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:  

No dobra - następny pościor daję szansę markdownowi. Niech ma :)

Super tekst z przykładami zastosowania. Przejrzyście i prosto opisane :)

a gdyby ktoś nie wiedział, jak w tryb markdown się przełączyć, mając edytor w trybie wizualnym, to można to zrobić za pomocą tego przycisku:

Selection_340.png

Co ciekawe, jeżeli zacząłeś już pisać w trybie wizualnym, to nie da się przełączyć na tryb markdown, musisz najpierw wyczyścić okno edycji.

  1. A jak zdjęcie jest za duże to jak mniejszyc jego rozmiar, oprócz programów graficznych?
  2. Wyśrodkowanie zdjęć działa automatycznie?
  1. Wstawiając grafikę Steemit zawsze zmniejsza ją na szerokość, aby pasowała do okna tekstu. Mniejsza po prostu zostaje w swoim rozmiarze.
  2. Steemitowy Markdown nie obsługuje niestety centrowania obrazów. W tym przypadky trzeba sobie pomóc htmlem.

HTML też tu działa ?

Oczywiście. Ale dla przeciętnego Kowalskiego Markdown będzie zdecydowanie łatwiejszy do nauczenia.

Szczególnie "#" warto ogarnąć, Dobrze dzieli tekst

Można łatwo dodawać tytuły rozdziałów

Wszystko zależne od ilości "#" przed linijką tekstu.

Dlatego uznałem, że trzeba o tym wspomnieć już w części pierwszej, aby każdy nauczył się używać # od początku.

Pomogło mi ale jeszcze dużo nie wiem i się denerwuje

Cały czas jestem w epoce kamienia łupanego

Świerny artykuł. Będę do niego wracać na pewno.

Dziękujemy!

Wykorzystam na swoim blogu bardzo chętnie. Pozdrawiam i dziekuje

  ·  7 years ago (edited)

Przydatny artykuł o podstawach Markdown na Steemit:)

Bardzo pomocny tekst
Nawet ja coś zrozumiałem
Dzięki wielkie!

Cześć!
Pozwoliłem sobie twój świetny artykuł przetłumaczyć na język czeski, także dla czeskiej steemit komunity. Uwiodłem też linka na Twój original. Opublikowałem go tutaj. PT

A jak wyśrodkować tekst?

Też jestem ciekaw. Pomyślałem, czy wciskanie spacji nie zadziała? Pewnie będzie trudno ustawić dokładnie na środku.
Sprawdzam.

Hmm - czy to wyszło na środku - może zastosuję linijkęprzy monitorze ;)

Nie, nie poszło - mimo, że wyśrodkowałem wyraz "Sprawdzam" to po wysłaniu komentarza przyciskiem "Post" - wszedł na początek linii. Czy jest tak samo pisząc posta? Pewnie tak, skoro pytasz jak to zrobić. Zobaczę czy piszą o tym gdzieś.

Tu jest kilka fajnych rzeczy o markdown, ale widziałem gdzieś jeszcze , zaraz poszperam. https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Jest o centrowaniu tekstu - trochę mi to zajęło czasu, ale proszę - voila :)
:
https://steemit.com/writing/@minion/professional-tutorial-for-post-formatting-both-for-beginners-and-advanced-users

"Dobre bo polskie", biorę do siebie na wall'a – Up&Resteem!

Wielkie dzięki!

@marszum dzięki za rady :-) teraz już powinno być łatwiej pisać na steemie :-)

Wielkie dzięki za BARDZO przydatny tekst! :-)

Dzięki :)

Bardzo przydatny materiał dla nowych użytkowników. Dzięki! :)

Dzięki, zawsze przyda się dodatkowe powtorzenie ;)

@marszum MEGA! Wielkie dzięki! :)

Dobry poradnik, napewno się przyda. Pozdrawiam. :)

Dzieki!

Witam jestem tu nowy i bardzo zadowolony ze trafiłem na twój post bardzo miło się to czyta i jest tu dużo istotnych informacji będę polecał twój profil i twoje posty pozdrawiam 🙂

A jak podzielić tekst na kolumny (Np lewa polski a prawa angielski)? Tego jeszcze nie ogarnęłam :)

Dziękuję!

Proszę :)

Dziękuje za poradnik

Pozdrawam!!!

Dzięki na pewno pomoże mi to w twórczości na steemit :)

Bardzo dziękuję za ten tekst. Dużo przydatnych informacji :)

Dzięki!!! Przyda się :)

Dzięki za artykuł, jestem nowy i zaczynam się wdrażać.

Dzięki, bardzo się przydało:)

Właśnie trafiłem na ten wpis dzięki @lukmarcus Na pewno się przyda!

Dziś mam dzień edukacji i kolejna dobra lekcja zaliczona. Pozdrawiam.

Jak wyśrodkować tekst lub zdjecie oraz jak zdjęcie mogłoby się pojawiać w dowolnej części tekstu (po prawej stronie, lewej lub na środku)

Pomogło mi :)

Dziekuje,dziekuje dziekuje xxx

Świetny tekst, objasnil mi sporo rzeczy. Czekam z niecierpliwością na następny ☺️

Jestem "świeżakiem" i z pewnością pomogłeś mi to ogarnąć , dziękuję. Na pewno jeszcze nie raz będę zaglądał na ten post aby sobie podejrzeć te zasady.