Home Obsidian Styleguide
Post
Cancel

Obsidian Styleguide

Posted Aug 10, 2022
By xRyul
4 min read

This is Title

This is a normal paragraph. To add some length to it, let us mention that this page was primarily written for testing the effect of user style sheets. You can use it for various other purposes as well, like just checking how your browser displays various HTML elements by default. It can also be useful when testing conversions from HTML format to other formats, since some elements can go wrong then.

Bullet Points
Bold
Italics
Strikethrough
underline
bold+italics
==Highlight==

This is Heading 2

This is some inline code and below is a code block:

1
2

cd ~/Desktop/
ls -l | grep _01 | wc -l

This is Heading 3 - with external link

All headings with external links will be in this color. Although, by default it is disabled.

This is an internal link within the [[obsidian]].

This is a simple external link to GitHub: https://github.com/ This is an external link to GitHub All external headers that use the syntax []() and when hovered over will be coloured in light-red.

this is heading 3?

1

#### Header 4

This is Heading 4

Bullet List
  • One.
    • Two.
      • Three. Well, probably this list item should be longer. Note that for short items lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.
        • Four
          • Five. This is the last item in this list. Let us terminate the list now without making any more fuss about it.
            • Six.
This is Heading 5
This is Heading 6

Numbered List #tutorial

  1. One.
  2. Two
  3. Three. Well, probably this list item should be longer. Note that for short items lists look better if they are compactly presented, whereas for long items, it would be better to have more vertical spacing between items.
  4. Four.
  5. Five
  6. Six. This is the last item in this list. Let us terminate the list now without making any more fuss about it.

Code

Inline code: cd ~/Desktop/ \(\LARGE\text{Example of large font}\)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

function Slayer (props) {
 return <h1>{props.name}</h1>;
}


['A', 'z', '0', '-', '\t', '\u{2728}']



//  Comment
function DraculaPro() {
 return (
  <div>
   <Slayer name="Blade" />
   <Slayer name="Buffy" />
  </div>
 );
}

true
const vkol = pi 

ReactDOM.render(
 <DraculaPro />,
 document.getElementById('root')
);


let someString = "Some String literal value"
var emptyString = ""
// String interpolation
let multiplier = 3
"\(multiplier) times 2.5 is \(Double(multipler) * 2.5)"

class MyViewController: UIViewController {
 @IBOutlet weak var button: UIButton!
 @IBOutlet var textFields: [UITextField]!
 @IBAction func buttonTapped(_: AnyObject) {
  println("button tapped!")
 }
}

1
2
3
4
5
6

/*Code Blocks*/
.theme-dark :not(pre) > code[class*="language-"], .theme-dark pre[class*="language-"], .cm-s-obsidian div.HyperMD-codeblock-bg {

 background-color: #363843 !important;.

}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

@fontfamily {
}

input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
 background: var(--background-modifier-form-field);
 border: 1px solid var(--background-modifier-border);
 color: var(--text-normal);
 font-family: 'Inter', sans-serif;
 padding: 5px 14px;
 font-size: 16px !important;
 border-radius: 4px;
 outline: none;
 height: 30px;
 background: url(mewo.png)
}


1
2
3
4
5
6
7
8
9
10
11
12
13

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML 5 Boilerplate</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
 <script src="index.js"></script>
  </body>
</html>

1
2
3
4
5

#Codeblock
cd ~/Desktop/ | ls -l | grep _01 | wc -l
pwd 
ls
true

<html:p foo:bar="baz" foo:weee></html:p>

1

cd Desktop

testing test 23

This is Heading 1

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5
This is Heading 6

Normal Text

Tag

  • check

This is Heading 1

This is Heading 2

This is Heading 3 - with external link

This is Heading 4

This is Heading 5
This is Heading 6

[[internal link]] External Link 1 URL: https://github.com/

inline code


#NoEnv  ; Recommended for performance and compatibility with future AutoHotkey releases.
; #Warn  ; Enable warnings to assist with detecting common errors.
SendMode Input  ; Recommended for new scripts due to its superior speed and reliability.
SetWorkingDir %A_ScriptDir%  ; Ensures a consistent starting directory.


#If WinActive ("ahk_exe Photoshop.exe") || WinActive ("Liquify") || WinActive ("ahk_class PSFilter_WindowClass")


 *!^LButton::
 Send {Alt Down}{Click, Down Right}
 return

 *!^LButton up::
 Send {Alt Up}{Click, Up Right}
 return

 LWin & LButton::RButton
 return
 
 F15::^f11
 return

 LAlt & Tab::AltTab
 return
 

#If

+F11::
Send {Volume_Down}
return

+F12::
Send {Volume_UP}
return

«««< HEAD
  • Supports query (search embedd):
#CCNA/DavidBombal/cards 

graph TD

A[Biology]
B[Chemistry]

A --> B

class A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z internal-link;

main

This post is licensed under CC BY 4.0 by the author.
Trending Tags
ccna lab packettracer
Contents
Trending Tags
ccna lab packettracer