Typora入门教程

Typora入门教程

1 简要介绍

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

2 下载安装包

官网

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

3 常用操作

3.1 标题

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

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

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

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

image-20221217201349976

3.2 加粗

**加粗文字**

加粗文字

3.3 斜体

*斜体文字*

斜体文字

3.4 高亮

==高亮文字==

3.5 分割线

***
---

3.6 图片

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

image-20221217121002885

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 按键效果

<kbd>ctrl</kbd> + <kbd>c</kbd>

ctrl + c

4 自定义快捷键

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

image-20221217202917529

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

/** 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样图

image-20210927230631048

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

具体操作流程可以参考

参考地址

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

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

5.3、配置信息

5.3.1、阿里云OSS配置

image-20210927231418157

image-20210927231431529

image-20210927231440628

开始创建bucket

image-20210927231623430

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

image-20210927231741668

创建目录

5.3.2、PicGo配置阿里云OSS

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

  • 添加阿里云信息

image-20210927232550987

说明

keyid和keysecret

image-20210927232525077

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

确定存储区域

image-20210927233543045

制定存储路径 blog1

最终效果图

image-20210927233800264

5.3.3、Typora配置

打开typora,选择文件-》偏好设置-》图像
在这里插入图片描述
上传服务选择PicGo

5.4 测试上传是否成功

image-20210928003653262

6 不利之处

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

6.2 暂时没有双链功能

猜你喜欢

转载自blog.csdn.net/greek7777/article/details/128357251