Typora入门教程

文章目录

  • `Typora`入门教程
  • 1 简要介绍
  • 2 下载安装包
  • 3 常用操作
    • 3.1 标题
    • 3.2 加粗
    • 3.3 斜体
    • 3.4 高亮
    • 3.5 分割线
    • 3.6 图片
    • 3.7 链接
    • 3.8 引用
    • 3.9 列表
    • 3.10 目录
    • 3.11 表格
    • 3.12 代码块
    • 3.13 行内代码
    • 3.14 按键效果
  • 4 自定义快捷键
  • 5 `Typora` + `PicGo` + 阿里云`OSS`搭建个人笔记
    • 5.1 注意事项
    • 5.2 准备工作
      • 5.2.1、Typora安装
      • 5.2.2、picgo安装
      • 5.2.3、开通阿里云oss服务[**收费**]
    • 5.3、配置信息
      • 5.3.1、阿里云OSS配置
      • 5.3.2、PicGo配置阿里云OSS
      • 5.3.3、Typora配置
    • 5.4 测试上传是否成功
  • 6 创建锚点操作
  • 7 不利之处

Typora入门教程

1 简要介绍

Typora 是一款由 Abner Lee 开发的轻量级 Markdown 编辑器,与其他 Markdown 编辑器不同的是,Typora 没有采用源代码和预览双栏显示的方式,而是采用所见即所得的编辑方式,实现了即时预览的功能,但也可切换至源代码编辑模式。

2 下载安装包

官网

说明:目前1.0版本已收费,0.*也是可以使用的

3 常用操作

3.1 标题

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

MD语法其实并不复杂,对于小白用户,也只需要一段时间的适应就会习惯!

而且使用MD创作也并不需要懂得所有语法,只需要记住下面几个常用的就行!

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

Typora入门教程_第1张图片

3.2 加粗

**加粗文字**

加粗文字

3.3 斜体

*斜体文字*

斜体文字

3.4 高亮

==高亮文字==

3.5 分割线

***
---

3.6 图片

![image-20221217121002885](https://geekmice-blog.oss-cn-beijing.aliyuncs.com/image-20221217121002885.png)

Typora入门教程_第2张图片

3.7 链接

[image-20221217121002885](https://geekmice-blog.oss-cn-beijing.aliyuncs.com/image-20221217121002885.png)

图片地址

3.8 引用

> 引用内容

引用内容

3.9 列表

列表分为无序列表和有序列表
无序列表使用*+-来实现,同时还支持二级列表和三级列表

*+空格
1.+空格+输入关键字,一级列表
  • 1
  • 2
  • 3

3.10 目录

toc
[锚点调整](Typora入门教程)

锚点调整

3.11 表格

| 字段1 | 字段2 | 字段3 |
| :---- | :---: | ----: |
| 居左  | 居中  |  居右 |
| 居左  | 居中  |  居右 |
| 居左  | 居中  |  居右 |
字段1 字段2 字段3
居左 居中 居右
居左 居中 居右
居左 居中 居右

3.12 代码块

public void testHandleCatch() {
	logger.info("打印结果");
}

3.13 行内代码

hello world

`hello world`

3.14 按键效果

ctrl + c

ctrl + c

4 自定义快捷键

文件->偏好设置->高级设置,可以看到如下文件conf.user.json,如果没有,自行创建,具体语法参考官网说明

Typora入门教程_第3张图片

以下是我自定义以及常用的快捷键

/** For advanced users. */
{
    "defaultFontFamily": {
        "standard": null, //String - Defaults to "Times New Roman".
        "serif": null, // String - Defaults to "Times New Roman".
        "sansSerif": null, // String - Defaults to "Arial".
        "monospace": null // String - Defaults to "Courier New".
    },
    "autoHideMenuBar": false, //Boolean - Auto hide the menu bar unless the `Alt` key is pressed. Default is false.

    // Array - Search Service user can access from context menu after a range of text is selected. Each item is formatted as [caption, url]
    "searchService": [
        ["Search with Google", "https://google.com/search?q=%s"]
    ],

    // Custom key binding, which will override the default ones.
    // see https://support.typora.io/Shortcut-Keys/#windows--linux for detail
    "keyBinding": {
        // for example: 
        // "Always on Top": "Ctrl+Shift+P"
        // All other options are the menu items 'text label' displayed from each typora menu
        "Code": "Ctrl+Q"
    },

    "monocolorEmoji": false, //default false. Only work for Windows
    "maxFetchCountOnFileList": 500,
    "flags": [] // default [], append Chrome launch flags, e.g: [["disable-gpu"], ["host-rules", "MAP * 127.0.0.1"]]
}
快捷键(英文) 快捷键(中文) 热键
Code Fences 代码块 Ctrl+Shift+K
Code 行内代码块 Ctrl+Q
Table 创建表格 Ctrl+T
Hyperlink 创建超链接 Ctrl+K
Toggle Sidebar 打开关闭侧边栏 Ctrl+Shift+L
Strong 字体加粗 Ctrl+B
Image 插入图片 Ctrl+Shift+I
Quote 插入引用 Ctrl+Shift+Q
Heading 1 to 6 标题1->6 Ctrl+1,2,3,4,5,6
Open Quickly 快速打开md文档 Ctrl+P
Outline 大纲 Ctrl+Shift+1
Search 搜索 内容 Ctrl+Shift+F

5 Typora + PicGo + 阿里云OSS搭建个人笔记

5.1 注意事项

  • 在picgo中配置阿里云信息很重要
  • 有无域名不重要

5.2 准备工作

5.2.1、Typora安装

  1. 下载地址
  2. 安装流程

此处省略。。。下一步下一步操作

5.2.2、picgo安装

  1. 下载地址
  2. 安装流程

此处省略。。。下一步下一步操作

下面是picgo样图

Typora入门教程_第4张图片

5.2.3、开通阿里云oss服务[收费]

具体操作流程可以参考

参考地址

大家现在只需要支付9元开通40GB的存储资源包就可以了,其他的两部分自动使用按量计费。

开通之后,请到控制台开启“OSS”服务。

5.3、配置信息

5.3.1、阿里云OSS配置

Typora入门教程_第5张图片

Typora入门教程_第6张图片

Typora入门教程_第7张图片

开始创建bucket

Typora入门教程_第8张图片

进入该bucket创建一个目录,存放以后要上传图片的文件夹

Typora入门教程_第9张图片

创建目录

Typora入门教程_第10张图片

5.3.2、PicGo配置阿里云OSS

  • 默认picgo界面是这样的
  • 备注:阿里云oss这是修改后的,默认是SM.MS图床

Typora入门教程_第11张图片

  • 添加阿里云信息

Typora入门教程_第12张图片

说明

keyid和keysecret

Typora入门教程_第13张图片

设定存储空间名 即 bucket 也就是 geekmice-blog1

确定存储区域

Typora入门教程_第14张图片

制定存储路径 blog1

Typora入门教程_第15张图片

最终效果图

Typora入门教程_第16张图片

5.3.3、Typora配置

打开typora,选择文件-》偏好设置-》图像
Typora入门教程_第17张图片
上传服务选择PicGo

5.4 测试上传是否成功

6 创建锚点操作

# 一级标题
## 二级标题

- [toA](#一级标题)
- [toB](#二级标题)

如何使用

Ctrl+左键,即可跳转

7 不利之处

6.1 我用Typora差不多写到五万多字,就明显卡顿了,字词上屏的时候有延迟,而且滚动也还不流畅。不知道开发者什么时候能优化。
另外字数统计太不方便啦,特别是选中部分字数,竟然要点开来才能看到;

你可能感兴趣的:(工具,编辑器)