title: Command Execution Styles - EasyTask Documentation description: Professional Markdown command display patterns for EasyTask technical documentation including tabs, copy buttons, and expandable outputs. keywords: - easytask documentation style - easytask - markdown commands - mkdocs code blocks - documentation formatting
๐ป Command Execution Styles in Markdown¶
This guide showcases multiple professional ways to display commands and their outputs in Markdown โ ideal for developer documentation or instructional content where users need to copy-paste terminal commands easily.
โ Basic Shell Block (Most Common)¶
$ easytaskctl init --config /etc/easytask/config.yaml
Initializing scheduler...
โ Configuration loaded
โ Scheduler started
- Simple, readable, copy-paste ready.
$indicates command line prompt.
๐งพ Split Command and Output (Clearer Separation)¶
- Highlights input vs. output.
- Great for technical tutorials.
๐งช Tabs for OS Variants (MkDocs Only)¶
Requires
pymdownx.tabbedinmkdocs.yml.
๐ With Copy Button (MkDocs Material)¶
<div class="codehilite">
<button class="copy-button">Copy</button>
<pre><code class="language-bash">$ easytaskctl deploy --env prod</code></pre>
</div>
- Requires enabling the
copy-buttonplugin in MkDocs Material. - Excellent for UI-friendly docs.
๐ฝ Expandable Output (Clean UX for Long Output)¶
??? example "Show Output"
```text
Agent initialized
Connected to Redis backend
Listening on port 8793
```
Requires
admonitionandpymdownx.details.
๐ฏ With Icon & Caption (Material Icons)¶
Run This Command
Use Material Design Icons in MkDocs for a polished feel.
๐งฉ Recommendation¶
Use:
- Fenced
bashblocks for most users. - Tabs for multi-OS support.
- Expandable blocks for long outputs.
- Copy buttons for UI polish in MkDocs.
Frequently Asked Questions¶
What is the recommended way to display commands in EasyTask docs?
Use fenced bash code blocks for most commands. For multi-OS support, use MkDocs tabs, and for long outputs, use expandable admonition blocks.
Does MkDocs Material support copy buttons on code blocks?
Yes, enable the copy-button feature in your mkdocs.yml configuration to add one-click copy functionality to all code blocks.
How do I create expandable output sections?
Use the ??? example admonition syntax with pymdownx.details extension enabled in your MkDocs configuration.
Next Steps¶
- Download the Installer โ Get started with EasyTask installation
- Troubleshooting Guide โ Common issues and solutions
- Cloud Agent Installation โ Full cloud deployment guide