Typora Notion 主题项目教程

Typora Notion 主题项目教程

typora-notion-themeA beautiful, Notion-inspired Typora theme项目地址:https://gitcode.com/gh_mirrors/ty/typora-notion-theme

1. 项目的目录结构及介绍

typora-notion-theme/
├── README.md
├── notion.css
└── images/
    └── ...

• README.md: 项目说明文件，包含项目的基本信息和使用指南。
• notion.css: 主题的主要样式文件，定义了 Notion 风格的样式。
• images/: 存放项目中使用的图片资源。

2. 项目的启动文件介绍

项目的启动文件是 notion.css。这个文件包含了所有用于定制 Typora 编辑器外观的 CSS 样式规则，使其看起来更像 Notion。

3. 项目的配置文件介绍

项目中没有明确的配置文件，但可以通过修改 notion.css 文件来调整主题的样式。例如，可以修改顶部图片的尺寸、位置等属性。

/* 示例：修改顶部图片的尺寸 */
.full-width-image {
    height: 30vh; /* 修改此值以调整图片高度 */
}

通过编辑 notion.css 文件，可以根据个人喜好定制主题的外观和功能。

typora-notion-themeA beautiful, Notion-inspired Typora theme项目地址:https://gitcode.com/gh_mirrors/ty/typora-notion-theme