Skip to content

Latest commit

 

History

History
227 lines (196 loc) · 5.96 KB

Demo Note.md

File metadata and controls

227 lines (196 loc) · 5.96 KB
Raw
aliases tags cssclass source created updated
Demo Note
2022-10-25 10:35
2022-12-07 21:02

Demo Note

#bluetopaz #demo #tag1 #tag2 #tag3 #tag4 #tag5 #tag6

Column and md syntax

> [!example]  In the notes, it is unavoidable to some emphasis ways, such as bold, highlighting, etc. 
> *italic*
> **bolded**
> ***bolded italic***
> `In-line code (also used as emphasis)`
> ==Highlighting==
> ==*italic highlighting*==
> *==Sign works in reverse==*
> ==**Bold highlighting**== 
> ==***bold italic highlighting***==
> ==Highlighting `in-line code`==

> [!info] Read it, try it, it's a how-to guide to help you understand some of the syntax and help you better get to know topaz
>   
>> [!bug|center]  Tang Poems 
>>[唐] [颜真卿]
>>
>>三更灯火五更鸡，*==~~正是男儿读书时~~==*。
>>==~~黑发不知勤学早~~==，白首方悔读书迟。
>
>
>```ad-lem
> title:👉 Embed Callout Formula 
> 
> $$
> \left|
> \begin{array}{cccc} 
>  3  &  2   \\ 
>  4  &  3  
> \end{array}
> \right| 
> = 3*3-2*4
> $$
>```

Type any words here to replace these text between the first * and the last * . Do not leave any blank after the first *. in Reading mode, you only see text without any markdown marks, including the first and the last *.

Table & Highlight Text & Callout

[!infobox|noicon|right 40%]+ #### Karl Marx

Karl Marx 001.jpg|100

5 May 1818 – 14 March 1883

What you typed What you got
==your words== ==your words==
*==your words==* ==your words==
==**your words**== ==your words==
==***your words***== ==your words==
**==your words==** ==your words==
***==your words==*** ==your words==

Embed images

You can embed markdown images in your notes. Use the ![title](XX.jpg) syntax like so: Engelbart.jpg|190[img-caption:: Figure 1. Doug Engelbart] Doug Engelbart was a American computer scientist and inventor, best known for his work on the development of the computer mouse and the development of hypertext and networked computers.

#bluetopaz #demo #tag1 #tag2 #tag3 #tag4 #tag5 #tag6 italic bolded bolded italic

[!blank|left 40%]

List

  • aaa
    • aaa
      • 4444
      • aaa
        • 33333
          • 4444
            • 444
        • 4444
      • aaa
    • 5555
  • 55555

[!blank|left 30%]

Order List

  1. aaa
  2. aaa
    1. 2222
    2. 2333
  3. 2222
    1. 222
    2. 222
  4. 444
    1. 333
    2. 444
  5. 666666

[!blank|left 30%]

Check list

  • 一级
    • 222
    • 4444
  • 1111
    • 2222
    • 2222
      • 333
      • 3333
    • 2222
  • 11111
  • 2222

Title of Images

![[obsidian_image.png#right|Figure 2. No, it is not an egg!|140]] Put #centre / #center,#right or #left after ImageFileName, like ![[xxx.png#position|captions|size]] Why was the obsidian egg in the forest? Because it was a black-shelled egg-stract! Why was the egg sad? Because it was feeling shell-shocked. But then it saw a piece of obsidian and felt better, because it knew that at least it wasn't as hard as that.

It shows below! You may need to maximum widen your screen to see what is looks like. ![[obsidian_image.png#inl|Figure 1. This is an egg!|170]]![[obsidian_image.png#inl|Figure 2. This is NOT an egg!|100]]![[obsidian_image.png#inl|Figure 3. Is this an egg?|130]]![[obsidian_image.png#inl|Figure 4. Obsidian.|100]]

Pseudo-Kanban & Checkbox

- [ ] Unchecked `- [ ]`
- [x] Checked `- [x]`
- [>] Rescheduled `- [>]`
- [<] Scheduled `- [<]`
- [!] Important `- [!]`
- [-] Cancelled `- [-]`
- [/] In Progress `- [/]`
- ["] Quote`- ["]`
- [?] Question `- [?]`
- [*] Star `- [*]`
- [n] Note `- [n]`
- [l] Location `- [l]`
- [i] Information `- [i]`
- [I] Idea `- [I]`
- [S] Amount `- [S]`
- [p] Pro `- [p]`
- [c] Con `- [c]`
- [b] Bookmark `- [b]`
- [f] Fire `- [ f ]`
- [w] Win `- [w]`
- [k] Key `- [k]`
- [u] Up `- [u]`
- [d] down `- [d]`
- [F] Feature `- [F]`
- [r] Rule `- [r]`
- [m] Measurement `- [m]`
- [M] Medical `- [M]`
- [L] Language `- [L]`
- [t] Clock `- [t]`
- [T] Telephone `- [T]`
- [P] Person `- [P]`
- [#] Tags `- [#]`
- [W] World `- [W]`
- [U] Universe `- [U]`

Callout style

[!timeline] Cornell Notes

These contents will be shown in left column

These contents will be shown in right column

From here, the contents will be in left column.

Leave a blank to start right column contents. More contents in right column.

Contents in left column

Right column contents

After finish left contents input, press ==enter== twice.

Right column contents again More contents in right column for more completed markdown syntax support example, refer below example in Chinese

Codebox

public class HelloWorld {
  public static void main(String[] args) {
    System.out.println("Hello, world!");
  }
}

Footnote

要在您的项目中配置 stylelint，您需要在项目根目录下创建一个名为 .stylelintrc 的文件。此文件可以包含您的项目的 stylelint 规则1。要了解更多信息，请访问 https://stylelint.io/。

Math

$$ \begin{aligned} \frac{\partial f}{\partial x} =0 \\ \frac{\partial f}{\partial y} =0 \end{aligned} $$

Footnotes

  1. stylelint 是一种用于检查 CSS 代码风格的工具。它可以帮助开发人员检查 CSS 代码是否符合特定的代码规范，并提供指导意见来改进代码质量。stylelint 可以通过命令行或插件集成到常用的文本编辑器中，以便在写代码时实时检查代码质量。 ↩