墨水屏 Obsidian 笔记配置

应用下载

• 下载链接
• 下载密码：9lj5
  
  根据需要下载相应的版本即可，建议下载最新版本

应用配置

• 根据需要开启相关核心插件，根据安卓墨水屏特性，建议仅启用以下核心插件：
  • 白板
  • 标签列表
  • 出链
  • 大纳
  • 反向链接
  • 关系图谱
  • 日记
  • 时间戳笔记生成器
  • 搜索
  • 文档属性视图
  • 文件恢复
  • 文件列表
  • 页面预览
  • 字数统计
• 根据需要开发第三方插件，根据安卓墨水屏特性，建议仅启用以下核心插件：
  • Dataview
  • Easy Typing
  • Excalidraw
  • Hider
  • PKMer
  • QuickAdd
  • Remotely Save
  • Templater
• 仅采用默认主题，将主题色设置为 黑色

CSS 代码片段

• 墨水屏主题

/* 设置主题关键颜色 */
.theme-light {
  --color-base-00: #ffffff;
  --color-base-05: #ffffff;
  --color-base-10: #eeeeee;
  --color-base-20: #ffffff;
  --color-base-70: #000000;
  --color-base-100: #000000;
}

/* 设置行内代码和快捷键样式 */
.cm-s-obsidian .cm-inline-code:not(.cm-formatting),
.markdown-rendered code,
kbd {
    border: 1px solid #ddd;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 0;
    padding: 1px 4px 1px 4px;
    font-size: 0.9em;
}

/* 设置代码块样式 */
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock {
    color: #000000;
}

• 表格优化

/* 表格样式 */
.markdown-rendered table {
  width: 100%;
  display: table;
  font-size: 90%;
}
.markdown-rendered th {
  word-break: keep-all;
  white-space: nowrap;
  text-align: center;
}
.markdown-rendered td {
  white-space: normal;
  word-break: break-all;
  text-align: justify;
  hyphens: auto;
}

• 两端对齐

/*在编辑模式中将文本两端对齐应用至除代码块的所有行*/
.cm-line:not(
.HyperMD-codeblock, .HyperMD-header){
  text-align: justify;
  hyphens: auto;
}

/*在预览模式中将文本两端对齐应用至正文行*/
.markdown-preview-view p {
  white-space: normal;
  word-break: break-all;
  text-align: justify
  hyphens: auto;
}

/*在预览模式中将文本两端对齐应用至列表行*/
.markdown-source-view ol > li, .markdown-source-view ul > li, .markdown-preview-view ol > li, .markdown-preview-view ul > li, .markdown-rendered ul > li, .mod-cm6 .HyperMD-list-line.cm-line {
  white-space: normal;
  word-break: break-all;
  text-align: justify
  hyphens: auto;
}

• 标题优化

/** 不同级别标题样式 **/
h1, .markdown-rendered h1, .HyperMD-header-1, .HyperMD-list-line .cm-header-1 {
	padding-left: 9px;
	font-size: 2.5em;
	text-align: center;
	line-height:100px;
}

h2, .markdown-rendered h2, .HyperMD-header-2, .HyperMD-list-line .cm-header-2 {
	padding-left: 9px;
	font-size: 2em;
	text-align:center;
	line-height:80px;
}

h3, .markdown-rendered h3, .HyperMD-header-3, .HyperMD-list-line .cm-header-3 {
	font-size: 1.6em;
	padding-left: 9px;
	line-height:40px;
	border-bottom: 1px solid #ddd;
}

h4, .markdown-rendered h4, .HyperMD-header-4, .HyperMD-list-line .cm-header-4 {
	font-size: 1.3em;
	padding-left: 9px;
	line-height:30px;
}

h5, .markdown-rendered h5, .HyperMD-header-5, .HyperMD-list-line .cm-header-5 {
	font-size: 1.1em;
	padding-left: 9px;
	line-height:30px;
}

h6, .markdown-rendered h6, .HyperMD-header-6, .HyperMD-list-line .cm-header-6 {
	font-size: 1em;
	padding-left: 9px;
	line-height:30px;
}

• 手动换页

@media print {
  hr {
    page-break-after: always;
    visibility: hidden;
  }
}

同步配置

效果展示