Achievement 4 by @kolkamkwan Task : Applying Markdowns
สำหรับมือใหม่ หรือผู้มาใหม่ ที่เข้ามายังชุมชนครั้งแรก การโพสต์บทความสักเรื่องนั้นไม่ใช่เรื่องง่ายเลย ผู้เขียนเองเคยประสบกับสถานการณ์นั้นมาก่อน โดยเฉพาะหากคุณไม่เคยมีความรู้ หรือประสบการณ์ด้านนี้ด้วยแล้ว จัดว่าไม่งงธรรมดา งงมากๆ ด้วยครับ ด้วยเหตุผลนี้เอง เป็นส่วนหนึ่งที่เป็นเหตุให้ผู้คนไม่สนใจที่จะโพสต์บทความ หากพบว่ามันไม่เกิดประโยชน์กับตัวเขาอย่างเหมาะสม บางส่วนที่อดทนและเรียนรู้เพิ่มเติม จนอยู่มาได้ ก็เป็นเพียงแค่ส่วนน้อย หรือเป็นเฉพาะกลุ่มที่อาจจะมองในอีกมุม ที่อาจจะไม่ใช้เรื่องของรายได้อย่างเดี่ยว
ส่วนหนึ่งเลยที่จะทำให้โพสต์ของสมาชิกใหม่นั้น เป็นที่น่าสนใจ นั้นก็คือ การจัดรูปแบบ ของบทความให้มีความน่าสนใจ อ่านง่าย แน่นอนว่า มีเครื่องมือหนึ่งเลยที่ทุกคนควรจะต้องรู้จัก และเรียนรู้มัน เพราะถือว่าเป็นเครื่องมือ ที่ถือว่าเรียนรู้ได้ง่ายมากที่สุด และสามารถนำไปใช้กับแพลตฟอร์มต่างที่รองรับ เครื่องมือที่ผมกำลังจะพูดถึงนั้นคือ Markdowns
Markdown คืออะไร มันคือภาษา ๆ หนึ่งนั่นแหละที่คนสร้างสร้างขึ้นเพื่อให้มนุษย์สามารถอ่านได้เข้าใจง่าย ๆ และด้วยความง่ายนี้มันก็สามารถแปลงกลับมาเป็นภาษาอื่น ๆ ได้ง่ายด้วยกันเช่น HTML, XHTML และด้วยความง่ายเช่นนี้จึงมีเจ้าอื่นนำไป Customize ให้เป็นของตัวเองเช่น github ก็อาจจะเพิ่มพวก feature เข้าไปเช่น task list, mention และอื่น ๆ แต่ที่เราจะมาลองดูกันในบล็อกนี้ก็คือ Basic Markdown ซึ่งถ้าเรารู้พื้นฐานของมันแล้วเราจะสามารถใช้ได้คล่องทีเดียวเลย" Source
--
ดังนั้นไม่ว่าจะสมาชิกเก่า หรือสมาชิกใหม่หากยังไม่รู้จัก Markdown ก็เป็นเรื่องยากมากๆ ที่สร้างเนื้อหาให้มีความสวยงาม น่าสนใจได้ เพื่อให้ความสำเร็จนี้ เกิดประโยชน์ทั้งตัวผู้เขียนเอง แล้วก็สมาชิกใหม่ชุมชน Steem Thailand ได้มีแหล่งข้อมูลที่เป็นภาษาไทย ได้เรียนรู้เพิ่มมากขึ้น ผู้เขียนจะขอทำการแปล และเรียบเรียงการใช้งาน Markdown แบบพื้นฐานจาก “ความสำเร็จ 4 : การใช้ Markdown” @cryptokannon" Source
ซึ่งเป็นตัวอย่างที่ใช้สำหรับการสอนการใช้งาน Markdown ให้กับสมาชิกผู้มาใหม่ได้ศึกษาเรียนรู้ครับ โดยเนื้อหาที่มี ผู้เขียนมองว่าครอบคลุมสำหรับใช้ในการโพสต์ได้เลย ไปลองดูกันเลยว่ามีอะไรบ้างหัวเรื่อง (Headings)
หัวเรื่อง หรือจะเป็นหัวข้อย่อย เป็นองค์ประกอบที่สำคัญ สำหรับการแสดงโครงสร้าง ของโพสต์ และเป็นการชี้นำ สายตาของผู้อ่านด้วย โดยจะมีด้วยกันทั้งหมด 2 วิธีคือ
คุณสามารถแทรก # สัญลักษณ์ไว้ ที่จุดเริ่มต้น ของแถว เมื่อจำนวนสัญลักษณ์ ที่เรามักเรียกว่าแฮชแท็ก หรือเครื่องหมาย 4 เหลี่ยมก็ตาม # ยิ่งเพิ่มขึ้น ขนาดของตัวอักษร หรือว่าหัวเรื่องก็จะลดลงตามไปด้วย
ตัวอย่างเช่น:
หัวเรื่อง 1
หัวเรื่อง 2
หัวเรื่อง 3
หัวเรื่อง 4
หัวเรื่อง 5
หัวเรื่อง 6
จากตัวอย่างด้านบน โค้ดหรือรหัสทีใช้
# หัวเรื่อง 1
## หัวเรื่อง 2
### หัวเรื่อง 3
#### หัวเรื่อง 4
##### หัวเรื่อง 5
###### หัวเรื่อง 6
การกำหนดหัวเรื่องแบบนี้ ใช่ได้เฉพาะ หัวเรื่อง 1 และวหัวเรื่อง 2 เท่านั้น ซึ่งก็จะสามารถทำได้ประมาณนี้ครับ แทนที่จะเพิ่ม # คุณสามารถเพิ่มชื่อหัวเรื่องของคุณ และใส่เครื่องหมายใต้หัวเรื่องของคุณ นั้นคือขีดกลางสามขีด หรือหากอยากขยายขนาดก็เปลี่ยนเป็นเครื่องหมายเท่ากับแทน
ตัวอย่างเช่น:
Steem Thailand
Steem Thailand
จากตัวอย่างด้านบน โค้ดหรือรหัสทีใช้
Steem Thailand
---
Steem Thailand
===
เคล็ดลับอีกอย่างที่คุณสามารถทำให้พาดหัวเรื่องให้อยู่กึ่งกลาง ตัวเอียง ขีดทับ ได้ดังนี้
<center>หัวเรื่อง</center>
<em>ข้อความ</emr>
<del>ข้อความ</del>
ข้อความ
คุณสามารถทำสิ่งต่างๆ ได้หลายอย่างด้วยข้อความ สิ่งหนึ่งที่คุณสามารถทำได้เมื่อเขียนเรียงความบน steemit คือการปรับข้อความของคุณ
ปรับข้อความ
<div class="text-justify">
เป็นเวลากว่าสองพันปีที่พุทธธรรมได้รับการสืบทอดจากรุ่นสู่รุ่น กลายเป็นปรัชญาการใช้ชีวิตที่สามารถปรับใช้กับชีวิตของปุถุชนได้ทุกยุคทุกสมัย เหตุเพราะไม่ว่าเวลาจะผ่านพ้นไปนานเพียงใด สิ่งที่ไม่เปลี่ยนแปรคือธรรมชาติของมนุษย์ซึ่งวนเวียนอยู่กับรัก โลภ โกรธ หลง เป็นธรรมดา แต่ก็นับว่าเป็นบุญอันประเสริฐที่ชีวิตของเราท่านหลายคนได้พระธรรมคำสอนของพระพุทธเจ้าเตือนสติไว้ ข้อคิดดี ๆ เหล่านี้เปรียบได้ดั่งหยาดนิศาชลยามเช้าที่ร่วงโปรยลงสร้างความชุ่มฉ่ำให้ชีวิต ทำให้เราตื่นขึ้นจากความลุ่มหลง อาฆาตแค้น และเศร้าโศกเสียใจอันเป็นมวลอารมณ์ของมนุษย์ที่ทุกคนต้องพบเจอ บทความนี้ผมจึงได้รวบรวม คำคมธรรมะเตือนสติ/สอนใจสั้น ๆ ที่อ่านแล้วรู้สึกชอบและเป็นประโยชน์ในการใช้ชีวิตมาแบ่งปันให้ทุกท่านได้อ่านกัน
</div>
ผลลัพธ์จะเป็น
(ไม่มีคำสั่ง justify > )
เป็นเวลากว่าสองพันปีที่พุทธธรรมได้รับการสืบทอดจากรุ่นสู่รุ่น กลายเป็นปรัชญาการใช้ชีวิตที่สามารถปรับใช้กับชีวิตของปุถุชนได้ทุกยุคทุกสมัย เหตุเพราะไม่ว่าเวลาจะผ่านพ้นไปนานเพียงใด สิ่งที่ไม่เปลี่ยนแปรคือธรรมชาติของมนุษย์ซึ่งวนเวียนอยู่กับรัก โลภ โกรธ หลง เป็นธรรมดา แต่ก็นับว่าเป็นบุญอันประเสริฐที่ชีวิตของเราท่านหลายคนได้พระธรรมคำสอนของพระพุทธเจ้าเตือนสติไว้ ข้อคิดดี ๆ เหล่านี้เปรียบได้ดั่งหยาดนิศาชลยามเช้าที่ร่วงโปรยลงสร้างความชุ่มฉ่ำให้ชีวิต ทำให้เราตื่นขึ้นจากความลุ่มหลง อาฆาตแค้น และเศร้าโศกเสียใจอันเป็นมวลอารมณ์ของมนุษย์ที่ทุกคนต้องพบเจอ บทความนี้ผมจึงได้รวบรวม คำคมธรรมะเตือนสติ/สอนใจสั้น ๆ ที่อ่านแล้วรู้สึกชอบและเป็นประโยชน์ในการใช้ชีวิตมาแบ่งปันให้ทุกท่านได้อ่านกัน
จัดข้อความให้เป็นสองเซลล์
บางครั้ง คุณอาจต้องเขียนบางอย่างในสองภาษาหรือป้อนข้อมูลในสองคอลัมน์ที่ต่างกัน
<div class="pull-right">
ข้อความด้านขวา “อะไรก็ตามเถอะถ้ามันเกิดขึ้นกับเรา มันเป็นธรรมดาของโลกทั้งนั้น” – หลวงพ่อฤาษีลิงดำ
ข้อความด้านซ้าย“Whatever, if it happens to us It's all normal in the world.” – Reverend Father Hermit Black Monkey
</div>
วิธีจัดข้อความให้อยู่ตรงกลาง
คุณจะต้องเพิ่ม <center>ข้อความ</center>
เพื่อจัดแนวข้อความ
วิธีเพิ่มการตัวห้อย
คุณสามารถใช้<sub>ข้อความ หรือตัวเลข</sub>
เพื่อทำให้ข้อความหรือตัวเลขปรากฏที่เส้นใต้บรรทัดได้
H<sub>2</sub>O
ข้อความที่ได้ H2O
วิธีเพิ่ม SuperScript
คุณสามารถใช้ <sup>
คำสั่งเพื่อให้ข้อความปรากฏเหนือเส้นฐาน
เคล็ดลับ : คุณสามารถเพิ่มลิงก์ที่คลิกได้ การเพิ่มลิงค์ในโพสต์ของเรานั้นมีประโยชน์มาก และเรามักจะต้องทำแบบนี้บ่อยครั้ง เมื่อเราเพิ่มชื่อผู้ใช้ steemit พร้อมกับ @ ชื่อนั้นจะสามารถคลิกได้ (นำไปสู่หน้าบล็อก steemit) เช่น @steemthai เราสามารถซ่อนลิงค์ในคำหรือวลี โดยใช้ syntax ด้านล่าง คุณสามารถสร้างตารางได้สองวิธี คัดลอกและวางด้านล่างและเพิ่มส่วนหัวและเซลล์เท่าที่คุณต้องการ หัวเรื่อง 1 | หัวเรื่อง 2 ผลลัพท์ที่ได้ >> ตาราง HTML ถูกกำหนดด้วย แต่ละแถวของตารางถูกกำหนดด้วย ผลลัพธ์ของโค้ดด้านบนจะได้ เรามักจะต้องแทรกวิดีโอหรือ gif ในโพสต์ของเรา วิดีโอYouTubeจะถูกฝังทันที ดังนั้นหากคุณใส่ลิงก์ ลิงก์จะปรากฏเป็นข้อความ หากมีสิ่งใดรบกวนข้อความหรือรูปภาพ คุณสามารถใส่ไม้บรรทัดก่อนและหลังได้ Gif ยังสามารถฝังได้ เพียงแค่ใส่ลิงก์ และคุณสามารถจัดกึ่งกลางด้วย เรามักจะต้องเขียนคำพูด วลีที่ใครบางคนพูดหรือเขียน “อะไรก็ตามเถอะถ้ามันเกิดขึ้นกับเรา มันเป็นธรรมดาของโลกทั้งนั้น” หากคุณต้องการแยกธีม คุณสามารถอัปโหลดไม้บรรทัดหรือคุณสามารถใช้ที่จุดเริ่มต้นของบรรทัด 3 ขีดกลาง 3 ดาวหรือ 3 เครื่องหมายเท่ากับ ---หรือ***หรือ=== วิธีการจัดแนวภาพ ผลที่ได้คับ นี่คือผลลัพธ์ของไวยากรณ์ข้างต้น ผลที่ได้คับ นี่คือผลลัพธ์ของไวยากรณ์ข้างต้น ผลที่ได้ครับ แถมท้ายก่อนจบ ตัวอย่างเช่น โพสต์ของความสำเร็จ 4 : ก็คงจะพอหอมบากหอมคอสำหรับการใช้เครื่องต่างๆ ในการจัดรูปแบบบทความครับ ซึ่งข้อมูลส่วนใหญที่ที่นำมาแปลและทำเป็นตัวอย่างได้มาจาก Achievement 4 : Applying Markdown ก็หวังเป็นอย่ายิ่งว่า จะเป็นประโยชน์กับเพื่อนๆ สมาชิกชุมชนไทยทุกท่านนะครับ สวัสดีครับ #achievement4 #steemexclusive #markdown #template #tutorial #thailand #steemthaiอ้างอิงไปที่นี่
<sup>1</sup>
ข้อความที่แสดง >> อ้างอิงไปที่นี่1
อ้างอิงไปที่นี่ <sup>1</sup>
มีเป็นเอาต์พุต >> อ้างอิงไปที่นี่1ลิงค์
เมื่อเราเพิ่มลิงค์ มันจะรู้จักโดยอัตโนมัติและคลิกได้ เช่น https://steemit.com/@steemthai
> > https://steemit.com/@steemthai
[ลิงค์ในตัว หรือ inline link](https://steemit.com/@steemthai>
(ตัวปิดท้ายเป็นวงเล็บปิดนะครับ) แล้วเราก็จะได้เป็น >> ลิงค์ในตัว หรือ inline linkตาราง
วิธีง่ายๆ ในการสร้างตาราง
--------- | ----------
ช่อง 1 | ช่อง 2
หัวเรื่อง 1 หัวเรื่อง 2 ช่อง 1 ช่อง 2 สร้างตารางโดยใช้ html
<table>
แท็ก<tr>
แท็ก ส่วนหัวของตารางถูกกำหนดด้วย<th>
แท็ก ตามค่าเริ่มต้น ส่วนหัวของตารางจะเป็นตัวหนาและอยู่กึ่งกลาง ข้อมูลตาราง/เซลล์ถูกกำหนดด้วย<td>
แท็ก แหล่งที่มา<table>
<tr>
<th> หัวเรื่อง 1 </th> <th> หัวเรื่อง 2 </th>
<tr>
<td> ช่อง 1 </td> <td> ช่อง 2 </td>
</tr>
<tr>
<td> ช่อง 3 </td> <td> ช่อง 4
</tr>
</table>
หัวเรื่อง 1 หัวเรื่อง 2
ช่อง 1 ช่อง 2
ช่อง 3 ช่อง 4
เคล็ดลับ
<td>
และ</td>
และ ระหว่างไวยากรณ์ syn<tr>&</tr>
<a href="link">
ชื่อเรื่อง</a>
วีดีโอ
<https://youtu.be/8RKbBr9qMBM>
ผลที่แสดงด้านบนการเน้นคำ หรือกล่องข้อความ
เมื่อเราใช้ the นำ > หน้าประโยค กล่องข้อความ ด้วย > สำหรับบางสิ่งที่ใครบางคนได้เขียน/กล่าวว่า>“อะไรก็ตามเถอะถ้ามันเกิดขึ้นกับเรา มันเป็นธรรมดาของโลกทั้งนั้น”
– หลวงพ่อฤาษีลิงดำ
– หลวงพ่อฤาษีลิงดำ/
ไม้บรรทัด
รูปภาพ
คุณสามารถจัดแนวรูปภาพของคุณที่กึ่งกลาง ที่ด้านซ้ายหรือด้านขวาจัดชิดซ้าย
<div class="pull-left">
https://scontent.fbkk9-2.fna.fbcdn.net/v/t1.6435-9/134496429_10208337067101179_7956829251938255042_n.jpg?_nc_cat=109&ccb=1-3&_nc_sid=8bfeb9&_nc_eui2=AeFKG9S9QR9MRwvQATpAGZWZ8hrSOjB6iiPyGtI6MHqKI6-6FQFT517RXM3he0Np_fU&_nc_ohc=tcaa9xG3IO0AX_qAytf&tn=NrTqrgeeaOur1jYK&_nc_ht=scontent.fbkk9-2.fna&oh=694ce39bca85f6a8b775e2f4c8059990&oe=60F8E6EA
</div>
หากคุณจัดแนวรูปภาพไปทางซ้าย ข้อความจะไปทางด้านขวา
ซึ่งจะลดขนาดของรูปภาพลง 1/2
ข้อความเพิ่มเติมที่นี่
และอื่น
ๆ อีกมากมาย...
จัดชิดขวา
<div class="pull-right">
https://scontent.fbkk9-2.fna.fbcdn.net/v/t1.6435-9/134496429_10208337067101179_7956829251938255042_n.jpg?_nc_cat=109&ccb=1-3&_nc_sid=8bfeb9&_nc_eui2=AeFKG9S9QR9MRwvQATpAGZWZ8hrSOjB6iiPyGtI6MHqKI6-6FQFT517RXM3he0Np_fU&_nc_ohc=tcaa9xG3IO0AX_qAytf&tn=NrTqrgeeaOur1jYK&_nc_ht=scontent.fbkk9-2.fna&oh=694ce39bca85f6a8b775e2f4c8059990&oe=60F8E6EA
</div>
หากคุณจัดแนวรูปภาพไปทางขวา ข้อความจะไปทางซ้าย
ซึ่งจะลดขนาดของรูปภาพลง 1/2
ข้อความเพิ่มเติมที่นี่
และอื่น
ๆ อีกมากมาย... ----
จัดให้อยู่ตรงกลาง
<center>https://scontent.fbkk9-2.fna.fbcdn.net/v/t1.6435-9/134496429_10208337067101179_7956829251938255042_n.jpg?_nc_cat=109&ccb=1-3&_nc_sid=8bfeb9&_nc_eui2=AeFKG9S9QR9MRwvQATpAGZWZ8hrSOjB6iiPyGtI6MHqKI6-6FQFT517RXM3he0Np_fU&_nc_ohc=tcaa9xG3IO0AX_qAytf&tn=NrTqrgeeaOur1jYK&_nc_ht=scontent.fbkk9-2.fna&oh=694ce39bca85f6a8b775e2f4c8059990&oe=60F8E6EA</center>
สำหรับท่านที่อยากเรียนรู้จากตัวอย่างบทความอื่นๆ ที่ท่านชอบแล้วสงสัยว่า .. เขาทำได้ยังไง!?
เป็นไปได้ที่จะเห็นโค้ดในทุกโพสต์ steemit ทั้งหมดที่เราต้องทำคือแทนที่ (it) ด้วย (d) ใน url
https://steemit.com/hive-172186/@cryptokannon/achievement-4-mentor-by-cryptokannon-applying-markdown
จะกลายเป็น
https://steemd.com/hive-172186/@cryptokannon/achievement-4-mentor-by-cryptokannon-applying-markdown
Hello @kolkamkwan what a joy to be able to be the one to congratulate you for having achieved Achievement 4 and thus be eligible for the program "500SP Minnowsupport", check this link and leave the following comment where you report that you have achieved achievement 4 and leave the link of your 4 achievements:
I want to invite you to further expand your knowledge and continue to develop your capabilities to the fullest through the fulfillment of Achievement 5 and the Achievement 6 that will surely make you a quality steemians.
I don't want to say goodbye without inviting you to The Steemit Crypto Academy: Season 3: Introductory Courses for Beginners a place where you can continue your development in the world of cryptocurrencies, go and be part of it.
Greetings 👍
I'm glad my efforts were successful.Thank you for your interest
ขอบคุณมากค่ะพี่กล หนูกำลังวิธีใช้ markdown อยู่พอดี แต่อ่านที่เป็นภาษาอังกฤษก็กว่าจะเข้าใจ ขอบคุณมากนะคะที่แบ่งปันความรู้ที่เป็นประโยชน์จ้า 🙏😃
ยินดีครับ การแสดงผลอาจจะโดดไปโดดมานะคับโดยเฉพาะตาราง ยังงงอยู่ ฮ่าๆๆ
Hello, it's good that you want to continue with the achievements in the community even if you already have time on the platform.
I invite you to be part of the exclusive community for companies and entrepreneurs, where your business or entrepreneurship can be part.
Community:
https://steemit.com/created/hive-165917
Learn about the project and community guidelines with this post:
https://steemit.com/hive-165917/@oscarcc89/steem-business-activity-or-general-rules-and-join-to-discord-update
In the community feed you will find the weekly magazine, with outstanding companies and ventures, as well as other publications that will help you boost yourself within the Blockchain and outside of it.
Greetings and always welcome.
Thank you 😊
Hi, @kolkamkwan,
Your post has been supported by @saxopedia from the Steem Greeter Team.
Thank you very much.