[{"content":" We\u0026rsquo;ll be using yml/yaml format for all examples down below, it is recommend to use yaml over toml as it is easier to read. You can find any YML to TOML converters if needed. Getting Started 🚀 Follow Hugo Docs\u0026rsquo;s - Quick Start guide to install . (Make sure you install Hugo v0.146.0 + as PaperMod uses some of the latest features of Hugo. You can check your Hugo version by running hugo version in terminal.)\nCreate a new site\nhugo new site MyFreshWebsite --format yaml # replace MyFreshWebsite with name of your website Note:\nOlder versions of Hugo may not support --format yaml Read more here about Hugo Docs\u0026rsquo;s - hugo new site command Installing/Updating PaperMod\nThemes reside in MyFreshWebsite/themes directory. PaperMod will be installed in MyFreshWebsite/themes/PaperMod Expand Method 1 - Git Clone INSTALL : Inside the folder of your Hugo site MyFreshWebsite, run:\ngit clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth=1 You may use --branch v7.0 to end of above command if you want to stick to specific release.\nUPDATE: Inside the folder of your Hugo site MyFreshWebsite, run:\ncd themes/PaperMod git pull Expand Method 2 - Git Submodule (recomended) INSTALL : Inside the folder of your Hugo site MyFreshWebsite, run:\ngit submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically) You may use --branch v7.0 to end of above command if you want to stick to specific release. Read more about git submodules here.\nUPDATE: Inside the folder of your Hugo site MyFreshWebsite, run:\ngit submodule update --remote --merge Expand Method 3 - Download an unzip Download PaperMod source as Zip from Github Releases and extract in your themes directory at MyFreshWebsite/themes/PaperMod\nDirect Links:\nMaster Branch (Latest) v7.0 v6.0 v5.0 v4.0 v3.0 v2.0 v1.0 Expand Method 4 - Hugo module INSTALL :\nInstall Go programming language in your operating system.\nIntialize your own hugo mod\nhugo mod init YOUR_OWN_GIT_REPOSITORY Add PaperMod in your hugo.yaml file 1 2 3 module: imports: - path: github.com/adityatelange/hugo-PaperMod UPDATE:\nhugo mod get -u Read more : Hugo Docs\u0026rsquo;s - HUGO MODULES\nFinally set theme as PaperMod in your site config\nIn hugo.yaml add:\n1 theme: [\u0026#34;PaperMod\u0026#34;] Next up - Customizing PaperMod to suit your preferences 🎨 Your site will be blank after you set up for the very first time. You may go through this website\u0026rsquo;s source code - PaperMod\u0026rsquo;s exampleSite\u0026rsquo;s source You can also refer to the following wiki pages for detailed documentation on all features and configuration options. Topic Description Installation guide Detailed installation and update instructions Features wiki page In-depth explanations of all features FAQ wiki Common questions and configuration walkthroughs Icons wiki Documentation for social icons and share icons Variables wiki List of all available template variables Overiding templates Guide to customizing templates without forking Releases Detailed history of releases Support 🫶 Star 🌟 PaperMod\u0026rsquo;s Github repository. Help spread the word about PaperMod by sharing it on social media and recommending it to your friends. 🗣️ You can also sponsor 🏅 on Github Sponsors / Ko-Fi. Videos featuring PaperMod You can go through few videos which are available on YouTube for getting to know the creator\u0026rsquo;s thoughts as well as the setup process.\n▶️ Curated list of videos about PaperMod\n","permalink":"https://news.aalex.net/posts/papermod/papermod-installation/","summary":"Step by step guide to install and update PaperMod in your Hugo site.","title":"PaperMod Installation Guide"},{"content":"This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.\nHeadings The following HTML \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; elements represent six levels of section headings. \u0026lt;h1\u0026gt; is the highest section level while \u0026lt;h6\u0026gt; is the lowest.\nH1 H2 H3 H4 H5 H6 Paragraph Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nBlockquotes The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.\nBlockquote without attribution Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.\nBlockquote with attribution Don\u0026rsquo;t communicate by sharing memory, share memory by communicating.\n— Rob Pike1\nTables Tables aren\u0026rsquo;t part of the core Markdown spec, but Hugo supports them out-of-the-box.\nName Age Bob 27 Alice 23 Inline Markdown within tables Italics Bold Code italics bold code List Types Ordered List First item Second item Third item Unordered List List item Another item And another item Nested Unordered list Fruit Apple Orange Banana Dairy Milk Cheese Nested Ordered list Fruit Apple Orange Banana Dairy Milk Cheese Third item Sub One Sub Two Other Elements — abbr, sub, sup, kbd, mark GIF is a bitmap image format.\nH2O\nXn + Yn = Zn\nPress CTRL+ALT+Delete to end the session.\nMost salamanders are nocturnal, and hunt for insects, worms, and other small creatures.\nThe above quote is excerpted from Rob Pike\u0026rsquo;s talk during Gopherfest, November 18, 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"https://news.aalex.net/posts/markdown-syntax/","summary":"\u003cp\u003eThis article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.\u003c/p\u003e","title":"Markdown Syntax Guide"},{"content":"Inline Code This is Inline Code\nOnly pre This is pre text Code block with backticks \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;meta name=\u0026#34;description\u0026#34; content=\u0026#34;Sample article showcasing basic Markdown syntax and formatting for HTML elements.\u0026#34; /\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with backticks and language specified \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;meta name=\u0026#34;description\u0026#34; content=\u0026#34;Sample article showcasing basic Markdown syntax and formatting for HTML elements.\u0026#34; /\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with backticks and language specified with line numbers 1 2 3 4 5 6 7 8 9 10 11 12 13 14 \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;meta name=\u0026#34;description\u0026#34; content=\u0026#34;Sample article showcasing basic Markdown syntax and formatting for HTML elements.\u0026#34; /\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with line numbers and highlighted lines PaperMod supports linenos=true or linenos=table 1 2 3 4 5 6 7 8 9 10 11 12 13 14 \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;meta name=\u0026#34;description\u0026#34; content=\u0026#34;Sample article showcasing basic Markdown syntax and formatting for HTML elements.\u0026#34; /\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; With linenos=inline line might not get highlighted properly. This issue is fixed with 045c084 1\u0026lt;!DOCTYPE html\u0026gt; 2\u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; 3 \u0026lt;head\u0026gt; 4 \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; 5 \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; 6 \u0026lt;meta 7 name=\u0026#34;description\u0026#34; 8 content=\u0026#34;Sample article showcasing basic Markdown syntax and formatting for HTML elements.\u0026#34; 9 /\u0026gt; 10 \u0026lt;/head\u0026gt; 11 \u0026lt;body\u0026gt; 12 \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; 13 \u0026lt;/body\u0026gt; 14\u0026lt;/html\u0026gt; Code block indented with four spaces \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block with Hugo\u0026rsquo;s internal highlight shortcode \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; ","permalink":"https://news.aalex.net/posts/code_syntax/","summary":"Sample article showcasing basic code syntax and formatting for HTML elements.","title":"Code Syntax Guide"},{"content":"PaperMod is a fast, clean, and responsive Hugo theme designed for bloggers and content creators. It offers a modern design with a focus on readability and performance, making it an excellent choice for personal blogs, portfolios, and documentation sites.\nBased on hugo-paper, with additional features and customization options.\nPaperMod at Hugo Themes PaperMod@themes.gohugo.io Minimum Hugo Version Hugo v0.146.0+ Discord Community Join Discord to chat with the community Github Discussion Join Discussions on Github Live Demo adityatelange.github.io/hugo-PaperMod Documentation Github Wiki Example Site Source exampleSite branch Features 💥 ☄️ Fast | ☁️ Fluent | 🌙 Smooth | 📱 Responsive\nAsset pipeline \u0026ndash; Hugo\u0026rsquo;s built-in asset generator with fingerprinting, bundling, and minification. Three layout modes \u0026ndash; Regular, Home-Info, and Profile. Light and dark themes \u0026ndash; Automatic switching based on browser preference, plus a manual toggle. Multilingual support \u0026ndash; Includes a built-in language selector. Search \u0026ndash; Client-side search powered by Fuse.js. SEO optimized \u0026ndash; Open Graph, Twitter Cards, and Schema.org structured data out of the box. Cover images \u0026ndash; Per-post cover images with responsive image support. Table of contents \u0026ndash; Auto-generated from heading structure. Multiple authors \u0026ndash; Native support for multi-author sites. Social icons and share buttons \u0026ndash; Configurable social links and per-post sharing. Breadcrumb navigation Post archives and taxonomies Code block copy buttons \u0026ndash; One-click copying with Chroma syntax highlighting. Related post suggestions Zero JS build dependencies \u0026ndash; No webpack, Node.js, or other tooling required. Topic Description Installation guide Detailed installation and update instructions Features wiki page In-depth explanations of all features FAQ wiki Common questions and configuration walkthroughs Icons wiki Documentation for social icons and share icons Variables wiki List of all available template variables Overiding templates Guide to customizing templates without forking Releases Detailed history of releases Performance ☄️ PaperMod consistently scores near-perfect results on Pagespeed Insights.\nSupport 🫶 Star this repository to show your support. Share PaperMod with others who might find it useful. Sponsor the project on GitHub Sponsors or Ko-Fi. Special Thanks 🌟 Highlight.js Fuse.js Feather Icons Simple Icons All contributors and supporters Stargazers 📈 ","permalink":"https://news.aalex.net/about/","summary":"\u003cp\u003ePaperMod is a fast, clean, and responsive Hugo theme designed for bloggers and content creators. It offers a modern design with a focus on readability and performance, making it an excellent choice for personal blogs, portfolios, and documentation sites.\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003eBased on \u003ca href=\"https://github.com/nanxiaobei/hugo-paper/tree/4330c8b12aa48bfdecbcad6ad66145f679a430b3\"\u003ehugo-paper\u003c/a\u003e, with additional features and customization options.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003ctable\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003ePaperMod at Hugo Themes\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://themes.gohugo.io/themes/hugo-papermod/\"\u003ePaperMod@themes.gohugo.io\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eMinimum Hugo Version\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://github.com/gohugoio/hugo/releases/tag/v0.146.0\"\u003eHugo v0.146.0+\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eDiscord Community\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://discord.gg/ahpmTvhVmp\"\u003eJoin Discord to chat with the community\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n        \u003ctr\u003e\n\t\t\t\u003ctd\u003eGithub Discussion\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://github.com/adityatelange/hugo-PaperMod/discussions\"\u003eJoin Discussions on Github\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eLive Demo\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://adityatelange.github.io/hugo-PaperMod/\"\u003eadityatelange.github.io/hugo-PaperMod\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eDocumentation\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://github.com/adityatelange/hugo-PaperMod/wiki\"\u003eGithub Wiki\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eExample Site Source\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite\"\u003eexampleSite branch\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://www.star-history.com/adityatelange/hugo-papermod\"\u003e\u003cimg src=\"https://api.star-history.com/badge?repo=adityatelange/hugo-PaperMod\u0026amp;theme=dark\" alt=\"Star History Rank\" /\u003e\u003c/a\u003e\u003c/td\u003e\n\t\t\t\u003ctd\u003e\u003ca href=\"https://ko-fi.com/H2H229ZWH\"\u003e\u003cimg src=\"https://ko-fi.com/img/githubbutton_sm.svg\" alt=\"ko-fi\" /\u003e\u003c/a\u003e\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/21258296/114303440-bfc0ae80-9aeb-11eb-8cfa-48a4bb385a6d.png\" alt=\"Mockup image\" title=\"Mockup\"/\u003e\n\u003c/p\u003e","title":"About"},{"content":"In this post, we\u0026rsquo;ll explore how to embed audio and video content in your Hugo site using both shortcodes and HTML. This allows you to enhance your content with multimedia elements, making it more engaging for your audience.\nEmbedding Audio To embed audio in your Hugo site, you can use the built-in audio shortcode. Here\u0026rsquo;s an example of how to use it:\n{{/*\u0026lt; audio src=\u0026#34;/path/to/your/audiofile.mp3\u0026#34; \u0026gt;*/}} Make sure to replace /path/to/your/audiofile.mp3 with the actual path to your audio file. This shortcode will generate an audio player that allows visitors to play the audio directly on your site.\nAlternatively, you can also use HTML to embed audio. Here\u0026rsquo;s how you can do it:\n\u0026lt;audio controls\u0026gt; \u0026lt;source src=\u0026#34;/path/to/your/audiofile.mp3\u0026#34; type=\u0026#34;audio/mpeg\u0026#34;\u0026gt; Your browser does not support the audio element. \u0026lt;/audio\u0026gt; Again, replace /path/to/your/audiofile.mp3 with the correct path to your audio file. This HTML code will create a similar audio player as the shortcode.\nEmbedding Video To embed video content, you can use the video shortcode in Hugo. Here\u0026rsquo;s an example:\n{{/*\u0026lt; video src=\u0026#34;/path/to/your/videofile.mp4\u0026#34; \u0026gt;*/}} Make sure to replace /path/to/your/videofile.mp4 with the actual path to your video file. This shortcode will generate a video player that allows visitors to watch the video directly on your site.\nYou can also use HTML to embed video content. Here\u0026rsquo;s how you can do it:\n\u0026lt;video controls\u0026gt; \u0026lt;source src=\u0026#34;/path/to/your/videofile.mp4\u0026#34; type=\u0026#34;video/mp4\u0026#34; /\u0026gt; Your browser does not support the video element. \u0026lt;/video\u0026gt; Again, replace /path/to/your/videofile.mp4 with the correct path to your video file. This HTML code will create a video player similar to the one generated by the shortcode.\n","permalink":"https://news.aalex.net/posts/audio-video/","summary":"\u003cp\u003eIn this post, we\u0026rsquo;ll explore how to embed audio and video content in your Hugo site using both shortcodes and HTML. This allows you to enhance your content with multimedia elements, making it more engaging for your audience.\u003c/p\u003e\n\u003ch2 id=\"embedding-audio\"\u003eEmbedding Audio\u003c/h2\u003e\n\u003cp\u003eTo embed audio in your Hugo site, you can use the built-in \u003ccode\u003eaudio\u003c/code\u003e shortcode. Here\u0026rsquo;s an example of how to use it:\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" class=\"chroma\"\u003e\u003ccode class=\"language-markdown\" data-lang=\"markdown\"\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e{{/*\u0026lt; audio src=\u0026#34;/path/to/your/audiofile.mp3\u0026#34; \u0026gt;*/}}\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\n\u003caudio src=\"https://upload.wikimedia.org/wikipedia/commons/5/55/Apollo_8_liftoff.ogg\" controls muted loading=\"lazy\"\u003e\u003c/audio\u003e\n\n\u003cp\u003eMake sure to replace \u003ccode\u003e/path/to/your/audiofile.mp3\u003c/code\u003e with the actual path to your audio file. This shortcode will generate an audio player that allows visitors to play the audio directly on your site.\u003c/p\u003e","title":"Audio and Video"},{"content":"Heading 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\nHeading 2 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nHeading 3 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nHeading 4 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nHeading 5 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nHeading 6 Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n","permalink":"https://news.aalex.net/posts/inner-section/md-headings/","summary":"\u003ch1 id=\"heading-1\"\u003eHeading 1\u003c/h1\u003e\n\u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\u003c/p\u003e","title":"Markdown Headings"},{"content":"Markdown Lists Markdown supports both ordered and unordered lists, as well as nested lists. Here\u0026rsquo;s how you can create them:\nOrdered List First item Second item Third item Unordered List List item Another item And another item Nested Unordered list Fruit Apple Orange Dairy Milk Cheese Nested Ordered list Fruit Apple Orange Dairy Milk Cheese Mixed Nested Lists First item Sub item 1 Second item Sub item 1 Sub sub item 1 Sub item 2 Third item Sub item 1 Sub sub item 1 List with paragraphs, code blocks, and blockquotes Item 1\nThis is a paragraph within the first item.\nItem 2\nfunction helloWorld() { console.log(\u0026#34;Hello, World!\u0026#34;); } Item 3\nThis is a blockquote within the third item.\nLists with links, images, and other markdown content Item 1 Sub item with a link Sub item with an image Item 2 Sub item with bold text Sub item with italic text Item 3 Sub item with inline code Sub item with a blockquote \u0026gt; This is a blockquote within a sub item. This flexibility allows you to create rich and organized content using Markdown lists. ","permalink":"https://news.aalex.net/posts/inner-section/md-lists/","summary":"\u003ch2 id=\"markdown-lists\"\u003eMarkdown Lists\u003c/h2\u003e\n\u003cp\u003eMarkdown supports both ordered and unordered lists, as well as nested lists. Here\u0026rsquo;s how you can create them:\u003c/p\u003e\n\u003ch3 id=\"ordered-list\"\u003eOrdered List\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003eFirst item\u003c/li\u003e\n\u003cli\u003eSecond item\u003c/li\u003e\n\u003cli\u003eThird item\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3 id=\"unordered-list\"\u003eUnordered List\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eList item\u003c/li\u003e\n\u003cli\u003eAnother item\u003c/li\u003e\n\u003cli\u003eAnd another item\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"nested-unordered-list\"\u003eNested Unordered list\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFruit\n\u003cul\u003e\n\u003cli\u003eApple\u003c/li\u003e\n\u003cli\u003eOrange\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eDairy\n\u003cul\u003e\n\u003cli\u003eMilk\u003c/li\u003e\n\u003cli\u003eCheese\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"nested-ordered-list\"\u003eNested Ordered list\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003eFruit\n\u003cul\u003e\n\u003cli\u003eApple\u003c/li\u003e\n\u003cli\u003eOrange\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eDairy\n\u003col\u003e\n\u003cli\u003eMilk\u003c/li\u003e\n\u003cli\u003eCheese\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3 id=\"mixed-nested-lists\"\u003eMixed Nested Lists\u003c/h3\u003e\n\u003col\u003e\n\u003cli\u003eFirst item\n\u003cul\u003e\n\u003cli\u003eSub item 1\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eSecond item\n\u003col\u003e\n\u003cli\u003eSub item 1\n\u003cul\u003e\n\u003cli\u003eSub sub item 1\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003eSub item 2\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003cli\u003eThird item\n\u003cul\u003e\n\u003cli\u003eSub item 1\n\u003col\u003e\n\u003cli\u003eSub sub item 1\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3 id=\"list-with-paragraphs-code-blocks-and-blockquotes\"\u003eList with paragraphs, code blocks, and blockquotes\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003eItem 1\u003c/p\u003e","title":"Markdown Lists"},{"content":"Sample Markdown Blog Post A sample blog post to test markdown rendering in PaperMod. This post includes various markdown elements such as headings, images, and code blocks. The content is meant to verify that all markdown features are displayed correctly in the theme.\nSample Heading Knock knock. Who\u0026rsquo;s there? Lettuce. Lettuce who? Lettuce in, it\u0026rsquo;s cold out here!\nfunction greet(name) { return `Hello, ${name}!`; } console.log(greet(\u0026#39;World\u0026#39;)); 1 2 3 4 def greet(name): return f\u0026#34;Hello, {name}!\u0026#34; print(greet(\u0026#34;World\u0026#34;)) Another Heading This is a table With some data Row 1 Data 1 Row 2 Data 2 ","permalink":"https://news.aalex.net/posts/inner-section/md-blog/","summary":"\u003ch2 id=\"sample-markdown-blog-post\"\u003eSample Markdown Blog Post\u003c/h2\u003e\n\u003cp\u003eA sample blog post to test markdown rendering in PaperMod. This post includes various markdown elements such as headings, images, and code blocks. The content is meant to verify that all markdown features are displayed correctly in the theme.\u003c/p\u003e\n\u003ch3 id=\"sample-heading\"\u003eSample Heading\u003c/h3\u003e\n\u003cp\u003eKnock knock. Who\u0026rsquo;s there? Lettuce. Lettuce who? Lettuce in, it\u0026rsquo;s cold out here!\u003c/p\u003e\n\u003cp\u003e\u003cimg alt=\"Sample Image\" loading=\"lazy\" src=\"https://placehold.co/800x200\"\u003e\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre tabindex=\"0\" class=\"chroma\"\u003e\u003ccode class=\"language-javascript\" data-lang=\"javascript\"\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\u003cspan class=\"kd\"\u003efunction\u003c/span\u003e \u003cspan class=\"nx\"\u003egreet\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003ename\u003c/span\u003e\u003cspan class=\"p\"\u003e)\u003c/span\u003e \u003cspan class=\"p\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e    \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"sb\"\u003e`Hello, \u003c/span\u003e\u003cspan class=\"si\"\u003e${\u003c/span\u003e\u003cspan class=\"nx\"\u003ename\u003c/span\u003e\u003cspan class=\"si\"\u003e}\u003c/span\u003e\u003cspan class=\"sb\"\u003e!`\u003c/span\u003e\u003cspan class=\"p\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\u003cspan class=\"p\"\u003e}\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\u003cspan class=\"nx\"\u003econsole\u003c/span\u003e\u003cspan class=\"p\"\u003e.\u003c/span\u003e\u003cspan class=\"nx\"\u003elog\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"nx\"\u003egreet\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s1\"\u003e\u0026#39;World\u0026#39;\u003c/span\u003e\u003cspan class=\"p\"\u003e));\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003cdiv class=\"highlight\"\u003e\u003cdiv class=\"chroma\"\u003e\n\u003ctable class=\"lntable\"\u003e\u003ctr\u003e\u003ctd class=\"lntd\"\u003e\n\u003cpre tabindex=\"0\" class=\"chroma\"\u003e\u003ccode\u003e\u003cspan class=\"lnt\"\u003e1\n\u003c/span\u003e\u003cspan class=\"hl\"\u003e\u003cspan class=\"lnt\"\u003e2\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"lnt\"\u003e3\n\u003c/span\u003e\u003cspan class=\"lnt\"\u003e4\n\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/td\u003e\n\u003ctd class=\"lntd\"\u003e\n\u003cpre tabindex=\"0\" class=\"chroma\"\u003e\u003ccode class=\"language-python\" data-lang=\"python\"\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\u003cspan class=\"k\"\u003edef\u003c/span\u003e \u003cspan class=\"nf\"\u003egreet\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"n\"\u003ename\u003c/span\u003e\u003cspan class=\"p\"\u003e):\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line hl\"\u003e\u003cspan class=\"cl\"\u003e    \u003cspan class=\"k\"\u003ereturn\u003c/span\u003e \u003cspan class=\"sa\"\u003ef\u003c/span\u003e\u003cspan class=\"s2\"\u003e\u0026#34;Hello, \u003c/span\u003e\u003cspan class=\"si\"\u003e{\u003c/span\u003e\u003cspan class=\"n\"\u003ename\u003c/span\u003e\u003cspan class=\"si\"\u003e}\u003c/span\u003e\u003cspan class=\"s2\"\u003e!\u0026#34;\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\n\u003c/span\u003e\u003c/span\u003e\u003cspan class=\"line\"\u003e\u003cspan class=\"cl\"\u003e\u003cspan class=\"nb\"\u003eprint\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"n\"\u003egreet\u003c/span\u003e\u003cspan class=\"p\"\u003e(\u003c/span\u003e\u003cspan class=\"s2\"\u003e\u0026#34;World\u0026#34;\u003c/span\u003e\u003cspan class=\"p\"\u003e))\u003c/span\u003e\n\u003c/span\u003e\u003c/span\u003e\u003c/code\u003e\u003c/pre\u003e\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\u003c/div\u003e\n\u003c/div\u003e\u003ch4 id=\"another-heading\"\u003eAnother Heading\u003c/h4\u003e\n\u003ctable\u003e\n\t\u003cthead\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003cth\u003eThis is a table\u003c/th\u003e\n\t\t\t\t\t\u003cth\u003eWith some data\u003c/th\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/thead\u003e\n\t\u003ctbody\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003eRow 1\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eData 1\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\t\t\u003ctr\u003e\n\t\t\t\t\t\u003ctd\u003eRow 2\u003c/td\u003e\n\t\t\t\t\t\u003ctd\u003eData 2\u003c/td\u003e\n\t\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e","title":"Sample Markdown Blog Post"},{"content":"Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.\nYouTube Vimeo Shortcode X Shortcode PaperMod is a simple, flexible and responsive Hugo theme for blogs and personal websites. Made by @adityatelange.https://t.co/Rae1niwhIP\n\u0026mdash; GoHugo.io (@GoHugoIO) September 13, 2020 Instagram Shortcode View this post on Instagram ","permalink":"https://news.aalex.net/posts/rich-content/","summary":"\u003cp\u003eHugo ships with several \u003ca href=\"https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes\"\u003eBuilt-in Shortcodes\u003c/a\u003e for rich content, along with a \u003ca href=\"https://gohugo.io/about/hugo-and-gdpr/\"\u003ePrivacy Config\u003c/a\u003e and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.\u003c/p\u003e","title":"Rich Content and Shortcodes"},{"content":"Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.\nIn this example we will be using KaTeX\nCreate a partial under /layouts/partials/math.html Within this partial reference the Auto-render Extension or host these scripts locally. Include the partial in your templates (extend_head.html) like so: refer ISSUE #236 {{ if or .Params.math .Site.Params.math }} {{ partial \u0026#34;math.html\u0026#34; . }} {{ end }} To enable KaTex globally set the parameter math to true in a project\u0026rsquo;s configuration To enable KaTex on a per page basis include the parameter math: true in content files Note: Use the online reference of Supported TeX Functions\nExamples Inline math: \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\) Block math:\n$$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$\n","permalink":"https://news.aalex.net/posts/math-typesetting/","summary":"\u003cp\u003eMathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.\u003c/p\u003e","title":"Math Typesetting"},{"content":"Emoji can be enabled in a Hugo project in a number of ways.\nThe emojify function can be called directly in templates or Inline Shortcodes.\nTo enable emoji globally, set enableEmoji to true in your site\u0026rsquo;s configuration and then you can type emoji shorthand codes directly in content files; e.g.\n🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:\nThe Emoji cheat sheet is a useful reference for emoji shorthand codes.\nN.B. The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.\n.emoji { font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; } ","permalink":"https://news.aalex.net/posts/emoji-support/","summary":"\u003cp\u003eEmoji can be enabled in a Hugo project in a number of ways.\u003c/p\u003e","title":"Emoji Support"}]