我的 Typora IDEA 雅黑主题

文章目录

• 我的 Typora IDEA 雅黑主题
• 1、主题概览
• • 1.1 目录
  • 1.2 六级标题
  • 1.3 引用块
  • 1.4 超链接
  • 1.5 公式
  • 1.6 列表
  • • 1.6.1 有序列表
    • 1.6.2 无序列表
    • 1.6.3 任务列表
  • 1.7 文本字体
  • • 1.7.1 字体
    • 1.7.2 默认标签
    • 1.7.3 自定义标签
    • 1.7.4 强调格式
    • 1.7.5 其它字体样式
  • 1.8 代码块
  • • 1.8.1 Java 代码
    • 1.8.2 CSS 代码
    • 1.8.3 HTML 代码
    • 1.8.4 JS 代码
    • 1.8.5 SQL 代码
    • 1.8.6 XML 代码
    • 1.8.7 PHP 代码
    • 1.8.8 Python 代码
    • 1.8.9 C 代码
    • 1.8.10 C++ 代码
    • 1.8.11 其它代码块
  • 1.9 表格
  • 1.10 上下标
  • 1.11 图片
  • 1.12 嵌入音视频
  • • 1.12.1 嵌入音频
    • 1.12.2 嵌入视频
    • 1.12.3 折叠标签
  • 1.13 表情符号
  • 1.14 饼图
  • 1.15 分割线
  • 1.16 页宽
• 2、主题安装
• • 2.1 下载主题
  • 2.2 应用主题
  • • 2.2.1 安装字体
    • 2.2.2 拷贝粘贴文件
    • • 2.2.2.1 base-control.css
      • 2.2.2.2 Preferences.962926a4.caf99372.chunk.css
    • 2.2.3 打开主题文件夹
  • 2.3 设置主题
• 3、主题效果

1、主题概览

图片浏览

图片浏览结束，还有未展示的部分，自己下载、安装主题去发现吧。

1.1 目录

语法：[toc] + 回车，自动生成

常规：

悬停：

使用：点击自动跳转到该标题

1.2 六级标题

左对齐，居中对齐感觉有点别扭，去掉下方横线，逐级减小，左侧有几级标题提示（小提示：便于知道下一个标题该写几级标题）

• 语法：#、##、### … （几级标题，就几个 # 号）

• 常规：
  

• 源码格式：
  

• 快捷键：Ctrl + 1~6
  

1.3 引用块

• 语法：> + 空格 （英文大于符号）

引用块（可以嵌套） 引用内容

嵌套引用 引用内容

1.4 超链接

百度一下 、京东、<颜文字：https://emojixd.com/>

使用方法：

1. 按Ctrl + K设置或取消超链接
2. 按住 Ctrl 键+鼠标单击，将会系统默认浏览器的方式打开，并跳转至该链接地址
3. 也可用 < 、> 符号将超链接或邮箱引起来

超链接样式：

• 语法：[超链接文本](要跳转到的超链接地址)

• 常规：
  

• 鼠标悬停：
  

• 打开链接：
  

1.5 公式

注：公式、上下标、高亮、图表功能，需要在 设置- Markdown 设置面板中开启

1. 内联公式： lim ⁡ x → ∞ exp ⁡ ( − x ) = 0 limlimits_{x to infty} exp(-x)=0 x→∞lim​exp(−x)=0
   • 语法：$公式$ ，输入前面一个 $，输入公式，即可自动生成公式
   • 格式 - 内联公式，也可自定义快捷键
2. 公式块：（默认居中显示）
   • 语法：$$公式$$，输入前两个 $$ + Enter，输入公式，即可自动生成公式
   • 快捷键：Ctrl + Shift + M

E 0 = m c 2 —— Albert Einstein E_0 = mc^2 \ quadtext{—— Albert Einstein} E0​=mc2—— Albert Einstein

公式语法不会写，强烈推荐新手去这两个链接查看：latex手写公式识别、latex公式编辑器

插入一些颜文字，可以去：https://emojixd.com/

1.6 列表 1.6.1 有序列表

语法：数字. + 空格，一般 1. + 空格

快捷键：Ctrl + Shift + [

缩进一级/回退一级：快捷键 Ctrl + ]，Ctrl + [

1. 有序列表1
   1. 下一级有序列表2
   2. 下一级有序列表2
2. 同级有序列表1

1.6.2 无序列表

语法：- + 空格

快捷键：Ctrl + Shift + ]

缩进一级/回退一级：快捷键 Ctrl + ]，Ctrl + [

• 无序列表1

  • 下一级无序列表2
    • 下一级无序列表3
    • 下一级无序列表3

• 同级无序列表1

1.6.3 任务列表

语法：

• 未选择：- + 空格 + [空格] + 空格
• 已选择：- + 空格 + [x] + 空格

• 未完成任务1

• 未完成任务2

• 已完成任务3

• 已完成任务4

1.7 文本字体 1.7.1 字体

字体示例	字体样式名称	语法	快捷键
加粗字体	加粗字体	**加粗字体**	Ctrl + B
斜体字体	斜体字体	*斜体字体*	Ctrl + I
高亮字体	高亮字体	==高亮字体==	无，可自定义
加粗斜体高亮	加粗斜体高亮	==***加粗斜体高亮***==	无，可自定义
删除线	删除线	~~删除线~~	Shift + Alt + 5
下划线	下划线	下划线	Ctrl + U

1.7.2 默认标签

默认标签示例	字体样式名称	语法	快捷键
红色标签	红色标签（可通过设置background-color属性控制背景色）	红色标签文本	无，可自定义
绿色标签	绿色标签（可通过设置background-color属性控制背景色）	绿色标签文本	无，可自定义
蓝色标签	蓝色标签（可通过设置background-color属性控制背景色）	蓝色标签文本	无，可自定义
黄色标签	黄色标签（可通过设置background-color属性控制背景色）	黄色标签文本	无，可自定义
灰色标签	蓝色标签（可通过设置background-color属性控制背景色）	灰色标签文本	无，可自定义

1.7.3 自定义标签

自定义标签示例	字体样式名称	语法	快捷键
红色标签	瑰红标签（主题定义）	红色标签文本 或 红色标签文本	无，可自定义
绿色标签	浅绿标签（主题定义）	绿色标签文本	无，可自定义
蓝色标签	淡蓝标签（主题定义）	红色标签文本	无，可自定义
黄色标签	橙黄标签（主题定义）	黄色标签文本	无，可自定义
灰色标签	暗灰标签（主题定义）	灰色标签文本	无，可自定义

1.7.4 强调格式

自定义强调格式示例	字体样式名称	语法	快捷键
下划线	下划线	下划线	无，可自定义
着重号	着重号	着重号	无，可自定义
波浪线	波浪线	波浪线	无，可自定义
隐藏文本	隐藏文本	隐藏文本	无，可自定义

1.7.5 其它字体样式

源于网上，网上一大堆，不再一一列举

其它字体样式示例	字体样式名称	语法	快捷键
彩虹字体		彩虹字体	无，可自定义
模型字体		模型字体	无，可自定义
抖音字效		抖音字效	无，可自定义

1.8 代码块

语法：```语言 + Enter

快捷键：Ctrl + Shift + K

1.8.1 Java 代码

package com.baidu.java8;
import org.junit.Test;
import java.util.*;


public class TestLambda4 {
    
    @Test
    public void test1() {
        happy(10000, (m) -> System.out.println("买手机，消费：" + m + " 元"));
    }

    // Java 单行注释
    public void happy(double money, Consumer con) {
        con.accept(money);
    }
}

1.8.2 CSS 代码

#write code,div code {
    padding: 2px 4px;
    border-radius: 2px;
    
    font-family: var(--code-font);
    font-size: 0.9rem;
    color: var(--code-color);
    background-color: var(--codebg-color);
}

1.8.3 HTML 代码

    
    


baidu

1.8.4 JS 代码

// js 注释
function Person(first, last, age, eye) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eye;
}

1.8.5 SQL 代码

-- SQL 注释
# SQL 注释
SELECt LastName,FirstName FROM Persons
SELECt ProductName, UnitPrice, FORMAT(Now(),'YYYY-MM-DD') as PerDate
FROM Products

1.8.6 XML 代码

    
        Belgian Waffles
        $5.95
        two of our famous Belgian Waffles
        650
    

1.8.7 PHP 代码

// PHP 单行注释
# PHP 单行注释

1.8.8 Python 代码

# Python 注释
def decorator(func):
    def wrapper(*args, **kwargs):
        ...
        return func(*args, **kwargs)
    return wrapper

1.8.9 C 代码

// C 单行注释#include void bubble_sort(int arr[], int len) {    int i, j, temp;    for (i = 0; i < len - 1; i++)        for (j = 0; j < len - 1 - i; j++)            if (arr[j] > arr[j + 1]) {                temp = arr[j];                arr[j] = arr[j + 1];                arr[j + 1] = temp;            }}int main() {    int arr[] = { 22, 34, 3, 32, 82, 55, 89, 50, 37, 5, 64, 35, 9, 70 };    int len = (int) sizeof(arr) / sizeof(*arr);    bubble_sort(arr, len);    int i;    for (i = 0; i < len; i++)        printf("%d ", arr[i]);    return 0;}

1.8.10 C++ 代码

// C++ 单行注释
#include 
// C++ 多行注释
#include 
 
using namespace std;
 
#define NUM_THREADS 5
 
// 线程的运行函数
void* say_hello(void* args)
{
    cout << "Hello Runoob！" << endl;
    return 0;
}
 
int main()
{
    // 定义线程的 id 变量，多个变量使用数组
    pthread_t tids[NUM_THREADS];
    for(int i = 0; i < NUM_THREADS; ++i)
    {
        //参数依次是：创建的线程id，线程参数，调用的函数，传入的函数参数
        int ret = pthread_create(&tids[i], NULL, say_hello, NULL);
        if (ret != 0)
        {
           cout << "pthread_create error: error_code=" << ret << endl;
        }
    }
    //等各个线程退出后，进程才结束，否则进程强制结束了，线程可能还没反应过来；
    pthread_exit(NULL);
}

1.8.11 其它代码块

+ 新增行- 删除行其他行

1.9 表格

表头1	表头2	表头3
奇数行	列	列
偶数行	…	…
…
…

1.10 上下标

1. 上标：e²，e^x
   • 语法：x^上标^ （x：任意字符、文本，上标也可以是任意字符、文本）
2. 下标：H₂，O₂，H₂O，H₅₂O_{12 22 78} （若下标是多个单词或字符，需使用 转义空格，显示特殊字符一般都需要反斜杠 转义）
   • 语法：x~下标1 下标2~ （x：任意字符、文本，上标也可以是任意字符、文本）
3. 拼音文字：（很少使用，没啥用）下方文字 (上方文字) 下方文字 (上方文字) 、拼音文字 (Pīn yīn wén zì) 拼音文字 (Pīn yīn wén zì) 、没卵用 (使い物にならない) 没卵用 (使い物にならない)
   • 语法：拼音文字 (Pīn yīn wén zì) （原理：就是两种文字叠加，没卵用）

1.11 图片

图片居左显示，可以设置图片大小、是否阴影、模糊等

• 语法：（右键也可以缩放图片，任意缩放图片：prism language-html">语法：若需要居中显示，可以将