We’re excited to announce a powerful new feature that makes sharing your code snippets easier than ever: GistHive Embeds. Whether you’re writing technical documentation, creating tutorials, or showcasing code examples on your blog, you can now embed your snippets directly into any webpage with full syntax highlighting and a polished interface.
Two Integration Methods
GistHive Embeds gives you flexibility in how you integrate snippets into your sites:
JavaScript Embed – Drop a simple script tag into your HTML and we’ll handle the rest. Perfect for content management systems and modern web applications where you want dynamic loading and automatic updates when you modify your snippets.
iframe Embed – A straightforward iframe that works everywhere, including platforms with restrictive content policies. No JavaScript required on your end, making it ideal for static sites and environments where script execution is limited.
Light and Dark Themes
Your embedded snippets should match your site’s aesthetic. That’s why every embed comes with both light and dark theme options. Whether your documentation uses a bright, clean design or your blog embraces dark mode, your code snippets will look right at home.
The theme selection is baked into the embed code, so once you’ve chosen your preferred style, it stays consistent across all your pages.
Customizable Line Numbers
Different contexts call for different presentations. Teaching a specific technique? Line numbers help readers follow along. Showcasing a short utility function? Sometimes line numbers just add noise.
With GistHive Embeds, you control whether line numbers appear. Toggle them on or off based on what makes sense for each snippet and context. It’s a small detail that makes a meaningful difference in readability.
Getting Started
Creating an embed is straightforward:
- Navigate to any snippet in your GistHive workspace
- Click the “Embed” button
- Choose your integration method (JavaScript or iframe)
- Select your theme (light or dark)
- Toggle line numbers on or off
- Copy the generated code and paste it into your site
That’s it. Your snippet is now live on your page with full syntax highlighting, and if you’re using the JavaScript embed, any updates you make to the snippet in GistHive will automatically reflect wherever it’s embedded.
Built for Developers
We’ve designed embeds with the same attention to detail we bring to the rest of GistHive. The Monaco Editor powers the display, giving you the same reliable syntax highlighting you’ve come to expect. The embed code is lightweight and won’t slow down your pages.
Whether you’re building a developer portfolio, maintaining technical documentation, or running a programming blog, GistHive Embeds helps you share your code professionally and efficiently.
Ready to start embedding? Head over to your snippets and look for the new embed option. We’re looking forward to seeing where your code shows up next.
Have feedback on embeds or ideas for what you’d like to see next? Get in touch – we’d love to hear from you.