evan/portfolio-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

starters: port Academic theme to Tailwind

Browse Source
This commit is contained in:
Splitter
2024-05-19 15:39:33 +00:00
parent cefb239da0
commit 915d9bdad1
86 changed files with 1299 additions and 1442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
content/_index.md
View File

@@ -1,144 +1,90 @@
---
# Leave the homepage title empty to use the site title
title: ''
title: ""
date: 2022-10-24
type: landing
design:
# Default section spacing
spacing: "6rem"
sections:
- block: hero
demo: true # Only display this section in the Hugo Blox Builder demo site
- block: resume-biography-3
content:
title: Hugo Academic Theme
image:
filename: hero-academic.png
cta:
label: '**Get Started**'
url: https://hugoblox.com/templates/
cta_alt:
label: Ask a question
url: https://discord.gg/z8wNYzb
cta_note:
label: >-
<div style="text-shadow: none;"><a class="github-button" href="https://github.com/HugoBlox/hugo-blox-builder" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star">Star Hugo Blox Builder</a></div><div style="text-shadow: none;"><a class="github-button" href="https://github.com/HugoBlox/theme-academic-cv" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star">Star the Academic template</a></div>
text: |-
**Generated by Hugo Blox Builder - the FREE, Hugo-based open source website builder trusted by 500,000+ sites.**
**Easily build anything with blocks - no-code required!**
From landing pages, second brains, and courses to academic resumés, conferences, and tech blogs.
<!--Custom spacing-->
<div class="mb-3"></div>
<!--GitHub Button JS-->
<script async defer src="https://buttons.github.io/buttons.js"></script>
design:
background:
gradient_end: '#1976d2'
gradient_start: '#004ba0'
text_color_light: true
- block: about.biography
id: about
content:
title: Biography
# Choose a user profile to display (a folder name within `content/authors/`)
username: admin
- block: skills
text: ""
# Show a call-to-action button under your biography? (optional)
button:
text: Download CV
url: uploads/resume.pdf
design:
css_class: dark
background:
color: black
image:
# Add your image background to `assets/media/`.
filename: stacked-peaks.svg
filters:
brightness: 1.0
size: cover
position: center
parallax: false
- block: markdown
content:
title: Skills
text: ''
# Choose a user to display skills from (a folder name within `content/authors/`)
username: admin
title: '📚 My Research'
subtitle: ''
text: |-
Use this area to speak to your mission. I'm a research scientist in the Moonshot team at DeepMind. I blog about machine learning, deep learning, and moonshots.
I apply a range of qualitative and quantitative methods to comprehensively investigate the role of science and technology in the economy.
Please reach out to collaborate 😃
design:
columns: '1'
- block: experience
content:
title: Experience
# Date format for experience
# Refer to https://docs.hugoblox.com/customization/#date-format
date_format: Jan 2006
# Experiences.
# Add/remove as many `experience` items below as you like.
# Required fields are `title`, `company`, and `date_start`.
# Leave `date_end` empty if it's your current employer.
# Begin multi-line descriptions with YAML's `|2-` multi-line prefix.
items:
- title: CEO
company: GenCoin
company_url: ''
company_logo: org-gc
location: California
date_start: '2021-01-01'
date_end: ''
description: |2-
Responsibilities include:
* Analysing
* Modelling
* Deploying
- title: Professor of Semiconductor Physics
company: University X
company_url: ''
company_logo: org-x
location: California
date_start: '2016-01-01'
date_end: '2020-12-31'
description: Taught electronic engineering and researched semiconductor physics.
design:
columns: '2'
- block: accomplishments
content:
# Note: `&shy;` is used to add a 'soft' hyphen in a long heading.
title: 'Accomplish&shy;ments'
subtitle:
# Date format: https://docs.hugoblox.com/customization/#date-format
date_format: Jan 2006
# Accomplishments.
# Add/remove as many `item` blocks below as you like.
# `title`, `organization`, and `date_start` are the required parameters.
# Leave other parameters empty if not required.
# Begin multi-line descriptions with YAML's `|2-` multi-line prefix.
items:
- certificate_url: https://www.coursera.org
date_end: ''
date_start: '2021-01-25'
description: ''
icon: coursera
organization: Coursera
organization_url: https://www.coursera.org
title: Neural Networks and Deep Learning
url: ''
- certificate_url: https://www.edx.org
date_end: ''
date_start: '2021-01-01'
description: Formulated informed blockchain models, hypotheses, and use cases.
icon: edx
organization: edX
organization_url: https://www.edx.org
title: Blockchain Fundamentals
url: https://www.edx.org/professional-certificate/uc-berkeleyx-blockchain-fundamentals
- certificate_url: https://www.datacamp.com
date_end: '2020-12-21'
date_start: '2020-07-01'
description: ''
icon: datacamp
organization: DataCamp
organization_url: https://www.datacamp.com
title: 'Object-Oriented Programming in R'
url: ''
design:
columns: '2'
- block: collection
id: posts
id: papers
content:
title: Recent Posts
title: Featured Publications
filters:
folders:
- publication
featured_only: true
design:
view: article-grid
columns: 2
- block: collection
content:
title: Recent Publications
text: ""
filters:
folders:
- publication
exclude_featured: false
design:
view: citation
- block: collection
id: talks
content:
title: Recent & Upcoming Talks
filters:
folders:
- event
design:
view: article-grid
columns: 1
- block: collection
id: news
content:
title: Recent News
subtitle: ''
text: ''
# Page type to display. E.g. post, talk, publication...
page_type: post
# Choose how many pages you would like to display (0 = all pages)
count: 5
# Filter on criteria
filters:
folders:
- post
author: ""
category: ""
tag: ""
@@ -152,132 +98,28 @@ sections:
order: desc
design:
# Choose a layout view
view: compact
columns: '2'
- block: portfolio
id: projects
view: date-title-summary
# Reduce spacing
spacing:
padding: [0, 0, 0, 0]
- block: cta-card
demo: true # Only display this section in the Hugo Blox Builder demo site
content:
title: Projects
filters:
folders:
- project
# Default filter index (e.g. 0 corresponds to the first `filter_button` instance below).
default_button_index: 0
# Filter toolbar (optional).
# Add or remove as many filters (`filter_button` instances) as you like.
# To show all items, set `tag` to "*".
# To filter by a specific tag, set `tag` to an existing tag name.
# To remove the toolbar, delete the entire `filter_button` block.
buttons:
- name: All
tag: '*'
- name: Deep Learning
tag: Deep Learning
- name: Other
tag: Demo
design:
# Choose how many columns the section has. Valid values: '1' or '2'.
columns: '1'
view: showcase
# For Showcase view, flip alternate rows?
flip_alt_rows: false
- block: markdown
content:
title: Gallery
subtitle: ''
title: 👉 Build your own academic website like this
text: |-
{{< gallery album="demo" >}}
This site is generated by Hugo Blox Builder - the FREE, Hugo-based open source website builder trusted by 250,000+ academics like you.
<a class="github-button" href="https://github.com/HugoBlox/hugo-blox-builder" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star HugoBlox/hugo-blox-builder on GitHub">Star</a>
Easily build anything with blocks - no-code required!
From landing pages, second brains, and courses to academic resumés, conferences, and tech blogs.
button:
text: Get Started
url: https://hugoblox.com/templates/
design:
columns: '1'
- block: collection
id: featured
content:
title: Featured Publications
filters:
folders:
- publication
featured_only: true
design:
columns: '2'
view: card
- block: collection
content:
title: Recent Publications
text: |-
{{% callout note %}}
Quickly discover relevant content by [filtering publications](./publication/).
{{% /callout %}}
filters:
folders:
- publication
exclude_featured: true
design:
columns: '2'
view: citation
- block: collection
id: talks
content:
title: Recent & Upcoming Talks
filters:
folders:
- event
design:
columns: '2'
view: compact
- block: tag_cloud
content:
title: Popular Topics
design:
columns: '2'
- block: contact
id: contact
content:
title: Contact
subtitle:
text: |-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mi diam, venenatis ut magna et, vehicula efficitur enim.
# Contact (add or remove contact options as necessary)
email: test@example.org
phone: 888 888 88 88
appointment_url: 'https://calendly.com'
address:
street: 450 Serra Mall
city: Stanford
region: CA
postcode: '94305'
country: United States
country_code: US
directions: Enter Building 1 and take the stairs to Office 200 on Floor 2
office_hours:
- 'Monday 10:00 to 13:00'
- 'Wednesday 09:00 to 10:00'
# Choose a map provider in `params.yaml` to show a map from these coordinates
coordinates:
latitude: '37.4275'
longitude: '-122.1697'
contact_links:
- icon: twitter
icon_pack: fab
name: DM Me
link: 'https://twitter.com/Twitter'
- icon: skype
icon_pack: fab
name: Skype Me
link: 'skype:echo123?call'
- icon: video
icon_pack: fas
name: Zoom Me
link: 'https://zoom.com'
# Automatically link email and phone or display as text?
autolink: true
# Email form provider
form:
provider: netlify
formspree:
id:
netlify:
# Enable CAPTCHA challenge to reduce spam?
captcha: false
design:
columns: '2'
card:
# Card background color (CSS class)
css_class: "bg-primary-700"
css_style: ""
---

4
content/authors/_index.md
View File

@@ -1,7 +1,5 @@
---
cms_exclude: true
# To publish author profile pages, remove all of the `_build` and `cascade` settings below.
# To publish author profile pages, remove all the `_build` and `cascade` settings below.
_build:
render: never
cascade:

188
content/authors/admin/_index.md
View File

@@ -16,56 +16,114 @@ status:
# Is this the primary user of the site?
superuser: true
# Highlight the author in author lists? (true/false)
highlight_name: true
# Role/position/tagline
role: Professor of Artificial Intelligence
role: Chief Scientist
# Organizations/Affiliations to show in About widget
# Organizations/Affiliations to display in Biography blox
organizations:
- name: Stanford University
url: https://www.stanford.edu/
- name: OpenAI
url: https://openai.com/
# Short bio (displayed in user profile at end of posts)
bio: My research interests include distributed robotics, mobile computing and programmable matter.
# Social network links
# Need to use another icon? Simply download the SVG icon to your `assets/media/icons/` folder.
profiles:
- icon: at-symbol
url: 'mailto:your-email@example.com'
label: E-mail Me
- icon: brands/x
url: https://twitter.com/GetResearchDev
- icon: brands/instagram
url: https://www.instagram.com/
- icon: brands/github
url: https://github.com/gcushen
- icon: brands/linkedin
url: https://www.linkedin.com/
- icon: academicons/google-scholar
url: https://scholar.google.com/
- icon: academicons/orcid
url: https://orcid.org/
# Interests to show in About widget
interests:
- Artificial Intelligence
- Computational Linguistics
- Information Retrieval
# Education to show in About widget
education:
courses:
- course: PhD in Artificial Intelligence
institution: Stanford University
year: 2012
- course: MEng in Artificial Intelligence
institution: Massachusetts Institute of Technology
year: 2009
- course: BSc in Artificial Intelligence
institution: Massachusetts Institute of Technology
year: 2008
- area: PhD Artificial Intelligence
institution: Stanford University
date_start: 2016-01-01
date_end: 2020-12-31
summary: |
Thesis on _Why LLMs are awesome_. Supervised by [Prof Joe Smith](https://example.com). Presented papers at 5 IEEE conferences with the contributions being published in 2 Springer journals.
button:
text: 'Read Thesis'
url: 'https://example.com'
- area: MEng Artificial Intelligence
institution: Massachusetts Institute of Technology
date_start: 2016-01-01
date_end: 2020-12-31
summary: |
GPA: 3.8/4.0
Courses included:
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- area: BSc Artificial Intelligence
institution: Massachusetts Institute of Technology
date_start: 2016-01-01
date_end: 2020-12-31
summary: |
GPA: 3.4/4.0
Courses included:
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
work:
- position: Director of Cloud Infrastructure
company_name: GenCoin
company_url: ''
company_logo: ''
date_start: 2021-01-01
date_end: ''
summary: |2-
Responsibilities include:
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- position: Backend Software Engineer
company_name: X
company_url: ''
company_logo: ''
date_start: 2016-01-01
date_end: 2020-12-31
summary: |
Responsibilities include:
- Migrated infrastructure to a new data center
- lorem ipsum dolor sit amet, consectetur adipiscing elit
- lorem ipsum dolor sit amet, consectetur adipiscing elit
# Skills
# For available icons, see: https://docs.hugoblox.com/getting-started/page-builder/#icons
# Add your own SVG icons to `assets/media/icons/`
skills:
- name: Technical
- name: Technical Skills
items:
- name: Python
description: ''
percent: 80
icon: python
icon_pack: fab
icon: code-bracket
- name: Data Science
description: ''
percent: 100
icon: chart-line
icon_pack: fas
icon: chart-bar
- name: SQL
description: ''
percent: 40
icon: database
icon_pack: fas
icon: circle-stack
- name: Hobbies
color: '#eeac02'
color_border: '#f0bf23'
@@ -73,52 +131,56 @@ skills:
- name: Hiking
description: ''
percent: 60
icon: person-hiking
icon_pack: fas
icon: person-simple-walk
- name: Cats
description: ''
percent: 100
icon: cat
icon_pack: fas
- name: Photography
description: ''
percent: 80
icon: camera-retro
icon_pack: fas
icon: camera
# Social/Academic Networking
# For available icons, see: https://docs.hugoblox.com/getting-started/page-builder/#icons
# For an email link, use "fas" icon pack, "envelope" icon, and a link in the
# form "mailto:your-email@example.com" or "/#contact" for contact widget.
social:
- icon: envelope
icon_pack: fas
link: '/#contact'
- icon: twitter
icon_pack: fab
link: https://twitter.com/GeorgeCushen
label: Follow me on Twitter
display:
header: true
- icon: graduation-cap # Alternatively, use `google-scholar` icon from `ai` icon pack
icon_pack: fas
link: https://scholar.google.co.uk/citations?user=sIwtMXoAAAAJ
- icon: github
icon_pack: fab
link: https://github.com/gcushen
- icon: linkedin
icon_pack: fab
link: https://www.linkedin.com/
# Link to a PDF of your resume/CV.
# To use: copy your resume to `static/uploads/resume.pdf`, enable `ai` icons in `params.yaml`,
# and uncomment the lines below.
- icon: cv
icon_pack: ai
link: uploads/resume.pdf
languages:
- name: English
percent: 100
- name: Chinese
percent: 75
- name: Portuguese
percent: 25
# Highlight the author in author lists? (true/false)
highlight_name: true
# Awards.
# Add/remove as many awards below as you like.
# Only `title`, `awarder`, and `date` are required.
# Begin multi-line `summary` with YAML's `|` or `|2-` multi-line prefix and indent 2 spaces below.
awards:
- title: Neural Networks and Deep Learning
url: https://www.coursera.org/learn/neural-networks-deep-learning
date: '2023-11-25'
awarder: Coursera
icon: coursera
summary: |
I studied the foundational concept of neural networks and deep learning. By the end, I was familiar with the significant technological trends driving the rise of deep learning; build, train, and apply fully connected deep neural networks; implement efficient (vectorized) neural networks; identify key parameters in a neural network’s architecture; and apply deep learning to your own applications.
- title: Blockchain Fundamentals
url: https://www.edx.org/professional-certificate/uc-berkeleyx-blockchain-fundamentals
date: '2023-07-01'
awarder: edX
icon: edx
summary: |
Learned:
- Synthesize your own blockchain solutions
- Gain an in-depth understanding of the specific mechanics of Bitcoin
- Understand Bitcoin’s real-life applications and learn how to attack and destroy Bitcoin, Ethereum, smart contracts and Dapps, and alternatives to Bitcoin’s Proof-of-Work consensus algorithm
- title: 'Object-Oriented Programming in R'
url: https://www.datacamp.com/courses/object-oriented-programming-with-s3-and-r6-in-r
certificate_url: https://www.datacamp.com
date: '2023-01-21'
awarder: datacamp
icon: datacamp
summary: |
Object-oriented programming (OOP) lets you specify relationships between functions and the objects that they can act on, helping you manage complexity in your code. This is an intermediate level course, providing an introduction to OOP, using the S3 and R6 systems. S3 is a great day-to-day R programming tool that simplifies some of the functions that you write. R6 is especially useful for industry-specific analyses, working with web APIs, and building GUIs.
---
## About Me
Chien Shiung Wu is a professor of artificial intelligence at the Stanford AI Lab. Her research interests include distributed robotics, mobile computing and programmable matter. She leads the Robotic Neurobiology group, which develops self-reconfiguring robots, systems of self-organizing robots, and mobile sensor networks.
{style="text-align: justify;"}

14
content/event/_index.md
View File

@@ -1,15 +1,13 @@
---
title: Recent & Upcoming Talks
cms_exclude: true
#url: talk
# View.
# 1 = List
# 2 = Compact
# 3 = Card
view: 2
# View
view: card
# Optional header image (relative to `static/media/` folder).
header:
# Optional cover image (relative to `assets/media/` folder).
image:
caption: ''
image: ''
filename: ''
---

22
content/event/example/index.md
View File

@@ -24,7 +24,9 @@ all_day: false
# Schedule page publish date (NOT talk date).
publishDate: '2017-01-01T00:00:00Z'
authors: []
authors:
- admin
tags: []
# Is this a featured talk? (true/false)
@@ -34,22 +36,22 @@ image:
caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/bzdhc5b3Bxs)'
focal_point: Right
links:
- icon: twitter
icon_pack: fab
name: Follow
url: https://twitter.com/georgecushen
url_code: ''
#links:
# - icon: twitter
# icon_pack: fab
# name: Follow
# url: https://twitter.com/georgecushen
url_code: 'https://github.com'
url_pdf: ''
url_slides: ''
url_video: ''
url_slides: 'https://slideshare.net'
url_video: 'https://youtube.com'
# Markdown Slides (optional).
# Associate this talk with Markdown slides.
# Simply enter your slide deck's filename without extension.
# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`.
# Otherwise, set `slides = ""`.
slides: example
slides: ""
# Projects (optional).
# Associate this post with one or more of your projects.

35
content/experience.md Normal file
View File

@@ -0,0 +1,35 @@
---
title: 'Experience'
date: 2023-10-24
type: landing
design:
spacing: '5rem'
# Note: `username` refers to the user's folder name in `content/authors/`
# Page sections
sections:
- block: resume-experience
content:
username: admin
design:
# Hugo date format
date_format: 'January 2006'
# Education or Experience section first?
is_education_first: false
- block: resume-skills
content:
title: Skills & Hobbies
username: admin
design:
show_skill_percentage: false
- block: resume-awards
content:
title: Awards
username: admin
- block: resume-languages
content:
title: Languages
username: admin
---

15
content/post/_index.md
View File

@@ -1,15 +1,4 @@
---
title: Posts
cms_exclude: true
# View.
# 1 = List
# 2 = Compact
# 3 = Card
view: 2
# Optional header image (relative to `static/media/` folder).
header:
caption: ''
image: ''
title: Blog
view: article-grid
---

BIN
content/post/blog-with-jupyter/featured.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 70 KiB

34
content/post/blog-with-jupyter/index.md
View File

@@ -1,34 +0,0 @@
---
title: Blog with Jupyter Notebooks!
date: '2023-11-04'
summary: Easily blog from Jupyter notebooks!
---
```python
from IPython.core.display import Image
Image('https://www.python.org/static/community_logos/python-logo-master-v3-TM-flattened.png')
```
![png](output_1_0.png)
```python
print("Welcome to Academic!")
```
Welcome to Academic!
## Organize your notebooks
Place the notebooks that you would like to publish in a `notebooks` folder at the root of your website.
## Import the notebooks into your site
```bash
pipx install academic
academic import 'notebooks/**.ipynb' content/post/ --verbose
```
The notebooks will be published to the folder you specify above. In this case, they will be published to your `content/post/` folder.

BIN
content/post/blog-with-jupyter/output_1_0.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
content/post/data-visualization/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

155
content/post/data-visualization/index.md Normal file
View File

@@ -0,0 +1,155 @@
---
title: 📈 Communicate your results effectively with the best data visualizations
summary: Use popular tools such as Plotly, Mermaid, and data frames.
date: 2023-10-26
tags:
- Hugo
- Wowchemy
- Markdown
image:
caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
---
Wowchemy is designed to give technical content creators a seamless experience. You can focus on the content and Wowchemy handles the rest.
Use popular tools such as Plotly, Mermaid, and data frames.
## Charts
Wowchemy supports the popular [Plotly](https://plot.ly/) 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:
{{< chart data="line-chart" >}}
You might also find the [Plotly JSON Editor](http://plotly-json-editor.getforge.io/) useful.
## Diagrams
Wowchemy 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
```mermaid
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
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
```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!
```
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
```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
```
An example **state diagram**:
```mermaid
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```
renders as
```mermaid
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```
## Data Frames
Save your spreadsheet as a CSV file in your page's folder and then render it by adding the _Table_ shortcode to your page:
```go
{{</* table path="results.csv" header="true" caption="Table 1: My results" */>}}
```
renders as
{{< table path="results.csv" header="true" caption="Table 1: My results" >}}
## Did you find this page helpful? Consider sharing it 🙌

0
content/post/writing-technical-content/line-chart.json → content/post/data-visualization/line-chart.json
View File

0
content/post/writing-technical-content/results.csv → content/post/data-visualization/results.csv
View File

BIN
content/post/get-started/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 333 KiB

65
content/post/getting-started/index.md → content/post/get-started/index.md
View File

@@ -1,50 +1,23 @@
---
title: Welcome to Hugo Blox Builder, the website builder for Hugo
subtitle: Welcome 👋 We know that first impressions are important, so we've populated your new site with some initial content to help you get familiar with everything in no time.
# Summary for listings and search engines
summary: Welcome 👋 We know that first impressions are important, so we've populated your new site with some initial content to help you get familiar with everything in no time.
# Link this post with a project
projects: []
# Date published
date: '2020-12-13T00:00:00Z'
# Date updated
lastmod: '2020-12-13T00:00:00Z'
# Is this an unpublished draft?
draft: false
# Show this page in the Featured widget?
featured: false
title: 🎉 Easily create your own simple yet highly customizable blog
summary: Take full control of your personal brand and privacy by migrating away from the big tech platforms!
date: 2023-10-27
# Featured image
# Place an image named `featured.jpg/png` in this page's folder and customize its options here.
image:
caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/CpkOjOcXdUY)'
focal_point: ''
placement: 2
preview_only: false
caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
authors:
- admin
- 吳恩達
tags:
- Academic
- 开源
categories:
- Demo
- 教程
- Wowchemy
- Markdown
---
```python
import libr
print('hello')
```
Welcome 👋
## Overview
@@ -61,7 +34,7 @@ print('hello')
- 💬 [Chat with the **Wowchemy community**](https://discord.gg/z8wNYzb) or [**Hugo community**](https://discourse.gohugo.io)
- 🐦 Twitter: [@wowchemy](https://twitter.com/wowchemy) [@GeorgeCushen](https://twitter.com/GeorgeCushen) [#MadeWithWowchemy](https://twitter.com/search?q=%23MadeWithWowchemy&src=typed_query)
- 💡 [Request a **feature** or report a **bug** for _Wowchemy_](https://github.com/HugoBlox/hugo-blox-builder/issues)
- ⬆️ **Updating Wowchemy?** View the [Update Tutorial](https://docs.hugoblox.com/hugo-tutorials/update/) and [Release Notes](https://hugoblox.com/updates/)
- ⬆️ **Updating Wowchemy?** View the [Update Guide](https://docs.hugoblox.com/reference/update/) and [Release Notes](https://github.com/HugoBlox/hugo-blox-builder/releases)
## Crowd-funded open-source software
@@ -73,25 +46,25 @@ As a token of appreciation for sponsoring, you can **unlock [these](https://hugo
## Ecosystem
- **[Hugo Academic CLI](https://github.com/GetRD/academic-file-converter):** Automatically import publications from BibTeX
- **[Bibtex To Markdown](https://github.com/GetRD/academic-file-converter):** Automatically import publications from BibTeX
## Inspiration
[Check out the latest **demo**](https://academic-demo.netlify.com/) of what you'll get in less than 10 minutes, or [view the **showcase**](https://hugoblox.com/user-stories/) of personal, project, and business sites.
[Learn what other **creators**](https://hugoblox.com/creators/) are building with this template.
## Features
- **Page builder** - Create _anything_ with [**widgets**](https://docs.hugoblox.com/page-builder/) and [**elements**](https://docs.hugoblox.com/content/writing-markdown-latex/)
- **Page builder** - Create _anything_ with no-code [**blocks**](https://hugoblox.com/blocks/) and [**elements**](https://docs.hugoblox.com/reference/markdown/)
- **Edit any type of content** - Blog posts, publications, talks, slides, projects, and more!
- **Create content** in [**Markdown**](https://docs.hugoblox.com/content/writing-markdown-latex/), [**Jupyter**](https://docs.hugoblox.com/import/jupyter/), or [**RStudio**](https://docs.hugoblox.com/install-locally/)
- **Plugin System** - Fully customizable [**color** and **font themes**](https://docs.hugoblox.com/customization/)
- **Display Code and Math** - Code highlighting and [LaTeX math](https://en.wikibooks.org/wiki/LaTeX/Mathematics) supported
- **Create content** in [**Markdown**](https://docs.hugoblox.com/reference/markdown/), [**Jupyter**](https://docs.hugoblox.com/getting-started/cms/), or [**RStudio**](https://docs.hugoblox.com/getting-started/cms/)
- **Plugin System** - Fully customizable [**color** and **font themes**](https://docs.hugoblox.com/getting-started/customize/)
- **Display Code and Math** - Code syntax highlighting and LaTeX math supported
- **Integrations** - [Google Analytics](https://analytics.google.com), [Disqus commenting](https://disqus.com), Maps, Contact Forms, and more!
- **Beautiful Site** - Simple and refreshing one page design
- **Beautiful Site** - Simple and refreshing one-page design
- **Industry-Leading SEO** - Help get your website found on search engines and social media
- **Media Galleries** - Display your images and videos with captions in a customizable gallery
- **Mobile Friendly** - Look amazing on every screen with a mobile friendly version of your site
- **Multi-language** - 34+ language packs including English, 中文, and Português
- **Multi-language** - 35+ language packs including English, 中文, and Português
- **Multi-user** - Each author gets their own profile page
- **Privacy Pack** - Assists with GDPR
- **Stand Out** - Bring your site to life with animation, parallax backgrounds, and scroll effects
@@ -99,12 +72,12 @@ As a token of appreciation for sponsoring, you can **unlock [these](https://hugo
## Themes
Wowchemy and its templates come with **automatic day (light) and night (dark) mode** built-in. Alternatively, visitors can choose their preferred mode - click the moon icon in the top right of the [Demo](https://academic-demo.netlify.com/) to see it in action! Day/night mode can also be disabled by the site admin in `params.toml`.
Wowchemy 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**](https://docs.hugoblox.com/customization) for your site. Themes are fully customizable.
[Choose a stunning **theme** and **font**](https://docs.hugoblox.com/getting-started/customize/) for your site. Themes are fully customizable.
## License
Copyright 2016-present [George Cushen](https://georgecushen.com).
Released under the [MIT](https://github.com/HugoBlox/hugo-blox-builder/blob/master/LICENSE.md) license.
Released under the [MIT](https://github.com/HugoBlox/hugo-blox-builder/blob/main/LICENSE.md) license.

BIN
content/post/getting-started/featured.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 236 KiB

BIN
content/post/project-management/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 177 KiB

92
content/post/project-management/index.md Normal file
View File

@@ -0,0 +1,92 @@
---
title: ✅ Manage your projects
summary: Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
date: 2023-10-23
tags:
- Wowchemy
- Markdown
image:
caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
---
Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
## Ideation
Wowchemy 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:
<div class="highlight">
<pre class="chroma">
<code>
```markmap {height="200px"}
- Hugo Modules
- wowchemy
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
</code>
</pre>
</div>
renders as
```markmap {height="200px"}
- Hugo Modules
- wowchemy
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
## Diagrams
Wowchemy 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
```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
```
## Todo lists
You can even write your todo lists in Markdown too:
```markdown
- [x] Write math example
- [x] Write diagram example
- [ ] Do something else
```
renders as
- [x] Write math example
- [x] Write diagram example
- [ ] Do something else
## Did you find this page helpful? Consider sharing it 🙌

BIN
content/post/second-brain/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

136
content/post/second-brain/index.md Normal file
View File

@@ -0,0 +1,136 @@
---
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
tags:
- Second Brain
- Markdown
image:
caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
---
Create a personal knowledge base and share your knowledge with your peers.
Wowchemy 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
Wowchemy 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
- wowchemy
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
</code>
</pre>
</div>
renders as
```markmap {height="200px"}
- Hugo Modules
- wowchemy
- 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
- [Wowchemy 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
- [Wowchemy 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 🙌

BIN
content/post/teach-courses/ambient-piano.mp3 Normal file
View File

Binary file not shown.

BIN
content/post/teach-courses/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

141
content/post/teach-courses/index.md Normal file
View File

@@ -0,0 +1,141 @@
---
title: 👩🏼‍🏫 Teach academic courses
summary: Embed videos, podcasts, code, LaTeX math, and even test students!
date: 2023-10-24
math: true
tags:
- Hugo
- Hugo Blox Builder
- Markdown
image:
caption: 'Embed rich media such as videos and LaTeX math'
---
[Hugo Blox Builder](https://hugoblox.com) 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.
## Video
Teach your course by sharing videos with your students. Choose from one of the following approaches:
{{< youtube D2vj0WcvH5c >}}
**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](https://gohugo.io/content-management/page-bundles/), and then embedding them with the _video_ shortcode:
{{</* video src="my_video.mp4" controls="yes" */>}}
## Podcast
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:
{{< audio src="ambient-piano.mp3" >}}
## Test students
Provide a simple yet fun self-assessment by revealing the solutions to challenges with the `spoiler` shortcode:
```markdown
{{</* spoiler text="👉 Click to view the solution" */>}}
You found me!
{{</* /spoiler */>}}
```
renders as
{{< spoiler text="👉 Click to view the solution" >}} You found me 🎉 {{< /spoiler >}}
## Math
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.
{{% callout note %}}
We wrap the LaTeX math in the Hugo Blox _math_ shortcode to prevent Hugo rendering our math as Markdown.
{{% /callout %}}
Example **math block**:
```latex
{{</* 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
{{< 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 >}}
Example **inline math** `{{</* math */>}}$\nabla F(\mathbf{x}_{n})${{</* /math */>}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}.
Example **multi-line math** using the math linebreak (`\\`):
```latex
{{</* 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
{{< math >}}
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}
$$
{{< /math >}}
## Code
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
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
## Inline Images
```go
{{</* icon name="python" */>}} Python
```
renders as
{{< icon name="python" >}} Python
## Did you find this page helpful? Consider sharing it 🙌

BIN
content/post/writing-technical-content/featured.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 260 KiB

390
content/post/writing-technical-content/index.md
View File

@@ -1,390 +0,0 @@
---
title: Writing technical content in Markdown
date: 2019-07-12
math: true
image:
placement: 2
caption: 'Image credit: [**John Moeses Bauan**](https://unsplash.com/photos/OGZtQF8iC0g)'
---
Hugo Blox Builder is designed to give technical content creators a seamless experience. You can focus on the content and Wowchemy handles the rest.
**Highlight your code snippets, take notes on math classes, and draw diagrams from textual representation.**
On this page, you'll find some examples of the types of technical content that can be rendered with Wowchemy.
## Examples
### Code
Wowchemy supports a Markdown extension for highlighting code syntax. You can customize the styles under the `syntax_highlighter` option in your `config/_default/params.yaml` file.
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
renders as
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
### Mindmaps
Wowchemy supports a Markdown extension for mindmaps.
Simply insert a Markdown `markmap` code block and optionally set the height of the mindmap as shown in the example below.
A simple mindmap defined as a Markdown list:
<div class="highlight">
<pre class="chroma">
<code>
```markmap {height="200px"}
- Hugo Modules
- wowchemy
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
</code>
</pre>
</div>
renders as
```markmap {height="200px"}
- Hugo Modules
- wowchemy
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
A more advanced mindmap with formatting, code blocks, and math:
<div class="highlight">
<pre class="chroma">
<code>
```markmap
- Mindmaps
- Links
- [Wowchemy 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
- [Wowchemy 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}$
```
### Charts
Wowchemy supports the popular [Plotly](https://plot.ly/) format for interactive charts.
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:
{{< chart data="line-chart" >}}
You might also find the [Plotly JSON Editor](http://plotly-json-editor.getforge.io/) useful.
### Math
Wowchemy 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. (We wrap the LaTeX math in the Wowchemy _math_ shortcode to prevent Hugo rendering our math as Markdown. The _math_ shortcode is new in v5.5-dev.)
Example **math block**:
```latex
{{</* 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
{{< 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 >}}
Example **inline math** `{{</* math */>}}$\nabla F(\mathbf{x}_{n})${{</* /math */>}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}.
Example **multi-line math** using the math linebreak (`\\`):
```latex
{{</* 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
{{< math >}}
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}
$$
{{< /math >}}
### Diagrams
Wowchemy supports a Markdown extension for diagrams. You can enable this feature by toggling the `diagram` option in your `config/_default/params.toml` file or by adding `diagram: true` to your page front matter.
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
```mermaid
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
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
```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!
```
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
```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
```
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
```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
```
An example **state diagram**:
```mermaid
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```
renders as
```mermaid
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```
### Todo lists
You can even write your todo lists in Markdown too:
```markdown
- [x] Write math example
- [x] Write diagram example
- [ ] Do something else
```
renders as
- [x] Write math example
- [x] Write diagram example
- [ ] Do something else
### Tables
Save your spreadsheet as a CSV file in your page's folder and then render it by adding the _Table_ shortcode to your page:
```go
{{</* table path="results.csv" header="true" caption="Table 1: My results" */>}}
```
renders as
{{< table path="results.csv" header="true" caption="Table 1: My results" >}}
### Callouts
Academic supports a [shortcode for callouts](https://docs.hugoblox.com/content/writing-markdown-latex/#callouts), also referred to as _asides_, _hints_, or _alerts_. 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 %}}
### Spoilers
Add a spoiler to a page to reveal text, such as an answer to a question, after a button is clicked.
```markdown
{{</* spoiler text="Click to view the spoiler" */>}}
You found me!
{{</* /spoiler */>}}
```
renders as
{{< spoiler text="Click to view the spoiler" >}} You found me! {{< /spoiler >}}
### Icons
Academic enables you to use a wide range of [icons from _Font Awesome_ and _Academicons_](https://docs.hugoblox.com/getting-started/page-builder/#icons) in addition to [emojis](https://docs.hugoblox.com/content/writing-markdown-latex/#emojis).
Here are some examples using the `icon` shortcode to render icons:
```markdown
{{</* icon name="terminal" pack="fas" */>}} Terminal
{{</* icon name="python" pack="fab" */>}} Python
{{</* icon name="r-project" pack="fab" */>}} R
```
renders as
{{< icon name="terminal" pack="fas" >}} Terminal
{{< icon name="python" pack="fab" >}} Python
{{< icon name="r-project" pack="fab" >}} R
### Did you find this page helpful? Consider sharing it 🙌

15
content/privacy.md
View File

@@ -1,15 +0,0 @@
---
title: Privacy Policy
date: '2018-06-28T00:00:00+01:00'
draft: true
share: false
commentable: false
editable: false
# Optional header image (relative to `static/media/` folder).
header:
caption: ''
image: ''
---
Add your privacy policy here and set `draft: false` to publish it. Otherwise, delete this file if you don't need it.

BIN
content/project/example/featured.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 431 KiB

41
content/project/example/index.md
View File

@@ -1,41 +0,0 @@
---
title: Example Project
summary: An example of using the in-built project page.
tags:
- Deep Learning
date: '2016-04-27T00:00:00Z'
# Optional external URL for project (replaces project detail page).
external_link: ''
image:
caption: Photo by rawpixel on Unsplash
focal_point: Smart
links:
- icon: twitter
icon_pack: fab
name: Follow
url: https://twitter.com/georgecushen
url_code: ''
url_pdf: ''
url_slides: ''
url_video: ''
# Slides (optional).
# Associate this project with Markdown slides.
# Simply enter your slide deck's filename without extension.
# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`.
# Otherwise, set `slides = ""`.
slides: example
---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida.
Nullam vel molestie justo. Curabitur vitae efficitur leo. In hac habitasse platea dictumst. Sed pulvinar mauris dui, eget varius purus congue ac. Nulla euismod, lorem vel elementum dapibus, nunc justo porta mi, sed tempus est est vel tellus. Nam et enim eleifend, laoreet sem sit amet, elementum sem. Morbi ut leo congue, maximus velit ut, finibus arcu. In et libero cursus, rutrum risus non, molestie leo. Nullam congue quam et volutpat malesuada. Sed risus tortor, pulvinar et dictum nec, sodales non mi. Phasellus lacinia commodo laoreet. Nam mollis, erat in feugiat consectetur, purus eros egestas tellus, in auctor urna odio at nibh. Mauris imperdiet nisi ac magna convallis, at rhoncus ligula cursus.
Cras aliquam rhoncus ipsum, in hendrerit nunc mattis vitae. Duis vitae efficitur metus, ac tempus leo. Cras nec fringilla lacus. Quisque sit amet risus at ipsum pharetra commodo. Sed aliquam mauris at consequat eleifend. Praesent porta, augue sed viverra bibendum, neque ante euismod ante, in vehicula justo lorem ac eros. Suspendisse augue libero, venenatis eget tincidunt ut, malesuada at lorem. Donec vitae bibendum arcu. Aenean maximus nulla non pretium iaculis. Quisque imperdiet, nulla in pulvinar aliquet, velit quam ultrices quam, sit amet fringilla leo sem vel nunc. Mauris in lacinia lacus.
Suspendisse a tincidunt lacus. Curabitur at urna sagittis, dictum ante sit amet, euismod magna. Sed rutrum massa id tortor commodo, vitae elementum turpis tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean purus turpis, venenatis a ullamcorper nec, tincidunt et massa. Integer posuere quam rutrum arcu vehicula imperdiet. Mauris ullamcorper quam vitae purus congue, quis euismod magna eleifend. Vestibulum semper vel augue eget tincidunt. Fusce eget justo sodales, dapibus odio eu, ultrices lorem. Duis condimentum lorem id eros commodo, in facilisis mauris scelerisque. Morbi sed auctor leo. Nullam volutpat a lacus quis pharetra. Nulla congue rutrum magna a ornare.
Aliquam in turpis accumsan, malesuada nibh ut, hendrerit justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sed erat nec justo posuere suscipit. Donec ut efficitur arcu, in malesuada neque. Nunc dignissim nisl massa, id vulputate nunc pretium nec. Quisque eget urna in risus suscipit ultricies. Pellentesque odio odio, tincidunt in eleifend sed, posuere a diam. Nam gravida nisl convallis semper elementum. Morbi vitae felis faucibus, vulputate orci placerat, aliquet nisi. Aliquam erat volutpat. Maecenas sagittis pulvinar purus, sed porta quam laoreet at.

BIN
content/project/external-project/featured.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 322 KiB

14
content/project/external-project/index.md
View File

@@ -1,14 +0,0 @@
---
title: External Project
summary: An example of linking directly to an external project website using `external_link`.
tags:
- Demo
date: "2016-04-27T00:00:00Z"
# Optional external URL for project (replaces project detail page).
external_link: https://example.org
image:
caption: Photo by Toa Heftiba on Unsplash
focal_point: Smart
---

BIN
content/project/pandas/featured.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

13
content/project/pandas/index.md Normal file
View File

@@ -0,0 +1,13 @@
---
title: Pandas
date: 2023-10-26
external_link: https://github.com/pandas-dev/pandas
tags:
- Hugo
- Wowchemy
- Markdown
---
Flexible and powerful data analysis / manipulation library for Python, providing labeled data structures.
<!--more-->

BIN
content/project/pytorch/featured.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

13
content/project/pytorch/index.md Normal file
View File

@@ -0,0 +1,13 @@
---
title: PyTorch
date: 2023-10-26
external_link: https://github.com/pytorch/pytorch
tags:
- Hugo
- Wowchemy
- Markdown
---
PyTorch is a Python package that provides tensor computation (like NumPy) with strong GPU acceleration.
<!--more-->

BIN
content/project/scikit/featured.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

13
content/project/scikit/index.md Normal file
View File

@@ -0,0 +1,13 @@
---
title: scikit-learn
date: 2023-10-26
external_link: https://github.com/scikit-learn/scikit-learn
tags:
- Hugo
- Wowchemy
- Markdown
---
scikit-learn is a Python module for machine learning built on top of SciPy and is distributed under the 3-Clause BSD license.
<!--more-->

23
content/projects.md Normal file
View File

@@ -0,0 +1,23 @@
---
title: 'Projects'
date: 2024-05-19
type: landing
design:
# Section spacing
spacing: '5rem'
# Page sections
sections:
- block: collection
content:
title: Selected Projects
text: I enjoy making things. Here are a selection of projects that I have worked on over the years.
filters:
folders:
- project
design:
view: article-grid
fill_image: false
columns: 3
---

6
content/publication/_index.md
View File

@@ -3,11 +3,7 @@ title: Publications
cms_exclude: true
# View.
# 1 = List
# 2 = Compact
# 3 = Card
# 4 = Citation
view: 4
view: citation
# Optional header image (relative to `static/media/` folder).
banner:

3
content/publication/conference-paper/index.md
View File

@@ -33,7 +33,8 @@ abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere
# Summary. An optional shortened abstract.
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum.
tags: []
tags:
- Large Language Models
# Display this page in the Featured widget?
featured: true

7
content/publication/preprint/index.md
View File

@@ -23,8 +23,9 @@ abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum.
tags:
- Source Themes
featured: false
- Large Language Models
featured: true
links:
- name: Custom Link
@@ -61,6 +62,8 @@ projects:
slides: example
---
This work is driven by the results in my [previous paper](/publication/conference-paper/) on LLMs.
{{% callout note %}}
Create your slides in Markdown - click the *Slides* button to check out the example.
{{% /callout %}}

169
content/slides/example/index.md
View File

@@ -1,169 +0,0 @@
---
title: Slides
summary: An introduction to using Hugo Blox Builder's Slides feature.
authors: []
tags: []
categories: []
date: '2019-02-05T00:00:00Z'
slides:
# Choose a theme from https://github.com/hakimel/reveal.js#theming
theme: black
# Choose a code highlighting style (if highlighting enabled in `params.toml`)
# Light style: github. Dark style: dracula (default).
highlight_style: dracula
---
# Create slides in Markdown with Hugo Blox Builder
[Hugo Blox Builder](https://hugoblox.com/) | [Documentation](https://docs.hugoblox.com/content/slides/)
---
## Features
- Efficiently write slides in Markdown
- 3-in-1: Create, Present, and Publish your slides
- Supports speaker notes
- Mobile friendly slides
---
## Controls
- Next: `Right Arrow` or `Space`
- Previous: `Left Arrow`
- Start: `Home`
- Finish: `End`
- Overview: `Esc`
- Speaker notes: `S`
- Fullscreen: `F`
- Zoom: `Alt + Click`
- [PDF Export](https://revealjs.com/pdf-export/)
---
## Code Highlighting
Inline code: `variable`
Code block:
```python
porridge = "blueberry"
if porridge == "blueberry":
print("Eating...")
```
---
## Math
In-line math: $x + y = z$
Block math:
$$
f\left( x \right) = \;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}}
$$
---
## Fragments
Make content appear incrementally
```
{{%/* fragment */%}} One {{%/* /fragment */%}}
{{%/* fragment */%}} **Two** {{%/* /fragment */%}}
{{%/* fragment */%}} Three {{%/* /fragment */%}}
```
Press `Space` to play!
{{% fragment %}} One {{% /fragment %}}
{{% fragment %}} **Two** {{% /fragment %}}
{{% fragment %}} Three {{% /fragment %}}
---
A fragment can accept two optional parameters:
- `class`: use a custom style (requires definition in custom CSS)
- `weight`: sets the order in which a fragment appears
---
## Speaker Notes
Add speaker notes to your presentation
```markdown
{{%/* speaker_note */%}}
- Only the speaker can read these notes
- Press `S` key to view
{{%/* /speaker_note */%}}
```
Press the `S` key to view the speaker notes!
{{< speaker_note >}}
- Only the speaker can read these notes
- Press `S` key to view
{{< /speaker_note >}}
---
## Themes
- black: Black background, white text, blue links (default)
- white: White background, black text, blue links
- league: Gray background, white text, blue links
- beige: Beige background, dark text, brown links
- sky: Blue background, thin dark text, blue links
---
- night: Black background, thick white text, orange links
- serif: Cappuccino background, gray text, brown links
- simple: White background, black text, blue links
- solarized: Cream-colored background, dark green text, blue links
---
{{< slide background-image="/media/boards.jpg" >}}
## Custom Slide
Customize the slide style and background
```markdown
{{</* slide background-image="/media/boards.jpg" */>}}
{{</* slide background-color="#0000FF" */>}}
{{</* slide class="my-style" */>}}
```
---
## Custom CSS Example
Let's make headers navy colored.
Create `assets/css/reveal_custom.css` with:
```css
.reveal section h1,
.reveal section h2,
.reveal section h3 {
color: navy;
}
```
---
# Questions?
[Ask](https://discord.gg/z8wNYzb)
[Documentation](https://docs.hugoblox.com/content/slides/)

23
content/teaching/_index.md Normal file
View File

@@ -0,0 +1,23 @@
---
title: Teaching
summary: My courses
type: landing
cascade:
- _target:
kind: page
params:
show_breadcrumb: true
sections:
- block: collection
id: teaching
content:
title: Teaching
filters:
folders:
- teaching
design:
view: article-grid
columns: 2
---

BIN
content/teaching/js/ambient-piano.mp3 Normal file
View File

Binary file not shown.

BIN
content/teaching/js/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

140
content/teaching/js/index.md Normal file
View File

@@ -0,0 +1,140 @@
---
title: Learn JavaScript
summary: Easily learn JavaScript in 10 minutes!
date: 2023-10-24
type: docs
math: false
tags:
- JavaScript
image:
caption: 'Embed rich media such as videos and LaTeX math'
---
[Hugo Blox Builder](https://hugoblox.com) 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.
## Video
Teach your course by sharing videos with your students. Choose from one of the following approaches:
{{< youtube D2vj0WcvH5c >}}
**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](https://gohugo.io/content-management/page-bundles/), and then embedding them with the _video_ shortcode:
{{</* video src="my_video.mp4" controls="yes" */>}}
## Podcast
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:
{{< audio src="ambient-piano.mp3" >}}
## Test students
Provide a simple yet fun self-assessment by revealing the solutions to challenges with the `spoiler` shortcode:
```markdown
{{</* spoiler text="👉 Click to view the solution" */>}}
You found me!
{{</* /spoiler */>}}
```
renders as
{{< spoiler text="👉 Click to view the solution" >}} You found me 🎉 {{< /spoiler >}}
## Math
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.
{{% callout note %}}
We wrap the LaTeX math in the Hugo Blox _math_ shortcode to prevent Hugo rendering our math as Markdown.
{{% /callout %}}
Example **math block**:
```latex
{{</* 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
{{< 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 >}}
Example **inline math** `{{</* math */>}}$\nabla F(\mathbf{x}_{n})${{</* /math */>}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}.
Example **multi-line math** using the math linebreak (`\\`):
```latex
{{</* 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
{{< math >}}
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}
$$
{{< /math >}}
## Code
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
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
## Inline Images
```go
{{</* icon name="python" */>}} Python
```
renders as
{{< icon name="python" >}} Python
## Did you find this page helpful? Consider sharing it 🙌

BIN
content/teaching/python/ambient-piano.mp3 Normal file
View File

Binary file not shown.

BIN
content/teaching/python/featured.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

140
content/teaching/python/index.md Normal file
View File

@@ -0,0 +1,140 @@
---
title: Learn Python
summary: Easily learn Python in 10 minutes!
date: 2023-10-24
type: docs
math: false
tags:
- Python
image:
caption: 'Embed rich media such as videos and LaTeX math'
---
[Hugo Blox Builder](https://hugoblox.com) 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.
## Video
Teach your course by sharing videos with your students. Choose from one of the following approaches:
{{< youtube D2vj0WcvH5c >}}
**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](https://gohugo.io/content-management/page-bundles/), and then embedding them with the _video_ shortcode:
{{</* video src="my_video.mp4" controls="yes" */>}}
## Podcast
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:
{{< audio src="ambient-piano.mp3" >}}
## Test students
Provide a simple yet fun self-assessment by revealing the solutions to challenges with the `spoiler` shortcode:
```markdown
{{</* spoiler text="👉 Click to view the solution" */>}}
You found me!
{{</* /spoiler */>}}
```
renders as
{{< spoiler text="👉 Click to view the solution" >}} You found me 🎉 {{< /spoiler >}}
## Math
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.
{{% callout note %}}
We wrap the LaTeX math in the Hugo Blox _math_ shortcode to prevent Hugo rendering our math as Markdown.
{{% /callout %}}
Example **math block**:
```latex
{{</* 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
{{< 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 >}}
Example **inline math** `{{</* math */>}}$\nabla F(\mathbf{x}_{n})${{</* /math */>}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}.
Example **multi-line math** using the math linebreak (`\\`):
```latex
{{</* 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
{{< math >}}
$$
f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\
1-p_{0}^{*} & \text{if }k=0.\end{cases}
$$
{{< /math >}}
## Code
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
```python
import pandas as pd
data = pd.read_csv("data.csv")
data.head()
```
## Inline Images
```go
{{</* icon name="python" */>}} Python
```
renders as
{{< icon name="python" >}} Python
## Did you find this page helpful? Consider sharing it 🙌

15
content/terms.md
View File

@@ -1,15 +0,0 @@
---
title: Terms
date: '2018-06-28T00:00:00+01:00'
draft: true
share: false
commentable: false
editable: false
# Optional header image (relative to `static/media/` folder).
header:
caption: ''
image: ''
---
Add your terms here and set `draft: false` to publish it. Otherwise, delete this file if you don't need it.