Here will a normal code block go: ```js (function() { var cache = {}; var form = $('form'); var minified = true; var dependencies = {}; var treeURL = 'https://api.github.com/repos/PrismJS/prism/git/trees/gh-pages?recursive=1'; var treePromise = new Promise(function(resolve) { $u.xhr({ url: treeURL, callback: function(xhr) { if (xhr.status < 400) { resolve(JSON.parse(xhr.responseText).tree); } } }); }); ``` A code block with a JSDoc comment, short, and long comment: ```js /** * Get value out of string (e.g. rem => px) * If value is px strip the px part * If the input is already a number only return that value * @param {string | number} input * @param {number} [rootFontSize] * @return {number} Number without last three characters * @example removeLastThree('6rem') => 6 */ const getValue = (input, rootFontSize = 16) => { if (typeof input === `number`) { return input / rootFontSize; } const isPxValue = input.slice(-2) === `px`; if (isPxValue) { return parseFloat(input.slice(0, -2)); } return parseFloat(input.slice(0, -3)); }; // This is a little helper function const helper = (a, b) => a + b; // This is also a little helper function but this time with a really long one-line comment that should show some more details const morehelper = (a, b) => a * b; export { getValue, helper, morehelper }; ``` Normal block without language: ``` import Test from "../components/test" const Layout = ({ children }) => ( {children} ) export default Layout ``` Code block with code highlighting: ```jsx import * as React from "react"; const Post = ({ data: { post } }) => ( {post.title}

{post.date} {post.tags && ( {` — `} )}

{post.body}

); export default Post; ``` Code block without title: ``` Harry Potter and the Philosopher's Stone ``` Code block without lineNumbers (but lang): ```text Harry Potter and the Chamber of Secrets ``` Line highlighting example: ```js const test = 3; const foo = "bar"; const harry = "potter"; const hermione = "granger"; const ron = "weasley"; ``` Here will `inline code` go, just inside the text. Wow! Code block with TypeScript: ```tsx import * as React from "react"; const Blog = ({ posts }: PostsProps) => { const { tagsPath, basePath } = useSiteMetadata(); return ( Blog View all tags ); }; export default Blog; ```

Novel

Fantastic Beasts and Where to Find Them

Harry Potter and the Half-Blood Prince