🌘 我是如何管理部落格圖片的
➤ 從繁瑣的手動匯出到流暢的自動化工作流
https://blog.lysk.tech/excalidraw-frame-export/
作者分享了他如何解決部落格繪圖工作流中繁瑣的手動匯出問題。最初,他嘗試透過 GitHub Actions 自動將 Excalidraw 檔案轉換為 SVG,但因本地無法預覽及開發體驗不佳而作罷。最終,他透過修改 Excalidraw 的 VSCode 擴充功能,實現了「即時自動匯出」機制:只需在 Excalidraw 中為選定元素加上命名為 `export_` 開頭的框架,工具便會自動將其同步匯出為亮色與深色模式的 SVG。這種方式不僅提升了創作效率,更讓作者能即時在部落格中預覽圖表成果。
+ 這太實用了!以前手動處理 dark mode 的圖片總是非常挫折,現在有了自動化匯出,寫技術文章的動力都變強了。
+ 雖然這解決了作者的問題,但如果不打算合併回官方擴充套件,長期維護一個 fork 版本可能會有些累人,建議還是開個 Issue 給官方參考。
#部落格 #Excalidraw #VSCode #自動化工具
How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

🚨 ALERT: #Blogger discovers #Excalidraw for diagramming! 🚨 In a radical breakthrough, our hero martylsk finally figures out that #doodling can accompany words on a blog. Truly, a revelation worthy of 2026! 🧙‍♂️✨ Who knew that a stylus could replace his quill? 🙄
https://blog.lysk.tech/excalidraw-frame-export/ #Diagramming #Innovation #HackerNews #ngated
How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

How I manage Images for my Blog | Martin Lysk

TL;DR I use an Excalidraw, wrap the elements of interest with a frame, name it with export_ prefix, my forked excalidraw extension automatically generates SVGs for light and dark mode.

I think you could take a look at #Excalidraw, released under MIT/Expat license:

https://github.com/excalidraw/excalidraw

#FreeSoftware #FreeAsInFreedom #whiteboard
GitHub - excalidraw/excalidraw: Virtual whiteboard for sketching hand-drawn like diagrams

Virtual whiteboard for sketching hand-drawn like diagrams - excalidraw/excalidraw

GitHub
Pues ya tengo mis 11 subdominios migrados de #Cloudflare a mi instancia de #Pangolin.
La instalación de Pangolin en #VPS ha sido muy fácil, pero no ha sido trivial la migración de los subdominios, aunque una vez entendida la mecánica y un poco de paciencia a la hora de que se refresquen los DNS, he podido hacer que todo funcionara (#SearXNG, #WordPress, #Mastodon, #Matomo, #Nextcloud, #Wikijs, #Vaultwarden, #Excalidraw, #DrawIO, #Umami y #Mealie).
#SelfHosting #SelfHost #DockerCompose #Docker
@shanecelis I'm on the journey going from #VScode to #Zed... actually, the only reason I still use #VSCode is that it has browser preview and I can have extensions like #Excalidraw or #Typst.
The open source design stack

Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you.

Piccalilli

Moritz Kremb (@moritzkremb)

Claude Code가 Excalidraw 파일 생성에 유용하다는 경험 공유. 작성자는 로컬 폴더에 있는 기존 Excalidraw 파일들을 참조로 넣어 컨텍스트를 제공하자 Claude Code가 자동으로 Excalidraw 파일을 생성했다고 보고함.

https://x.com/moritzkremb/status/2027065320150618134

#claude #excalidraw #codegen #tools

Moritz Kremb (@moritzkremb) on X

claude code is pretty good at creating excalidraw files i just pointed it at my local folder which contained excalidraw files, gave it some context and it created this

X (formerly Twitter)
@badnetmask @rachel I quite like #Excalidraw - gives nice handwritten/whiteboard vibes

Excalidraw es una herramienta excelente <3

#Excalidraw #OpenSource