DigiWhiteboard, DigiGarden and Second Brain ver.202602

ว่าด้วย excalidraw, obsidian, digital garden, second brain.

up: digital_garden

contents

• • flipside of this note
  • Introduction
  • problems, personal preferences, and the context
    • digital garden ในแบบของผม
    • second brain ในแบบของผม
  • resources
    • การใช้ excalidraw
    • ประเด็นน่าคิด
    • draft
• Excalidraw Data
  • Text Elements
  • Embedded Files
  • Drawing

flipside of this note

Introduction

เขียนเก็บไว้แลกเปลี่ยนกับมิตรสหายหลายๆ ท่าน :v
เป็นแบบร่างการใช้ excalidraw, obsidian เพื่อเอามาทำ second brain, digital garden

หมายเหตุ:

• ยังไม่ได้ลองจริงนานพอที่จะบอกว่าวิธีนี้เวิร์คไหม คงลองใช้เซ็ทอัพนี้ไปก่อนแล้วค่อยปรับไปเรื่อยๆ
• tools ในนี้คงไม่ future proof ขนาดนั้น เพราะพึ่ง obsidian เป็นแกนหลักเลย ส่วนตัวคงพยายามปลดแอกจาก obsidian ไปใช้ neovim, orgroam หรืออย่างอื่นในซักวันเหมือนกัน

problems, personal preferences, and the context

digital garden ในแบบของผม

เป้าหมาย ทำทำไม, กะใช้ทำไร:

• อยากดู digital note ที่ตัวเองจด แบบมี format สวยๆ มีตัวการ์ตูนโลดเล่นไปมาบ้าง
• ไว้เผยแพร่ something สู่ประชาชี (แบบบทความนี้), learning in public
• ไว้ info dump ยาวๆ ใส่เพื่อนหรือคนรู้จัก กันแชทหนักขวาด้วยการโยน link 555
  • usecase พี่ไทย
    My setup:
• ใช้ astro + cloudflare page
• เขียนใน obsidian แล้วอัพลง github
• วิธี setup ตาม resource
• structure: published note ทุกอันจะถูกอัพลงใน folder เดียวกัน (นึกถึงต้มจับฉ่าย) แต่จะมีโน๊ตบางอันทำหน้าที่คล้ายสารบัญ, จัดระเบียบโน๊ตประเภทนั้นๆ ตามใจข้าพเจ้า
  • ถ้าอธิบายด้วย terms ของ zettelkastern: ทั้ง permanant notes, literature notes, index notes จะถูกกองๆไว้ที่เดียวกัน ค่อยใช้ tags, การ link ข้างในตัวโน๊ตเองในการแบ่งประเภทโน๊ตกันเองทีหลัง
  • fleeting notes อยู่โซนอื่น ไม่เผยแพร่
• โน๊ตสารบัญจะถูกจัดวางให้เด่นๆ เข้าถึงง่ายหน่อย

second brain ในแบบของผม

• จัดวางให้ second brain เป็นก้อนใหญ่ และตัว published digital garden คือหนึ่งในโฟลเดอร์ย่อย
  • มีคนทำวิธีอื่นด้วย สร้าง property ให้ทุกๆ โน๊ตว่าโน๊ตนั้นจะ publish ไหม แล้วเขียนโค๊ดดึงข้อมูลเฉพาะตัวที่ publish ลงเว็บ ส่วนอื่นไม่ต้อง ข้อดีคือไม่ต้องแยก folder โลกส่วนตัว, โลกpublish
  • แต่ยังไม่เข้าใจการทำงานของมันถ่องแท้ เลยเอาวิธีเบสิกก่อน
• ใช้แนวคิดคล้าย ๆ ACE ของ nick milo
• โครงสร้าง folders
  • erdilixnet: ไว้อัพเว็บ
    • foto: ไว้แปะรูปสำหรับเว็บ
  • Personal: ส่วนตัว
  • RecycleSomeday: แยกไว้จาก personal เพราะอันนี้กะ publish ในซักวัน รวมอันที่ยังไม่มีแม้แต่โครงหยาบๆ
  • Map: รวมโน๊ตที่เชื่อมไปหา root notes, index notes ทั้งใน private, public อีกที/มี obsidian base (ตัวกรอง notes ใน folder) ไว้หาโน๊ตที่ตกหล่น, ช่วยจัดเรียงโน๊ตอีกแรง
  • Area•Career:
    • ทำ folder ย่อยๆ ในนี้ได้เต็มที่
    • ไว้รวมพวก project notes สำหรับแต่ละ tasks ที่มีกำหนดการชัดเจน, อยู่ในความรับผิดชอบ
    • เช่น meeting notes, กำหนดการ, requirements, ai prompts e.t.c
  • Area•Habits
    • habit tracker ผสมกับ gamified personal OKRs
    • แบ่งสิ่งที่จะลุยตามโฟกัส, ความเร่งด่วน (ลุยอยู่, พักไว้, ดอง)
    • ว่าจะทำควบคู่กับการจด habit tracker แบบ physical (เพราะบางอย่างควรทำโดยไม่เปิดคอม) กับอาจเชื่อมเป็น dashboard ในอนาคต

resources

แรงบันดาลใจในการสร้างระบบ
คลิปผญ.ผมแดง 1

คลิปผญ.ผมแดง 2

excalidraw marker frame tutorial

คลิป justin sung เรื่อง layers

คลิป justin sung เรื่องวิธีเรียน, ทำ mindmapping สไตล์แก⭐⭐⭐

คลิปสอนสร้าง directory นึงใน vault ให้เชื่อมกับ astro

alan chang

ACE framework

narze

• https://github.com/narze/garden-astro

dt in th

• https://dt.in.th/AboutThisWebsite
• https://dt.in.th/ManagingKnowledgePublicly

การใช้ excalidraw

ประเด็นน่าคิด

draft

• personal pov
  • อันนี้เวิ่นเว้อ
  • ทำไมแค่ list อย่างเดียวไม่น่าพอ
  • MOC, Index คือ hypergraph ที่คลุมโน๊ตที่เป็น nodes แต่ละอันไว้
  • MOC, index เราเขียนแบบ liner แต่บางทีเราก็ไม่อยากให้มัน linear
  • มันควรจับต้องได้ เรื่องที่เกี่ยวข้องควรเกาะกลุ่มกัน
  • เราอยากให้ตัวเอง manipulate โน๊ตย่อยๆ ในลักษณะเดียวกับ flash cards บน white board ได้
  • มันเป็นธรรมชาติกับเรามากกว่า
  • excalidraw เป็นทางเลือกนึง นอกนั้นก็ mermaid, tldraw, ใช้โปรแกรมอื่น
  • obsidian canvas ด้วย แต่มันดู
  • จริงๆ excalidraw plugin ก็ด้วยนี่หว่า lol

โครงสร้าง

• แผนภาพ Vault
  วิธีเล่น

• จด outline

• ลอง grouping

• fix ระหว่างเรียน

• export เป็นรูปใน note

• เราเคยใช้ excalidraw plugin ใน obsidian ช่วงปี 2-3

• เค้น capability มัน ช่วงนั้น ใช้จด ใช้ทำ diagram

• ฝากชีวิตไว้กับมัน เขียน mapping ร้านอาหารญี่ปุ่นกับการ์ตูนยูริ ยันเอามา design วงจรไฟฟ้า 555

• พยายามใช้มันแทนที่ notability และการจดด้วยมือ

• แต่มันก็มี limit ของมันอยู่ ถ้าเขียนไปเยอะๆ จะเริ่ม lag

• ข้อจำกัด

Excalidraw Data

Text Elements

Embedded Files

43ff22819760552fc4ce1350a45b0cd66625d7f7: Drawing 2026-02-25 09.14.07.excalidraw#^clippedframe=JpFCETp9

%%

Drawing

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

%%

created on: Tue Feb 24 2026