Room 211, District 11, East Main Building, Tsinghua University, Haidian District, Beijing, China, 100084
+Xiaowu He, Zeyu Wang, Xiangwen Zhuge
+Yi Zhao, Jiahang Wu, Hao Cao, Liang Dong, Xinjun Cai
+Prof. Zheng Yang：hmilyyz[AT]gmail[DOT]com
design: - spacing: - # Reduce bottom spacing so the testimonial appears vertically centered between sections - padding: ["6rem", 0, 0, 0] - - block: cta-card - content: - title: Build your future-proof website - text: As easy as 1, 2, 3! - button: - text: Get Started - url: https://hugoblox.com/templates/ + padding: [0,0,0,0] + - block: markdown + id: publication + content: + title: PUBLICATIONS + text: +
+
+```markmap {height="200px"}
+- Hugo Modules
+ - Hugo Blox
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+
+
+```markmap {height="200px"}
+- Hugo Modules
+ - Hugo Blox
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+
+
+```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}$
+```
+
+
+
+
+```markmap {height="200px"}
+- Hugo Modules
+ - Hugo Blox
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+
+
+```markmap {height="200px"}
+- Hugo Modules
+ - Hugo Blox
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+
+
+```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}$
+```
+
+
+Perhaps you were looking for one of these?
+ + + + +
+
+ 
+ Image credit: Unsplash
+ Hugo Blox is designed to give technical content creators a seamless experience. You can focus on the content and Hugo Blox handles the rest.
+Use popular tools such as Plotly, Mermaid, and data frames.
+Hugo Blox supports the popular Plotly format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine!
+Save your Plotly JSON in your page folder, for example line-chart.json, and then add the {{< chart data="line-chart" >}} shortcode where you would like the chart to appear.
Demo:
+ + + + + + + +You might also find the Plotly JSON Editor useful.
+Hugo Blox supports the Mermaid Markdown extension for diagrams.
+An example flowchart:
+```mermaid
+graph TD
+A[Hard] -->|Text| B(Round)
+B --> C{Decision}
+C -->|One| D[Result 1]
+C -->|Two| E[Result 2]
+```
+renders as
+An example sequence diagram:
+```mermaid
+sequenceDiagram
+Alice->>John: Hello John, how are you?
+loop Healthcheck
+ John->>John: Fight against hypochondria
+end
+Note right of John: Rational thoughts!
+John-->>Alice: Great!
+John->>Bob: How about you?
+Bob-->>John: Jolly good!
+```
+renders as
+An example class diagram:
+```mermaid
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+Class03 *-- Class04
+Class05 o-- Class06
+Class07 .. Class08
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+Class08 <--> C2: Cool label
+```
+renders as
+An example state diagram:
+```mermaid
+stateDiagram
+[*] --> Still
+Still --> [*]
+Still --> Moving
+Moving --> Still
+Moving --> Crash
+Crash --> [*]
+```
+renders as
+Save your spreadsheet as a CSV file in your page’s folder and then render it by adding the Table shortcode to your page:
+{{< table path="results.csv" header="true" caption="Table 1: My results" >}}
+renders as
+ + + + + + + + + + + + + + +| customer_id | score |
|---|---|
| 1 | + + + +0 | + + +
| 2 | + + + +0.5 | + + +
| 3 | + + + +1 | + + +
+
+
+
+ 
+ Image credit: Unsplash
+ Welcome 👋
+To help us develop this template and software sustainably under the MIT license, we ask all individuals and businesses that use it to help support its ongoing maintenance and development via sponsorship.
+As a token of appreciation for sponsoring, you can unlock these awesome rewards and extra features 🦄✨
+Learn what other creators are building with this template.
+Hugo Blox and its templates come with automatic day (light) and night (dark) mode built-in. Visitors can choose their preferred mode by clicking the sun/moon icon in the header.
+Choose a stunning theme and font for your site. Themes are fully customizable.
+Copyright 2016-present George Cushen.
+Released under the MIT license.
+ +
+
+ 
+
+ + Take full control of your personal brand and privacy by migrating away from the big tech platforms!
+Oct 27, 2023
+
+
+ + Create a personal knowledge base and share your knowledge with your peers.
+Oct 26, 2023
+
+
+ + Use popular tools such as Plotly, Mermaid, and data frames.
+Oct 25, 2023
+
+
+ + Embed videos, podcasts, code, LaTeX math, and even test students!
+Oct 24, 2023
+
+
+ + Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
+Oct 23, 2023
+
+
+ 
+ Image credit: Unsplash
+ Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
+Hugo Blox supports a Markdown extension for mindmaps.
+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
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+renders as
+- Hugo Modules + - Hugo Blox + - blox-plugins-netlify + - blox-plugins-netlify-cms + - blox-plugins-reveal+
Hugo Blox supports the Mermaid Markdown extension for diagrams.
+An example Gantt diagram:
+```mermaid
+gantt
+section Section
+Completed :done, des1, 2014-01-06,2014-01-08
+Active :active, des2, 2014-01-07, 3d
+Parallel 1 : des3, after des1, 1d
+Parallel 2 : des4, after des1, 1d
+Parallel 3 : des5, after des3, 1d
+Parallel 4 : des6, after des4, 1d
+```
+renders as
+You can even write your todo lists in Markdown too:
+- [x] Write math example
+ - [x] Write diagram example
+- [ ] Do something else
+renders as
+
+
+
+
+ 
+ Image credit: Unsplash
+ 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.
+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
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+renders as
+- 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:
+
+
+```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}$
+```
+
+
+renders as
+- 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}$
+Highlight important text with mark:
<mark>Highlighted text</mark>
+Use 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.
{{% callout note %}}
+A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
+{{% /callout %}}
+renders as
+Or use the warning callout type so your readers don’t miss critical details:
+
+
+
+ 
+ Embed rich media such as videos and LaTeX math
+ Hugo Blox Builder is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.
+Embed videos, podcasts, code, LaTeX math, and even test students!
+On this page, you’ll find some examples of the types of technical content that can be rendered with Hugo Blox.
+Teach your course by sharing videos with your students. Choose from one of the following approaches:
+ + + + + +Youtube:
+{{< youtube w7Ft2ymGmfc >}}
+Bilibili:
+{{< bilibili id="BV1WV4y1r7DF" >}}
+Video file
+Videos may be added to a page by either placing them in your assets/media/ media library or in your page’s folder, and then embedding them with the video shortcode:
{{< video src="my_video.mp4" controls="yes" >}}
+You can add a podcast or music to a page by placing the MP3 file in the page’s folder or the media library folder and then embedding the audio on your page with the audio shortcode:
+{{< audio src="ambient-piano.mp3" >}}
+Try it out:
+ + + + + + + + + + + + + + + + + + + +Provide a simple yet fun self-assessment by revealing the solutions to challenges with the spoiler shortcode:
{{< spoiler text="👉 Click to view the solution" >}}
+You found me!
+{{< /spoiler >}}
+renders as
+Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the math option in your config/_default/params.yaml file.
To render inline or block math, wrap your LaTeX math with {{< math >}}$...${{< /math >}} or {{< math >}}$$...$${{< /math >}}, respectively.
Example math block:
+{{< math >}}
+$$
+\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}
+$$
+{{< /math >}}
+renders as
+ +$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$ + + +Example inline math {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}} renders as $\nabla F(\mathbf{x}_{n})$
+.
Example multi-line math using the math linebreak (\\):
{{< math >}}
+$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
+1-p_{0}^{*} & \text{if }k=0.\end{cases}$$
+{{< /math >}}
+renders as
+ + +$$ +f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ +1-p_{0}^{*} & \text{if }k=0.\end{cases} +$$ + + + +Hugo Blox Builder utilises Hugo’s Markdown extension for highlighting code syntax. The code theme can be selected in the config/_default/params.yaml file.
```python
+import pandas as pd
+data = pd.read_csv("data.csv")
+data.head()
+```
+renders as
+import pandas as pd
+data = pd.read_csv("data.csv")
+data.head()
+{{< icon name="python" >}} Python
+renders as
++ + + Python
+
+
+ 
+
+ 
+ Image credit: Unsplash
+ Hugo Blox is designed to give technical content creators a seamless experience. You can focus on the content and Hugo Blox handles the rest.
+Use popular tools such as Plotly, Mermaid, and data frames.
+Hugo Blox supports the popular Plotly format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine!
+Save your Plotly JSON in your page folder, for example line-chart.json, and then add the {{< chart data="line-chart" >}} shortcode where you would like the chart to appear.
Demo:
+ + + + + + + +You might also find the Plotly JSON Editor useful.
+Hugo Blox supports the Mermaid Markdown extension for diagrams.
+An example flowchart:
+```mermaid
+graph TD
+A[Hard] -->|Text| B(Round)
+B --> C{Decision}
+C -->|One| D[Result 1]
+C -->|Two| E[Result 2]
+```
+renders as
+An example sequence diagram:
+```mermaid
+sequenceDiagram
+Alice->>John: Hello John, how are you?
+loop Healthcheck
+ John->>John: Fight against hypochondria
+end
+Note right of John: Rational thoughts!
+John-->>Alice: Great!
+John->>Bob: How about you?
+Bob-->>John: Jolly good!
+```
+renders as
+An example class diagram:
+```mermaid
+classDiagram
+Class01 <|-- AveryLongClass : Cool
+Class03 *-- Class04
+Class05 o-- Class06
+Class07 .. Class08
+Class09 --> C2 : Where am i?
+Class09 --* C3
+Class09 --|> Class07
+Class07 : equals()
+Class07 : Object[] elementData
+Class01 : size()
+Class01 : int chimp
+Class01 : int gorilla
+Class08 <--> C2: Cool label
+```
+renders as
+An example state diagram:
+```mermaid
+stateDiagram
+[*] --> Still
+Still --> [*]
+Still --> Moving
+Moving --> Still
+Moving --> Crash
+Crash --> [*]
+```
+renders as
+Save your spreadsheet as a CSV file in your page’s folder and then render it by adding the Table shortcode to your page:
+{{< table path="results.csv" header="true" caption="Table 1: My results" >}}
+renders as
+ + + + + + + + + + + + + + +| customer_id | score |
|---|---|
| 1 | + + + +0 | + + +
| 2 | + + + +0.5 | + + +
| 3 | + + + +1 | + + +
+
+
+
+ 
+ Image credit: Unsplash
+ Welcome 👋
+To help us develop this template and software sustainably under the MIT license, we ask all individuals and businesses that use it to help support its ongoing maintenance and development via sponsorship.
+As a token of appreciation for sponsoring, you can unlock these awesome rewards and extra features 🦄✨
+Learn what other creators are building with this template.
+Hugo Blox and its templates come with automatic day (light) and night (dark) mode built-in. Visitors can choose their preferred mode by clicking the sun/moon icon in the header.
+Choose a stunning theme and font for your site. Themes are fully customizable.
+Copyright 2016-present George Cushen.
+Released under the MIT license.
+ +
+
+ 
+
+ + Take full control of your personal brand and privacy by migrating away from the big tech platforms!
+Oct 27, 2023
+
+
+ + Create a personal knowledge base and share your knowledge with your peers.
+Oct 26, 2023
+
+
+ + Use popular tools such as Plotly, Mermaid, and data frames.
+Oct 25, 2023
+
+
+ + Embed videos, podcasts, code, LaTeX math, and even test students!
+Oct 24, 2023
+
+
+ + Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
+Oct 23, 2023
+
+
+ 
+ Image credit: Unsplash
+ Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
+Hugo Blox supports a Markdown extension for mindmaps.
+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
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+renders as
+- Hugo Modules + - Hugo Blox + - blox-plugins-netlify + - blox-plugins-netlify-cms + - blox-plugins-reveal+
Hugo Blox supports the Mermaid Markdown extension for diagrams.
+An example Gantt diagram:
+```mermaid
+gantt
+section Section
+Completed :done, des1, 2014-01-06,2014-01-08
+Active :active, des2, 2014-01-07, 3d
+Parallel 1 : des3, after des1, 1d
+Parallel 2 : des4, after des1, 1d
+Parallel 3 : des5, after des3, 1d
+Parallel 4 : des6, after des4, 1d
+```
+renders as
+You can even write your todo lists in Markdown too:
+- [x] Write math example
+ - [x] Write diagram example
+- [ ] Do something else
+renders as
+
+
+
+
+ 
+ Image credit: Unsplash
+ 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.
+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
+ - blox-plugins-netlify
+ - blox-plugins-netlify-cms
+ - blox-plugins-reveal
+```
+
+
+renders as
+- 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:
+
+
+```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}$
+```
+
+
+renders as
+- 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}$
+Highlight important text with mark:
<mark>Highlighted text</mark>
+Use 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.
{{% callout note %}}
+A Markdown aside is useful for displaying notices, hints, or definitions to your readers.
+{{% /callout %}}
+renders as
+Or use the warning callout type so your readers don’t miss critical details:
+
+
+
+ 
+ Embed rich media such as videos and LaTeX math
+ Hugo Blox Builder is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest.
+Embed videos, podcasts, code, LaTeX math, and even test students!
+On this page, you’ll find some examples of the types of technical content that can be rendered with Hugo Blox.
+Teach your course by sharing videos with your students. Choose from one of the following approaches:
+ + + + + +Youtube:
+{{< youtube w7Ft2ymGmfc >}}
+Bilibili:
+{{< bilibili id="BV1WV4y1r7DF" >}}
+Video file
+Videos may be added to a page by either placing them in your assets/media/ media library or in your page’s folder, and then embedding them with the video shortcode:
{{< video src="my_video.mp4" controls="yes" >}}
+You can add a podcast or music to a page by placing the MP3 file in the page’s folder or the media library folder and then embedding the audio on your page with the audio shortcode:
+{{< audio src="ambient-piano.mp3" >}}
+Try it out:
+ + + + + + + + + + + + + + + + + + + +Provide a simple yet fun self-assessment by revealing the solutions to challenges with the spoiler shortcode:
{{< spoiler text="👉 Click to view the solution" >}}
+You found me!
+{{< /spoiler >}}
+renders as
+Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. You can enable this feature by toggling the math option in your config/_default/params.yaml file.
To render inline or block math, wrap your LaTeX math with {{< math >}}$...${{< /math >}} or {{< math >}}$$...$${{< /math >}}, respectively.
Example math block:
+{{< math >}}
+$$
+\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}
+$$
+{{< /math >}}
+renders as
+ +$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$ + + +Example inline math {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}} renders as $\nabla F(\mathbf{x}_{n})$
+.
Example multi-line math using the math linebreak (\\):
{{< math >}}
+$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
+1-p_{0}^{*} & \text{if }k=0.\end{cases}$$
+{{< /math >}}
+renders as
+ + +$$ +f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ +1-p_{0}^{*} & \text{if }k=0.\end{cases} +$$ + + + +Hugo Blox Builder utilises Hugo’s Markdown extension for highlighting code syntax. The code theme can be selected in the config/_default/params.yaml file.
```python
+import pandas as pd
+data = pd.read_csv("data.csv")
+data.head()
+```
+renders as
+import pandas as pd
+data = pd.read_csv("data.csv")
+data.head()
+{{< icon name="python" >}} Python
+renders as
++ + + Python
+
+
+