chore(starters): bump modules and Hugo

content/blog/second-brain/index.md

@@ -0,0 +1,138 @@
+---
+title: 🧠 Sharpen your thinking with a second brain
+summary: Create a personal knowledge base and share your knowledge with your peers.
+date: 2023-10-26
+authors:
+  - admin
+tags:
+  - Second Brain
+  - Markdown
+image:
+  caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
+---
+
+Create 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:
+
+<div class="highlight">
+<pre class="chroma">
+<code>
+```markmap {height="200px"}
+- Hugo Modules
+  - Hugo Blox
+  - blox-plugins-netlify
+  - blox-plugins-netlify-cms
+  - blox-plugins-reveal
+```
+</code>
+</pre>
+</div>
+
+renders as
+
+```markmap {height="200px"}
+- Hugo Modules
+  - Hugo Blox
+  - blox-plugins-netlify
+  - blox-plugins-netlify-cms
+  - blox-plugins-reveal
+```
+
+Anh here's a more advanced mindmap with formatting, code blocks, and math:
+
+<div class="highlight">
+<pre class="chroma">
+<code>
+```markmap
+- Mindmaps
+  - Links
+    - [Hugo Blox Docs](https://docs.hugoblox.com/)
+    - [Discord Community](https://discord.gg/z8wNYzb)
+    - [GitHub](https://github.com/HugoBlox/hugo-blox-builder)
+  - Features
+    - Markdown formatting
+    - **inline** ~~text~~ *styles*
+    - multiline
+      text
+    - `inline code`
+    -
+      ```js
+      console.log('hello');
+      console.log('code block');
+      ```
+    - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
+```
+</code>
+</pre>
+</div>
+
+renders as
+
+```markmap
+- Mindmaps
+  - Links
+    - [Hugo Blox Docs](https://docs.hugoblox.com/)
+    - [Discord Community](https://discord.gg/z8wNYzb)
+    - [GitHub](https://github.com/HugoBlox/hugo-blox-builder)
+  - Features
+    - Markdown formatting
+    - **inline** ~~text~~ *styles*
+    - multiline
+      text
+    - `inline code`
+    -
+      ```js
+      console.log('hello');
+      console.log('code block');
+      ```
+    - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
+```
+
+## Highlighting
+
+<mark>Highlight</mark> important text with `mark`:
+
+```html
+<mark>Highlighted text</mark>
+```
+
+## Callouts
+
+Use [callouts](https://docs.hugoblox.com/reference/markdown/#callouts) (aka _asides_, _hints_, or _alerts_) to draw attention to notes, tips, and warnings.
+
+By wrapping a paragraph in `{{%/* callout note */%}} ... {{%/* /callout */%}}`, it will render as an aside.
+
+```markdown
+{{%/* callout note */%}}
+A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
+{{%/* /callout */%}}
+```
+
+renders as
+
+{{% callout note %}}
+A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
+{{% /callout %}}
+
+Or use the `warning` callout type so your readers don't miss critical details:
+
+{{% callout warning %}}
+A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
+{{% /callout %}}
+
+## Did you find this page helpful? Consider sharing it 🙌