เขียนบล็อกด้วยภาษา Markdown ด้วยแอพจดโน๊ต Bear บน iOS
ย้าย blog กลับมาใช้ Jekyll เหมือนเดิมแล้วคับ
เนื่องจากผมเองเขียน blog กับ Static page generator ซึ่งใช้ภาษา Markdownในการเขียนเนื้อหา ซึ่งใช้ Jekyll ในในการแปลงเป็นหน้าเว็บให้ เลยหาเครื่องมือหาเหมาะๆ ที่ไม่ต้องอยู่หน้าคอม แล้วมานั่งเขียนบล็อก อยากแบบเขียนช่วงว่างๆ ตาม มุมพักผ่อนต่างๆ ที่ไม่ต้องพกโน๊ตบุ๊คไปด้วยคับ ( ไว้มีโอกาสจะเขียน เรื่อง Static page generator อีกบล็อกครับ)
เลยลองหาแอพที่เอาไว้ใช้เขียน blog ดูว่าตัวไหนดีและฟรีบ้าง ก็มาเจอ Bear นี่แหละครับ จริงๆ bear เป็น แอพไว้จดโน๊ตอารมณ์เดียวกับ Evernote นั่นแหละครับ
ข้อดีของ Bear ที่ทำให้ผมชอบมากๆ คือ
- Bear คือแอพจดโน๊ตที่รวมกับ Markdown ได้อย่างแนบเนียน ไม่เหมือนกับอารมณ์เขียน Markdown ทั่วๆ ไป
- สามารถใช้ร่วมกับ Markdown ได้ดีเลยครับ
- มี syntax blockquote แบบไว้แนบโค๊ดได้เลย ไม่ต้องไปฝากไว้ที่ gist ของ github
- สามารถเห็นรูปภาพในการเขียนโน๊ตได้เลยครับ ทำให้มองเห็นภาพได้เลยขณะพิมพ์ ไม่จำเป็นต้องกด preview ดูผลลัพธ์ครับ พูดง่ายๆ เป็น WYSIWYG ครับ
- เป็นแอพที่สามารถใช้งานร่วมกับแอพอื่นๆ หรือ platform อื่นๆ ได้ดีครับ คือสามารถ export ออกเป็นไฟล์ Markdown พร้อมกับมีโฟลเดอร์รูปภาพซึ่งสามารถไปใช้กับ Markdown editor ทั่วๆ ไปได้เลยครับ ( รูปแบบนี้ Bear เรียกว่า Text Bundle )
- สุดท้ายที่ชอบมากๆ คือ สามารถใส่แท็กแบบ inline ได้เลยแบบ ไม่ต้องไปกดปุ่มใดๆ เพิ่มเติมเลย และสามารถสร้างลิงค์ไปโน๊ตอันอื่นๆ ได้ด้วย ซึ่ง
ส่วนข้อเสียก็มีแค่ให้ใช้ในตระกูลของ Apple เพียงอย่างเดียวครับ แต่สามารถ export เป็น Markdown ปกติได้ แบบนี้ให้อภัยได้
รูปภาพจะเก็บอย่างไร ?
ใน blog ที่ใช้ Jekyll นั้นอัพโหลดรูปภาพเป็น ไฟล์ที่อยู่ static ของ git repo ครับ ซึ่งมันไม่สะดวกเอามากๆ และเกิดความลำบากในการย้ายบล็อกในอนาคต แล้ว git repo เองก็มีข้อจำกัดในเรื่องของพื้นที่ที่สามารถใช้งานได้ประมาณ 1 GB ครับ
ต่อไปก็มองหาที่เก็บรูปภาพแบบถาวรที่สามารถเอาลิงค์ตรงมาใส่ใน html ได้ ซึ่งตอนแรกตั้งใจว่าจะเก็บใน imgur แต่ไม่แน่ใจว่าจะเก็บถาวรมั้ย จากที่เค้าคุยกันในกระทู้บอกว่า imgur จะเก็บถาวร และอีกอย่างคงจัดการได้ยาก
ทางออกคือ Dropbox เป็น cloud storage ชื่อดังเจ้าเดียวเท่าที่ผมรู้จัก ( Box, Google Drive, OneDrive และ iCloud ทำไม่ได้ครับ) ที่สามารถเข้าถึง direct link ของรูปภาพได้ โดยแค่เปลี่ยนคำลงท้าย url จาก dl=0 เป็น raw=1
การบริหารจัดการโน๊ตใน Bear สำหรับเขียนบล็อก
ผมใช้ tag ทั้งสิ้น 3 แบบครับ
blog/draftสำหรับเขียนร่างบล็อกblog/publishสำหรับ blog ที่เผยแพร่แล้วblog/templateสำหรับ template markdown ที่จะใช้ในการเขียน blog บน GatsbyJS ครับ
ส่วน template ที่ใช้ในการเขียนบล็อก
และเมื่อ export เป็น Text Bundle ที่เป็นภาษา Markdown ดังนี้ครับ
# Template ชื่อบล็อก
---
title: "เขียนบล็อกด้วยภาษา Markdown ด้วยแอพจดโน๊ต Bear บน iOS"
date: "7/20/2018"
tags:
* Bear
---
#blog/draft
**Remove this tag** #blog/templateต่อไปประมวลผลไฟล์ และอัพโหลดรูปขึ้น dropbox ด้วยแอพ Workflow
ตั้งแต่รู้จักกับแอพ workflow นี้รู้สึกชีวิตจะสะดวกสบายหลายอย่าง มันช่วยมันง่ายที่เราต้องทำซ้ำๆ บ่อยให้เรา ก็เหมือนกับการเขียนโปรแกรมนั่นแหละคับ แต่มันจะเป็นการลากบล็อก ( อารมณ์เหมือน module ที่มี input และ output ) มาเรียงต่อกันเป็นชุดคำสั่งครับ ทำให้เราสามารถทำ automation ง่ายๆ ได้ครับ
ใน Workflow: Publish bear note to markdown ทำอะไรบ้าง
- ขอสิทธิ์การเขียนไฟล์ลงบน Dropbox ในทีนี้ผมตั้งค่าให้เก็บไฟล์รูปที่
/Public/blog - ใส่ชื่อของโน๊ตลงไปใน
[POST_TITLE] - ใส่วันที่ปัจจุบันลงไปใน
[TITLE] - อัพโหลดรูปขึ้น dropbox ทุกรูป แล้วแก้ url ให้เป็น direct link
- จากนั้นแก้รูปแบบให้ตรงกับ yaml frontmatter เป็นอันเสร็จ
ขั้นตอนการนำไปใช้
- เตรียมแอพที่เกี่ยวข้อง Bear, Workflow, Git2Go และ account dropbox
- ดาวน์โหลด Workflow publish bear note to markdown ไปใช้
- เขียน Blog ด้วย bear โดยใช้ template ข้างบน หรือกำหนด template เองก็ได้
- ลบข้อความ
**Remove this tag** - กดไปที่ Export as ในเมนู แล้วเลือก Text Bundle
- เลือก Run as Workflow
- เลือก
Publish bear note to markdown - เลือกแอพที่จะเผยแพร่ ในที่นี้ผมใช้ Git2Go ในการเผยแพร่คับ
Download publish bear note to markdown Read more at my gist P.S. For English version, I will write later.
Cross published at Medium.com