π§ Sharpen your thinking with a second brain
Image credit: UnsplashCreate a personal knowledge base and share your knowledge with your peers.
Hugo Blox web framework empowers you with one of the most flexible note-taking capabilities out there.
Create a powerful knowledge base that works on top of a local folder of plain text Markdown files.
Use it as your second brain, either publicly sharing your knowledge with your peers via your website, or via a private GitHub repository and password-protected site just for yourself.
Mindmaps
Hugo Blox supports a Markdown extension for mindmaps.
With this open format, can even edit your mindmaps in other popular tools such as Obsidian.
Simply insert a Markdown code block labelled as markmap and optionally set the height of the mindmap as shown in the example below.
Mindmaps can be created by simply writing the items as a Markdown list within the markmap code block, indenting each item to create as many sub-levels as you need:
```markmap {height="200px"}
- Hugo Modules
- Hugo Blox
- netlify
- netlify-cms
- slides
```
renders as
- Hugo Modules - Hugo Blox - netlify - netlify-cms - slides
Anh here’s a more advanced mindmap with formatting, code blocks, and math:
```markmap
- Mindmaps
- Links
- [Hugo Blox Docs](https://docs.hugoblox.com/)
- [Discord Community](https://discord.gg/z8wNYzb)
- [GitHub](https://github.com/HugoBlox/kit)
- Features
- Markdown formatting
- **inline** ~~text~~ *styles*
- multiline
text
- `inline code`
- Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
```
renders as
- Mindmaps
- Links
- [Hugo Blox Docs](https://docs.hugoblox.com/)
- [Discord Community](https://discord.gg/z8wNYzb)
- [GitHub](https://github.com/HugoBlox/kit)
- Features
- Markdown formatting
- **inline** ~~text~~ *styles*
- multiline
text
- `inline code`
- Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$Highlighting
Highlight important text with mark:
<mark>Highlighted text</mark>
Callouts
Use callouts (aka asides, hints, or alerts) to draw attention to notes, tips, and warnings.
Use the > [!NOTE] syntax to create a callout.
> [!NOTE]
> A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
renders as
A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
Or use the warning callout type so your readers don’t miss critical details:
A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
Did you find this page helpful? Consider sharing it π

I am currently a postdoctoral researcher at the Shenzhen Campus of Sun Yat-sen University. My research focuses on exploiting the mechanical intelligence of rigid-flexible robots using advanced computational methods and machine learning tools.
My doctoral study, advised by Prof. WU Zhigang, advanced tensegrity robotics through mechanical modeling and computational methods. Before that, I worked on parallel computing and statistical analysis of turbulent flow under the mentorship of Prof. BAO Yun.
I am the creator of Rible.jl (ιΈζ₯), an open-source Julia package for the computational design of rigid-flexible robots.
When my research gets stuck, I enjoy (not in the psychoanalytic sense) swimming, readings, and movies.
