Typography
Integer lobortis vulputate mauris quis maximus. Vestibulum ac eros porttitor, auctor sem sed, tincidunt nulla. In sit amet tincidunt ex.
724 Words … ⏲ Reading Time: 3 Minutes, 17 Seconds
2023-08-15 10:06 +0000
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.
An apple is a sweet, edible fruit produced by an apple tree (Malus pumila). Apple trees are cultivated worldwide, and are the most widely grown species in the genus Malus. The tree originated in Central Asia, where its wild ancestor, Malus sieversii, is still found today. Apples have been grown for thousands of years in Asia and Europe, and were brought to North America by European colonists. Apples have religious and mythological significance in many cultures, including Norse, Greek and European Christian traditions.1
Inline styles:
strong, emphasis, strong and emphasis,code
, underline2, strikethrough, :joy:🤣, $\LaTeX$3, ==highlight==, Link, and image:
Images can also be implemented via figure shortcode. It extends in-built hugo shortcode to convert images to webp format.
{ {< figure src="images/928-600x400.jpg" alt="A WEBP converted image" caption="A WEBP converted image" class="webp" loading="lazy" >} }
Headings:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Table:
Left-Aligned | Center Aligned | Right Aligned |
---|---|---|
col 3 is | some wordy text | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Lists:
- Unordered list item 1.
- Unordered list item 2.
- ordered list item 1.
- ordered list item 2.
- sub-unordered list item 1.
- sub-unordered list item 2.
- something is DONE.
- something is NOT DONE.
Syntax Highlighting without backticks:
dt = {5:4, 1:6, 6:3}
sorted_dt = {key: value for key, value in sorted(dt.items(), key=lambda item: item[1])}
print(sorted_dt)
Syntax Highlighting with backticks:
var num1, num2, sum
num1 = prompt("Enter first number")
num2 = prompt("Enter second number")
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert("Sum = " + sum) // "+" means combine into a string
Syntax Highlighting with highlight
shortcode
{{/*< highlight css "linenos=table,linenostart=5" >*/}}
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #55595ebb }
{{/*< /highlight >*/}}
|
|
Change Highlight color in _syntax.scss
Line 5
|
|
Mermaid support
flowchart TD A["Cron Job Starts at 9 AM"] --> B["Loop Through Each Newspaper"] B --> C["Get Newspaper URL and Upload Image"] C --> D["Convert Image to Base64 & Calculate Hash"] D --> E["Analyze Image Using LLM"] E -- If Success --> F["Save Newspaper Data"] F --> G["Perform Google Search for Headlines"] & I["Check If Newspaper Already Exists"] G --> H["Store Headline Search Results in Database"] I -- If Exists --> J["Compare Hash and Update If Needed"] I -- If New --> K["Create New Newspaper Entry"] J --> L["Update Existing Entry in Database"] K --> M["Save New Entry to Database"] L --> N["Save or Update Search Results"] M --> N N --> O["End of Newspaper Process"] O -- If All Newspapers Processed --> P["Cron Job Complete"]
Hugo’s default renderer (Goldmark) cannot render HTML tags by default and Markdown doesn’t have underlines. To use HTML tags, use
[markup.goldmark.renderer] unsafe = true
inhugo.toml
. Find it in Staging Branch ↩︎LaTeX is supported by Mathjax, explained in this article ↩︎