Step 1: Write your LaTeX
Type into the input box the way you'd write in a LaTeX document. Wrap inline math in single dollar signs and centered equations in double dollar signs. AMS environments work, so bmatrix, pmatrix, align and cases are all available — matrices and multi-line derivations included. You can mix explanatory text and formulas freely; a blank line starts a new paragraph, # makes a heading, **text** makes bold.
Step 2: Copy the generated HTML
The output box fills in as you type. Click Copy HTML.
Step 3: Paste it into Google Sites
Open the page you're editing. Choose Insert → Embed → Embed code, paste, click Next, then Insert. Drag the frame to the suggested height shown in the output header — the tool calculates it for you.
That's the whole process. Edit the LaTeX later and you regenerate and re-paste; nothing else in your page changes.
Why the output keeps working
The generated HTML contains your equations already drawn as vector graphics. Nothing loads at page view: no scripts, no fonts, no external images, no calls to any server. Three consequences worth knowing:
It renders instantly. No flash of unformatted LaTeX while a script downloads.
It doesn't rot. If this tool disappears tomorrow, every equation you already pasted keeps rendering, because there's no dependency left to break.
It stays sharp. Vector output scales to any screen and any zoom level without softening the way a screenshot does.
Limitations, stated plainly
Embed frames are fixed height. Google Sites won't resize a frame to fit its contents, so you set the height by hand. The tool tells you what number to use.
Embedded content isn't indexed. Google Sites doesn't include embedded code in its site search, and search engines don't credit iframe content to your page. If a section matters for search, write a plain-text summary of it outside the frame.
Screen readers can't read the equations. Vector drawings carry no text. If accessibility matters for your audience, add a short spoken-form description near each equation — "beta hat equals X prime X inverse, times X prime y."
Each block is a separate frame. For a page with several sections, generate one block per section rather than one enormous frame.