Typora自定义主题- Vue 主题安装和配置

1. 介绍

使用 CSS 语言来定义主题样式。

2.安装和配置

准备工作

1. Typora 编辑器: 确保你已经安装了 Typora 编辑器，可以从 Typora 官网 下载并安装。
2. Git: 用于从 GitHub 克隆项目，可以从 Git 官网 下载并安装。

详细安装步骤

步骤 1: 克隆样式

使用 Git 克隆样式项目到本地：

步骤 2: 获取主题文件

进入克隆的项目目录，找到 vue.css、vue-dark.css 文件以及 vue 文件夹。

步骤 3: 打开 Typora 主题文件夹

打开 Typora 编辑器，进入 偏好设置（Preferences），然后选择 外观（Apperance）选项卡。点击 打开主题文件夹（Open Theme Folder）按钮。

步骤 4: 复制主题文件

将 vue.css、vue-dark.css 文件以及 vue 文件夹复制到 Typora 的主题文件夹中。确保这些文件直接位于主题文件夹的根目录下。

步骤 5: 应用主题

关闭并重新打开 Typora 编辑器。在菜单栏中选择 主题（Theme），然后选择 Vue 或 Vue Dark 主题。

完成

3.效果

以下是直接可粘贴到 Typora（Vue 主题） 中使用的 Markdown 内容，效果与图片完全一致：

--------------------------------------------------------------

# 个人简介

## 基本信息

**姓名**：毕小娟
**年龄**：32 岁
**职业**：双城狮

**爱好**：
- 看电影、听音乐、喝咖啡
- 抽烟、喝酒、哭笑（头发没了）

## 人生格言

> 机会总是留给有准备的人。

## 一段代码

```python
def main():
print(“机会总是留给有准备的人。”) # 人生格言!

if name == ‘main’:
main()
```

## 联系方式

1. **博客**：[http://blog.csdn.net/wirelessqa](http://blog.csdn.net/wirelessqa)
2. **微博**：[http://www.welbo.com/wirelessqa](http://www.welbo.com/wirelessqa)

## 待办事项

**2018 年要读的书**：
- 《时间洞史》
- 《未来洞史》
- 《今日洞史》

---

**修订记录**：
（空行保留）

--------------------------------------------------------------

类似资料参考：https://blog.csdn.net/wirelessqa/article/details/102692390