↓Skip to main content
fritz-the-cat.co.uk
  1. Welcome!/

How this Blog works

·978 words
Firezer Zanasi
Author
Firezer Zanasi
Cybersecurity graduate and coffee addict
Table of Contents

Hugo
#

Hugo is the static website generator I used to create this Blog site.

Useful Commands
#

  • Create new post
    • hugo new /posts/newpost.md

Hello World!

Article
#

Second Post
·39 words

This is bold text, and this is emphasized text.

Link#

Visit the Hugo website!

Badge
#

New article!

Alerts
#

Warning! This action is destructive!

Don’t forget to follow me on Twitter.

This is an error!

Buttons
#

Click Me!

Charts
#










Figures
#

Fritz!
The-Cat!

A Cat hacking the Mainframe.
Photo by Fritz-the-Cat! on his channel

Github/Gitlab cards
#

nunocoracao/blowfish

Personal Website & Blog Theme for Hugo

HTML
795
249
GitLab.org / GitLab

GitLab is an open source end-to-end software development platform with built-in version control, issue tracking, code review, CI/CD, and more. Self-host GitLab on your own servers, in a container, or on a cloud provider.

4812
9255

Icons
#

Katex
#

\(f(a,b,c) = (a^2+b^2+c^2)^3\)

Inline notation: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

Lead
#

When life gives you lemons, make lemonade.

Lists
#

Recent

My first post of the year
·126 words
About
·4 words

Mermaid [Flowcharts - Diagrams]
#

Example:
#

graph LR; A[Lemons]-->B[Lemonade]; B-->C[Profit]

Flowchart
#

graph TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} B --> G[/Another/] C ==>|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[Car] subgraph Section C D E F G end

Sequence Diagram
#

sequenceDiagram autonumber par Action 1 Alice->>John: Hello John, how are you? and Action 2 Alice->>Bob: Hello Bob, how are you? end Alice->>+John: Hello John, how are you? Alice->>+John: John, can you hear me? John-->>-Alice: Hi Alice, I can hear you! Note right of John: John is perceptive John-->>-Alice: I feel great! loop Every minute John-->Alice: Great! end

Class diagram
#

classDiagram Animal "1" <|-- Duck Animal <|-- Fish Animal <--o Zebra Animal : +int age Animal : +String gender Animal: +isMammal() Animal: +mate() class Duck{ +String beakColor +swim() +quack() } class Fish{ -int sizeInFeet -canEat() } class Zebra{ +bool is_wild +run() }

Entity relationship diagram
#

erDiagram CUSTOMER }|..|{ DELIVERY-ADDRESS : has CUSTOMER ||--o{ ORDER : places CUSTOMER ||--o{ INVOICE : "liable for" DELIVERY-ADDRESS ||--o{ ORDER : receives INVOICE ||--|{ ORDER : covers ORDER ||--|{ ORDER-ITEM : includes PRODUCT-CATEGORY ||--|{ PRODUCT : contains PRODUCT ||--o{ ORDER-ITEM : "ordered in"

Swatches
#

Timeline
#

  1. header

    badge test

    subheader

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus.

  2. Another Awesome Header

    date - present

    Awesome Subheader

    With html code

    • Coffee
    • Tea
    • Milk

  3. Shortcodes

    AWESOME

    With other shortcodes


TypeIt
#

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.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Blockquotes
#

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.

Blockquote without attribution
#

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Blockquote with attribution
#

Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1

Tables
#

Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

NameAge
Bob27
Alice23

Inline Markdown within tables
#

ItalicsBoldCode
italicsboldcode

Code Blocks
#

Code block with backticks
#

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Code block indented with four spaces
#

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code block with Hugo’s internal highlight shortcode
#

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

List Types
#

Ordered List
#

  1. First item
  2. Second item
  3. Third item

Unordered List
#

  • List item
  • Another item
  • And another item

Nested list
#

  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

Other Elements — abbr, sub, sup, kbd, mark
#

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

YouTube
#

Below is an example using the built-in youtube shortcode.

Twitter
#

This example uses the twitter_simple shortcode to output a Tweet. It requires two named parameters user and id.

Alternatively, the tweet shortcode can be used to embed a fully marked up Twitter card.

Emoji 😁
#

Example: see_no_evil 🙈, hear_no_evil 🙉, speak_no_evil 🙊.

📖 🏞️ 🧗 🏽 🐉 🧙 🏽 ‍♂️ 🧚 🏽 👸

  1. The above quote is excerpted from Rob Pike’s talk about nothing during Gopherfest, November 18, 2015. ↩︎