+++
title = "Code Blocks and Themes"
description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
date = 2022-05-16
[taxonomies]
categories = ["Features"]
tags = ["Markdown"]
[extra]
toc = true
+++
This article shows various Code Blocks allowing to easily compare sublime themes.
## Code Blocks
Code blocks.. ❤️ with automatic syntax highlighting ✨
See [the docs](https://www.getzola.org/documentation/content/syntax-highlighting/) for options.
### Inline Code block
If we want, we can also `specify inline code` which is useful for `the small stuff`.
### rust
```rust
//! jelly-actix-web-starter - A starter template for actix-web projects that feels very Django-esque. Avoid the boring stuff and move faster.
use jelly::actix_web;
use mainlib;
use std::io;
#[actix_web::main]
async fn main() -> io::Result<()> {
mainlib::main().await
}
let context = Context::new();
```
### TOML
```toml
base_url = "https://abridge.netlify.app/"
title = "Abridge"
description = "Abridge is a fast and lightweight Zola theme using semantic html, abridge.css class-light CSS, and No JS."
default_language = "en"
#theme = "abridge"
build_search_index = true
minify_html = false
feed_filename = "atom.xml"
taxonomies = [
{name = "categories", feed = true},
{name = "tags", feed = true},
]
```
### html
```html
Example HTML5 Document
Test
```
### javascript
```javascript
function closeSearch() {//close the search displaying the regular page.
const e = document.querySelector("main");
e.innerHTML = window.main
}
function goSearch() {// on enter key or search icon click display results to the page.
const e = document.querySelector("main");
window.main || (window.main = e.innerHTML);
var t = document.getElementById("suggestions"),
n = ((ResultsClone = t.cloneNode(!0)).id = "results", document.createElement("div")),
o = '