The preliminary cooperation between obsidian and logseq has been realized

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

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

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
  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

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