[HE] המדריך הגדול לעיצוב הטקסט בעזרת מארקדאון! + בונוס מיוחד לקהילה הישראלית

in #hebrewguides2 years ago (edited)

This is a Hebrew translation of my Ultimate Markdown Cheatsheet I've posted a few weeks ago.


מה זה מארקדאון?

Markdown היא LML - Lightweight markup language מטרתה היא לספק פורמט לטקסט קריא גם כשהוא לא עבר עיבוד. ומכאן שמה (הפוכה מכל שאר שפות הmarkup הלא כ״כ קריאות). אין באמת תקן אחיד לכתיבת Markdown וכל אחד יכול לממש את מפענח הטקסט שלו כרצונו. במדריך זה אני אעבור על יכולות עיצוב הקוד כמתאפשר בסטימיט, ואוסיף קצת נגיעות מעולם הHTML.

אם מישהו תוהה איך יישרתי את הכתב לצד ימין, מוזמנים לעיין במדריך הקצר הבא.

כותרות


ישנם שישה גדלים לכותרות שנוכל לשלב בטקסט שלנו, כתיבת הכותרת תעשה באמצעות הוספת מספר מסוים של # לפני הכותרת. לדוגמה:

# זו הכותרת הכי גדולה
## זו כותרת קטנה יותר
### הגודל קטן לפי מספר הסולמיות
#### מאמינים לי?
##### אני מקווה שכן
###### זה קטן יותר מגודל הפונט הרגיל

זו גם כותרת גדולה
---

וגם זו
===

בואו נראה איך הקוד הזה נראה כאשר הוא משולב במסמך:

זו הכותרת הכי גדולה

זו כותרת קטנה יותר

הגודל קטן לפי מספר הסולמיות

מאמינים לי?

אני מקווה שכן
זה קטן יותר מגודל הפונט הרגיל

זו גם כותרת גדולה

וגם זו

ריווח


ריווח במארקדאון יכול להיות טריקי לעיתים. ירידת שורה אחת יכולה להתפרש כירידת שורה, אך לפעמים אם משלבים קוד html עם מארקדאון דברים יכולים להשתבש. כלל האצבע שלי הוא לרפד בשורות רווח לפני ואחרי קטע טקסט בעייתי אשר מתחרבש בתצוגה המקדימה.

עיצוב טקסט


אם אשלב *מושג* בטקסט שלי, אוכל לעשות את זה **ממש בקלות**
~~מארקדאון זה החיים~~
<center> ניתן למרכז טקסט בקלות, ממש כך! </center>

אם אשלב מושג בטקסט שלי, אוכל לעשות את זה ממש בקלות
מארקדאון זה החיים

ניתן, בנוסף, למרכז טקסט בקלות, ממש כך!

קישורים


צירוף קישורים היא מיומנות חשובה ופשוטה. 
אם תצרפו כתובת לאתר בטקסט שלכם, הוא יהפוך לקישור אוטומטית - תראו: https://itamar.rocks

אבל אם ארצה להפוך את הקישור לאלגנטי יותר, משהו כמו:
**אם לא תכנסו [לאתר שלי](http://itamar.rocks) ממש תפסידו**.

וכך זה יראה:
צירוף קישורים היא מיומנות חשובה ופשוטה.
אם תצרפו כתובת לאתר בטקסט שלכם, הוא יהפוך לקישור אוטומטית - תראו: https://itamar.rocks

אבל אם ארצה להפוך את הקישור לאלגנטי יותר, משהו כמו:
אם לא תכנסו לאתר שלי ממש תפסידו.

רשימות


ישנם שני סוגי רשימות:

  • רשימה ממוספרת:
מספרי ברזל התפקדו:
1.
2.
2.
2.
3.
4.
המספרים מסודרים, גם אם התבלבלתם
  • רשימות שאינן ממוספרות:
* ניתן ליצור בולטים באמצעות כוכביות
+ או פלוסים
- או מינוסים
  • ניתן ליצור bulltes באמצעות כוכביות
  • או פלוסים
  • או מינוסים

לצערי בגלל היישור לעברית, הרשימות לא נראות אידאליות ולא ניתן ליצור תתי רשימות כפי שניתן משמאל לימין

תמונות!


הוספת תמונה היא דבר טריוויאלי, פשוט נדביק אותה או את הכתובת שלה אל עורך הטקסט. כך:
https://kirkstrobeck.github.io/whatismarkdown.com/img/markdown.png

בונוס מיוחד - שינוי גודל תמונה ללא העלאה מחדש


נקח את כתובת התמונה שאותה נרצה לשנות ונוסיף לה בהתחלה את הכתובת https://steemitimages.com/0x0/.

לדוגמה, עבור התמונה האחרונה שעבדנו איתה, שינוי הכתובת יראה כך:

https://steemitimages.com/0x0/https://kirkstrobeck.github.io/whatismarkdown.com/img/markdown.png

ועל מנת לשנות את הגודל, נשנה את 0x0 לגודל הרצוי בפיקסלים, לדוגמה 100x300:

עימוד תמונות


כך ״נדביק״ תמונה לצד שמאל והטקסט שנכתוב יגלוש ביחס אליה
<div class="pull-left">
https://kirkstrobeck.github.io/whatismarkdown.com/img/markdown.png

 טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט 
</div>
 טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט 


 טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט  טקסט טקסט 

טקסט טקסט טקסט טקסט

טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט ט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט טקסט

טבלאות


אפשר גם ליצור טבלאות נתונים יפות!
|טבלאות       |זה                  |מגניב          |
| ------------- |:-------------:| ------------:|
|שלום            | ג׳ירפה         | זברה          |
|שלום            | ג׳ירפה         | זברה          |
|שלום            | ג׳ירפה         | זברה          |

חייבים להיות לפחות שלושה מקפים המפרידים כל תא בכותרת הטבלה.
ה| החיצוניים הם אופציונלים, ותראו שניתן גם לכתוב טבלאות הנראות פחות טוב.
הן עדיין ירונדרו כמו שצריך:


נראה | רע | זה
--- | --- | ---
*מרונדר* | `מעולה` | **אבל**
1 | 2 | 3

שימו לב:

טבלאותזהמגניב
שלוםג׳ירפהזברה
שלוםג׳ירפהזברה
שלוםג׳ירפהזברה

חייבים להיות לפחות שלושה מקפים המפרידים כל תא בכותרת הטבלה.
ה| החיצוניים הם אופציונלים, ותראו שניתן גם לכתוב טבלאות הנראות פחות טוב.
הן עדיין ירונדרו כמו שצריך:

זהנראהרע
אבלמרונדרמעולה
123

ציטוטים


> כך ניתן לצטט שורה
> אפשר לצטט שורות ברצף

להגיב

 > ולהמשיך

כך ניתן לצטט שורה
אפשר לצטט שורות ברצף

להגיב

ולהמשיך

קווים אופקיים


יש כמה דרכים ליצור קווים אופקיים, כולם מניבים את אותה התוצאה:
<hr/>
---
***
___




כתיבת קוד

`קוד` שמגיע בתוך השורה נראה כך.
קוד של כמה שורות עטוף בשלושה ` בהתחלה ובסוף.

קוד שמגיע בתוך השורה נראה כך.


This tutorial was adapted from and therefore influenced by Adam Pritchard's work and is licensed under the CC-BY license.
Sort:  
תותח, כבר קראתי את המדריך באנגלית.

I Don't Know about This Language....

I'm sorry! You can see the English version of this post here

מדהים! עד כה השתמשתי ב pure html כלומר שהייתי עסוק הרבה בהלקליד דברים כגון <code> ורשימות בעזרת <ul> אז המדריך מאוד עזר. תודה על התרגום היעיל.

תודה חבר, בהחלט מועיל!

!תודה צדיק

תודה אח! יהיה יעיל לי ביום שאתחיל לכתוב במארקדאון. תוכל להסביר מה ההבדל בין מארקדאון לכתיבה בעורך התוכן האגיל? כי בינתיים כותבת בעורך התוכן ומסתדרת עם זה לא רע.

בשמחה!
העורך הרגיל נורא מוגבל מבחינת פונקציונליות לדעתי וכולל הרבה שימוש בעכבר מה שנורא מאט את קצב הכתיבה. ומנגד, ברגע שמארקדאון שגור בהקלדותיך, אפשר לכתוב ממש ממש

תודה רבה! שמח ממש לעזור:)