My web site

Welecome to my web site with papery

:smile: :heart: :thumbsup:

A Happy Post

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Table

Header 1 Header 2
Cell 1 Cell 2 link
Cell 3 Cell 4

Code block

Text

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.

Python

def factorial(x):
    if x == 0:
        return 1
    else:
        return x * factorial(x - 1)

Hovering header title, a permalink symbol ΒΆ is appear.

CSS

The permalink symbol is classified as headerlink. For better apperances, apply the CSS like below.

.headerlink {
  color: gray;
  cursor: pointer;
  padding: 0px 5px;
  text-decoration: none;
  visibility: hidden;
}

.headerlink:hover {
  color: blue;
}

h1:hover .headerlink {
  visibility: visible;
}

h2:hover .headerlink {
  visibility: visible;
}

h3:hover .headerlink {
  visibility: visible;
}

...

Markdown in HTML

How to use

Markdown text

  • A Markdown text
  • Here is a example with details element
<details markdown="block">
<summary> Example </summary>

#### Example

Something Markdown text...

</details>

My Favorite Fruits

Name Color
Apple red
Orange orange
Strawberries red
Pineapple yellow
Kiwi green