#1

look at the picture.
When editing(left) ; When previewing(right)

image
image675×549 37.1 KB

Say a few points:

  1. The left and right spacing of H1, H2, etc. can be adjusted according to your preferences, change this margin-left:??px;
  2. The css encoding should be changed to UTF-8
  3. # The display seems to be a bit problematic, but it does not affect it, because logseq starts from ## , if you mind, you can study it
  4. Source:
    Org-sidian Bullets ◉ Instead Of # For Headers (Inspired by org-mode)
    Org-sidian-Bullets
2 Likes
#2

Thanks a lot for sharing this, I created that code for Obsidian, happy to know you are enjoying it.
It’s far from perfect, but I do think it makes the use of Headings in markdown a bit more aesthetic.

1 Like
#3 
  h1 {
  display: flex;
  }

  h2 {
  display: flex;
  }

  h3 {
  display: flex;
  }

  h4 {
  display: flex;
  }

  h5 {
  display: flex;
  }

  h6 {
  display: flex;

  }

image
Surprisingly the original author is here, I am very happy you to reply to me, I want to ask you a question.Adding some code in preview.css can make the heading more like an outline, as shown in the figure, but the content under the heading is very prominent, such as this Hello, is there any solution?

2 Likes
#4

Hey, I know what you mean, unfortunatly I haven’t been able to find a solution to that yet.
However it might be possible for someone more advanced in css than me to figure it out.

2 Likes