obsidian的使用

牧歌2024/6/24...大约 5 分钟

obsidian的使用

解决代码块不自动换行

先看这里提供了描述：代码块如何不自动换行看这里实际解决：Disable word wrap for code blocks?

不知道CSS文件应该创建在哪

点击这个按钮就打开了

image.png|550

大纲线段

https://forum-zh.obsidian.md/t/topic/24049

自己使用的主题

名字：Border

自己喜欢的段落样式

调整了标题下空间和颜色

image.png|350


/* .cm-s-obsidian .cm-line.HyperMD-header{
  padding-bottom: var(--p-spacing);
  color: rgb(123, 108, 214);
} */

.cm-s-obsidian {
  --color-red-rgb: 255, 120, 129;
  --color-red: rgb(var(--color-red-rgb));
  --color-green-rgb: 124, 211, 124;
  --color-green: rgb(var(--color-green-rgb));
  --color-orange-rgb: 251, 187, 131;
  --color-orange: rgb(var(--color-orange-rgb));
  --color-yellow-rgb: 255, 232, 139;
  --color-yellow: rgb(var(--color-yellow-rgb));
  --color-cyan-rgb: 134, 223, 226;
  --color-cyan: rgb(var(--color-cyan-rgb));
  --color-blue-rgb: 137, 189, 244;
  --color-blue: rgb(var(--color-blue-rgb));
  --color-purple-rgb: 203, 158, 255;
  --color-purple: rgb(var(--color-purple-rgb));
  --color-pink-rgb: 242, 182, 222;
  --color-pink: rgb(var(--color-pink-rgb));
  
  --h1-accent-color: var(--color-red);
  --h2-accent-color: var(--color-orange);
  --h3-accent-color: var(--color-yellow);
  --h4-accent-color: var(--color-green);
  --h5-accent-color: var(--color-blue);
  --h6-accent-color: var(--color-purple);
}

.cm-s-obsidian .cm-header-1,
 .markdown-preview-view h1 {
  color: var(--h1-accent-color); 
  margin-bottom: 1em;
}

.cm-s-obsidian .cm-header-2,
 .markdown-preview-view h2 {
  color: var(--h2-accent-color); 
}

.cm-s-obsidian .cm-header-3,
 .markdown-preview-view h3 {
  color: var(--h3-accent-color); 
}

.cm-s-obsidian .cm-header-4,
 .markdown-preview-view h4 {
  color: var(--h4-accent-color); 
}

.cm-s-obsidian .cm-header-5,
 .markdown-preview-view h5 {
  color: var(--h5-accent-color); 
}

.cm-s-obsidian .cm-header-6,
 .markdown-preview-view h6 {
  color: var(--h6-accent-color); 
}

.cm-s-obsidian {
  .cm-line.HyperMD-header-1 {
    padding-bottom: 1.5rem;
  }
  .cm-line.HyperMD-header-2 {
    padding-bottom: 1.3rem;
  }
  .cm-line.HyperMD-header-3 {
    padding-bottom: 1.1rem;
  }
  .cm-line.HyperMD-header-4 {
    padding-bottom: 0.9rem;
  }
  .cm-line.HyperMD-header-5 {
    padding-bottom: 0.7rem;
  }
  .cm-line.HyperMD-header-6 {
    padding-bottom: 0.5rem;
  }
}

好用的插件

Calendar 日历 Clear Unused Images 清除没有链接的图片 Unique attachments 重命名图片让格式统一 这个放弃 consistent attachments and links 移动文章附件跟着一起移动设置如下：

image.png|550

mage Toolkit点击图片放大之类的功能，比较像一般的图片浏览器的工具栏。 Find and replace in selection：如字面意思，只在选中的区域进行查找和替换。 Remember Cursor Position：记住上次打开文件时光标的位置。当然了笔记是不推荐太长的，不过如果你比较习惯这样子可以试试

paste image rename:粘贴图片重新命名设置如下：

image.png|550