Markdown Styles Test
2026-05-09 • Documentation
Note: This post was generated with AI as it is simply a means to test all of the different Markdown features!
This document serves as a visual reference for how various Markdown elements render on the Field Notes page. It ensures consistency across all future hardware and software logs.
Typography and Text Elements
This is a standard paragraph. It demonstrates the default line height and text color. You can also include bold text to emphasize a point, or use italics for subtle stress.
If you need to link to external resources, standard Markdown links will automatically pick up the theme’s highlight color and hover states.
Lists and Organization
Unordered lists are useful for noting miscellaneous items, like a grocery list:
- Fruit
- Apples
- Bananas
- Bread
- Mild
Ordered lists work well for step-by-step instructions:
- Design the schematic in KiCad.
- Route the physical traces.
- Export the Gerber files for manufacturing.
Blockquotes
When referencing documentation or noting an observation, use blockquotes to separate the text from your main thoughts:
“The structural integrity of a truss joint depends entirely on the calculation of internal forces. Always double-check your component tables before finalizing a design.”
Code and Technical Snippets
For quick references within a sentence, you can use inline code blocks like npm install firebase or src/components/FieldNotes.tsx.
For larger technical logs, use standard fenced code blocks. Astro handles the formatting automatically:
// This is a test snippet for the syntax highlighter
function calculateForces(joint, load) {
const angle = Math.PI / 4;
return load * Math.sin(angle);
}
Visuals and Breaks
You can use horizontal rules to cleanly divide sections of a long post.
Images will automatically expand to fill the container and receive a subtle border and rounded corners to match the site’s aesthetic.
