Re: Astro integration / how to maintain reasonable staff-staff spacing when `crop` is enabled
"Ky Decker" <[email protected]> Thu, 30 Jul 2026 19:50:26 -0400
| Newsgroups | gmane.comp.gnu.lilypond.general |
|---|---|
| Message-ID | <[email protected]> |
--0c8c91f961c480d640044e225ecf5fbe0ed1a3b8 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: quoted-printable Hey folks, I=E2=80=99ve continued to push updates to my Astro LilyPond integration. https://lilypond.ky.fyi It now supports: =E2=80=A2 Writing and outputting scores inside Markdown =E2=80=A2 Generating automatic `alt` text for images based on the =E2=80= =9Ctitle=E2=80=9D and =E2=80=9Ccomposer=E2=80=9D in the header of a score =E2=80=A2 Support for outputting multi-page scores inside semantic orde= red list elements =E2=80=A2 Integration with Astro=E2=80=99s content collections (point y= our site at a folder full of .ly files and it will allow you to query an= d display them on individual pages or on an index) =E2=80=A2 Ability to automatically install and cache the LilyPond binar= y for rendering scores when building and deploying the site via CI (GitH= ub Actions, Cloudflare, Netlify, Vercel, etc.) The end result of this integration is you can treat .ly files like any = other code in a codebase and use them to compile nice SVG or PNG images = to display to users who view your site. I=E2=80=99ve copied over the official LilyPond examples <https://lilypon= d.ky.fyi/examples/> to demonstrate the integration working in practice. Give it a spin and comment or file an issue if you run into any bugs. It=E2=80=99s still pre-v1.0, but I=E2=80=99m hoping not to make too many= more breaking API changes before then. https://lilypond.ky.fyi Ky PS Still interested in if anyone knows of a systematic way to increase s= pacing between staves when =E2=80=9Ccrop=E2=80=9D is on.=20 On Sun, Jul 19, 2026, at 11:26 AM, Ky Decker wrote: > Hi! >=20 > I'm building an integration for Astro which allows compiling and displ= aying LilyPond scores: >=20 > https://lilypond.ky.fyi >=20 > Currently I'm setting `crop` on all scores by default in order to help= with responsive web design and prevent unnecessary whitespace on webpag= es. >=20 > However, the `crop` default causes spacing between staff groups to be = overly tight, see examples: >=20 > https://lilypond.ky.fyi/examples/ >=20 > Is there any way to reserve a reasonable amount of space between stave= s when enabling `crop`? >=20 > Ky Decker --0c8c91f961c480d640044e225ecf5fbe0ed1a3b8 Content-Type: text/html; charset=utf-8 Content-Transfer-Encoding: quoted-printable <!DOCTYPE html><html><head><title></title></head><body><div>Hey folks,</= div><div><br></div><div>I=E2=80=99ve continued to push updates to my Ast= ro LilyPond integration.</div><div><br></div><div><a href=3D"https://lil= ypond.ky.fyi/">https://lilypond.ky.fyi</a><br></div><div><br></div><div>= It now supports:</div><ul><li> Writing and outputting scores inside Mark= down</li><li>Generating automatic `alt` text for images based on the =E2= =80=9Ctitle=E2=80=9D and =E2=80=9Ccomposer=E2=80=9D in the header of a s= core</li><li>Support for outputting multi-page scores inside semantic or= dered list elements</li><li>Integration with Astro=E2=80=99s content col= lections (point your site at a folder full of .ly files and it will allo= w you to query and display them on individual pages or on an index)</li>= <li>Ability to automatically install and cache the LilyPond binary for r= endering scores when building and deploying the site via CI (GitHub Acti= ons, Cloudflare, Netlify, Vercel, etc.)</li></ul><div>The end result of = this integration is you can treat .ly files like any other code in= a codebase and use them to compile nice SVG or PNG images to display to= users who view your site.</div><div><br></div><div>I=E2=80=99ve copied = over the official <a href=3D"https://lilypond.ky.fyi/examples/">LilyPond= examples</a> to demonstrate the integration working in practice.</div><= div><br></div><div>Give it a spin and comment or file an issue if you ru= n into any bugs.</div><div><br></div><div>It=E2=80=99s still pre-v1.0, b= ut I=E2=80=99m hoping not to make too many more breaking API changes bef= ore then.</div><div><br></div><div><a href=3D"https://lilypond.ky.fyi/">= https://lilypond.ky.fyi</a><br></div><div><br></div><div>Ky</div><div><b= r></div><div>PS Still interested in if anyone knows of a systematic= way to increase spacing between staves when =E2=80=9Ccrop=E2=80=9D is o= n. <br></div><div><br></div><div>On Sun, Jul 19, 2026, at 11:26 AM,= Ky Decker wrote:</div><blockquote type=3D"cite" id=3D"qt" style=3D""><d= iv>Hi!</div><div><br></div><div>I'm building an integration for Astro wh= ich allows compiling and displaying LilyPond scores:</div><div><br></div= ><div><a href=3D"https://lilypond.ky.fyi/" rel=3D"noopener noreferrer" t= arget=3D"_blank" title=3D"https://lilypond.ky.fyi/">https://lilypond.ky.= fyi</a></div><div><br></div><div>Currently I'm setting `crop` on all sco= res by default in order to help with responsive web design and prevent u= nnecessary whitespace on webpages.</div><div><br></div><div>However, the= `crop` default causes spacing between staff groups to be overly tight, = see examples:</div><div><br></div><div><a href=3D"https://lilypond.ky.fy= i/examples/" rel=3D"noopener noreferrer" target=3D"_blank" title=3D"http= s://lilypond.ky.fyi/examples/">https://lilypond.ky.fyi/examples/</a></di= v><div><br></div><div>Is there any way to reserve a reasonable amount of= space between staves when enabling `crop`?</div><div><br></div><div>Ky = Decker</div></blockquote><div><br></div></body></html> --0c8c91f961c480d640044e225ecf5fbe0ed1a3b8--