Typora介绍、安装、主题设置、图床设置和使用

Typora介绍、安装、主题设置、图床设置和使用

1.Typora 介绍

t1

图1 Typora图标

Typora 是一款简洁易用的 Markdown 编辑器,它打破了传统 Markdown 编辑器的预览模式和编辑模式分离的局面,采用所见即所得的编辑方式,让用户在编辑 Markdown 文本时能够实时看到最终的排版效果,极大地提升了写作体验。

主要功能

  1. 基础编辑功能:支持 Markdown 的各种基本语法,包括标题、段落、列表、引用、代码块、链接、图片等的快速输入与编辑。比如输入 “# 标题”,即可快速生成一级标题。
  2. 数学公式编辑:能方便地插入和编辑数学公式,通过特定的语法,如 “(公式内容)” 即可实现,对于撰写学术文档的用户非常友好。
  3. 表格制作:用户可以轻松创建和编辑表格,通过简单的快捷键或操作,就能调整表格的行列,添加或删除内容。
  4. 文档转换:可以将 Markdown 文档轻松转换为 HTML、PDF、Word 等多种格式,满足不同场景的需求。

独特优势

  1. 简洁界面:界面设计简洁直观,没有过多繁杂的按钮和菜单,让用户专注于内容创作本身,减少干扰。
  2. 实时预览:实时显示排版效果,无需在编辑和预览模式间来回切换,提高写作效率。
  3. 跨平台支持:支持 Windows、MacOS、Linux 等多个主流操作系统,方便不同系统的用户使用。

适用场景

  1. 写作:无论是日常写作、撰写博客文章,还是创作小说、散文等文学作品,Typora 都能提供舒适的写作环境。
  2. 学术:适合撰写学术论文、研究报告等,其强大的公式编辑和文档转换功能可满足学术需求。
  3. 技术:程序员用来记录代码笔记、编写技术文档等,方便管理代码片段和技术说明。

2.安装Typora

  1. 双击”typora-setup-x64-1.7.6.exe“安装包,如图2所示。

    t2

    图2 选择Typora程序

    如果之前安装过先卸载,删除原文件夹。

    Typora 1.7.6下载
    提取码:ix2b

  2. 选择“Install for all users”,如图3所示。

    t3

    图3 选择安装模式

  3. 选择安装目录,然后选择“Next”,如图4所示。

    t4

    图4 选择安装路径

  4. 勾选“Create a desktop shortcut”,然后选择“Next”,如图5所示。

    t5

    图5 选择额外任务

  5. 选择“Install”安装,如图6所示。

    t6

    图6 待安装

  6. 安装完成,去掉“Launch Typora”勾选,然后选择“Finish”,如图7所示。

    t7

    图7 完成 Typota 安装向导

3.主题设置

  1. 打开菜单“文件“下面的”偏好设置“,如图15所示。

    t15

    图15 打开偏好设置

  2. 选择“外观“,然后选择”打开主题文件夹“,如图16所示。

    t16

    图16 打开主题文件夹

  3. 将主题文件夹下的所有文件复制到Typora的themes目录下然后重启Typora即可,如图17所示。

    t17

    图17 复制主题到主题文件夹

  4. 选择“主题“就可以看到刚才添加进去的主题了,如图18所示。

    t18

    图18 查看添加的主题

4.设置图像

4.1 设置本地图像

  1. 在菜单选择“文件”,然后选择”偏好设置“,如图19所示。

    t19

    图19 选择偏好设置

  2. 选择”图像“,然后在”插入图片时…“,选择”复制到指定路径“,路径输入”./images“,勾选”对本地位置的图片应用上述规则“,勾选”对网络位置的图片应用上述规则“,勾选”允许根据YAML设置自动上传图片“,在”图片语法偏好“,勾选”优先使用相对路径“,勾选”为相对路径添加./“,勾选”插入时自动转义图片URL“,如图20所示。

    t20

    图20 设置本地图像

4.2 设置图床

Typora是非常常用的Markdown文本编辑器,若不使用图床,我们插入的图片会保存至本地,那么当我们把文本复制到其他地方如博客(CSDN、掘金等)时图片就会无法显示。因此我们需要设置一个图床,将图片上传至图床。下面我们介绍PicGo+SM.MS、PicGo+腾讯云COS和PicGo+阿里云OSS来搭建图床,你只需要任选其中一种即可。

4.2.1 PicGo

4.2.1.1 下载PicGo

PicGo是一款比较好用的图床工具,开源免费且支持很多平台。

PicGo下载地址:https://github.com/Molunerfinn/PicGo/releases

下载“PicGo-Setup-2.4.0-beta9.-x64.exe”文件,如图21所示。

t21

图21 PicGo文件下载

4.2.1.2 安装PicGo
  1. 双击“PicGo-Setup-2.4.0-beta9.-x64.exe”文件安装,如图22所示。

    t22

    图22 选择PicGo程序

  2. 勾选“为实用这台电脑的任何人安装(所有用户)”,然后单击“下一步”,如图23所示。

    t23

    图23 安装选项

  3. 设置“目标文件夹”,然后单击“安装”,如图24所示。

    t24

    图24 选定安装位置

  4. 安装完成,单击“完成”,如图25所示。

    t25

    图25 安装完成界面

  5. 隐私协议,选择“是”,如图26所示。

    t26

    图26 隐私协议

4.2.1.3 在Typora设置PicGo

如图27打开”偏好设置“,选择”图像“,然后在”插入图片时…“,选择”上传图像“,勾选”对本地位置的图片应用上述规则“,勾选”对网络位置的图片应用上述规则“,在“上传服务设定”后面选择“PicGo(app)”,在PicGo路径设置PicGo文件的安装路径。

t27

图27 在Typora设置PicGo

4.2.1.4 设置PicGo

设置文件以时间戳格式命名和上传后自动复制URL,如图28所示。

t28

图28 设置PicGo

4.2.2 设置SM.MS图床

  1. 访问并注册 SM.MS ,网址:https://sm.ms/ ,如图29所示。

    t29

    图29 SM.MS注册后登录的界面

  2. 找到 API Token,复制生成的密钥。

    在图29选择“Dashboard”,可以看到默认的有免费的5GB空间,然后在图30选择“API Token”。

    t30

    图30 Dashboard界面

    在图31选择“Generale Secert Token”获取API Token。

    t31

    图31 获取API Token

  3. 找到 PicGo 的 “图床设置”下面的“SM.MS”,然后选择Default后面的修改按钮,如图32所示。

    t32

    图32 SM.MS图床设置

    将刚才在SM.MS获取的API Token复制粘贴到“设定Token”后面的框中,然后选择“确定”,如图33所示。

    t33

    图33 SM.MS设置

  4. 测试:随便粘贴一张图片到 Typora 中,如果电脑右下角显示上传成功,说明图床配置成功啦 。也可以去 SM.MS 找到自己上传的图片,如图34所示。

    t34

    图34 上传成功界面

4.2.3 设置腾讯云COS图床

  1. 进入腾讯云官网,注册登录腾讯云账号,如还未进行实名认证,需要先实名认证。

    然后,在首页找到产品>存储>对象存储,点击对象存储,如图35所示、

    t35

    图35 对象存储

  2. 然后,进入到对象存储页面,点击立即使用,如图36所示。

    t36

    图36 使用对象存储

  3. 然后,进入到对象存储的控制台,如果是第一次使用,这里会显示开通对象存储COS服务,点击开通即可。

    开通成功后,点击图中的创建存储桶,如图37所示。

    t37

    图37 创建存储桶

  4. 然后进入到存储桶列表页面,在该界面再次点击创建存储桶,如图38所示。

    t38

    图38 创建存储桶

  5. 然后对存储桶进行以下设置,如图39、40、41所示。

    t39

    图39 创建存储桶

    t40

    图40 创建存储桶

    t41

    图41 创建存储桶

  6. 创建成功后,会进入到刚刚创建的存储桶的文件列表中,即我们存放文件的地方,在这里我们可以新建文件夹来存储相关类型的文件,便于管理;这儿我们新建一个名为images的文件夹,表示存放图片,如图42所示。

    t42

    图42 创建文件夹

  7. 点击图中上方的返回桶列表,然后在左侧菜单栏找到密钥管理,点击访问密钥,如图43所示。

    t43

    图43 访问密钥

  8. 点击访问密钥后,进入到以下界面,在高风险提示中,如果不会子账号的相关操作,点击继续使用主账号也行,如图44所示。

    t44

    图44 风险提示

  9. 然后,点击新建密钥,如图45所示。

    t45

    图45 新建密钥

  10. 新建密钥成功后,我们就得到了需要的AAPIDSecretIdSecretKey的值;然后,返回到存储桶列表,点击刚刚创建的存储桶;然后在这个存储桶的概览中找到基本信息,获取到存储桶名称所属地域,如图46所示。

    t46

    图46 查看配置信息

  11. 找到 PicGo 的 “图床设置”下面的“腾讯云COS”,然后选择Default后面的修改按钮,如图47所示。

    t47

    图47 腾讯云COS图床设置

  12. 选择COS版本:v5,然后设定Secretld、SecretKey、Bucket、Appld、存储区域,如图48所示。

    t48

    图48 设置腾讯云COS图床

    继续设定存储路径,然后点“确定”,如图49所示。

    t49

    图49 设置腾讯云COS图床

  13. 测试:随便粘贴一张图片到 Typora 中,如果电脑右下角显示上传成功,说明图床配置成功啦 。也可以去腾讯云找到自己上传的图片,如图50所示。

    t50

    图50 上传成功界面

4.2.4 设置阿里云OSS图床

  1. 打开阿里云官方网站https://www.aliyun.com/product/oss,注册登录阿里云账号,如还未进行实名认证,需要先实名认证。

    如果你还没有开通对象存储服务OSS,那么点击立即开通,如图51所示。

    t51

    图51 对象存储OSS

    再点击立即开通,如图52所示。

    t52

    图52 开通对象存储OSS

    勾选服务协议后,点击立即开通,如图53所示。

    t53

    图53 勾选协议

  2. 创建OSS Bucket

    开通成功后,点击管理控制台,如图54所示。

    t54

    图54 管理控制台

    进入控制台之后,点击红框的立即创建或者创建Bucket,都可以创建Bucket,如图55所示。

    t55

    图55 创建Bucket

    接下来填一些必填的信息,如图56所示:

    • Bucket 名称:必须全局唯一,和你在游戏中取的名字一样,不能和别人的重名,一旦创建不可更改。

    • 地域:选择“有地域属性”,然后选择一个离自己位置近的地域。
      存储类型:选择“标准存储”即可。

    • 存储冗余类型:推荐选择“本地冗余存储”,“同城冗余存储”更贵,如果网站有较高的并发流量可以选择这个。

    • 读写权限:一定要选择“公共读”,否则平台无法通过公网访问 Bucket 中的内容。

    • 其他选择默认,无需修改。

      t56

      图56 配置Bucket信息

      点击下面的确认按钮,然后点弹出框的我知道了,确认创建,如图57所示。

      t57

      图57 确认信息

      创建成功,点击进入Bucket,如图58所示。

      t58

      图58 进入Bucket

  3. 记下Bucket信息

    点击概览,如图59所示。

    t59

    图59 概览

    进入概览页面,这里可以看到bucket的整体信息,如图60所示。
    用文本软件记下红框画起来的几个信息,等会儿配置PicGo要用:

    • Bucket名称:aitechshare-com
    • Endpoint(地域节点):xxxx
    • Bucket域名(外网地址):xxxx

    t60

    图60 Bucket信息

  4. 创建AccessKey

    在页面右上角,鼠标放在头像处,在弹出的框里选择AccessKey管理,如图61所示。

    t61

    图61 创建AccessKey

    在弹出的选项框里,选择继续使用AccessKey,如图62所示。

    t62

    图62 创建AccessKey

    点击创建AccessKey,在弹出的安全验证窗口中,选择一个方式来通过安全验证,如图63所示。

    t63

    图63 选择验证方式

    把图中的资料下载成csv,或者复制下来保存好,这个类似于你的密码,一定不要泄露,如图64所示。

    t64

    图64 创建AccessKey

  5. 找到 PicGo 的 “图床设置”下面的“阿里云OSS”,然后选择Default后面的修改按钮,如图65所示。

    t65

    图65 阿里云OSS图床设置

  6. 阿里云OSS图床设置,如图66所示。

    填上前面记录好的值即可

    • AccessKey ID(账号):xxxxxxxxxx
    • AccessKey Secret(密钥):xxxxxxxxxx
    • 设定Bucket:刚刚在阿里云OSS中创建的Bucket名称
    • 设定存储区域:地域节点中的第一个字段

    划重点!这里一定要注意,设定存储区域里要填的是之前记下来的地域节点里面的第一个字段,比如你的地域节点值是oss-cn-shanghai.aliyuncs.com,那么这里只需要填oss-cn-shanghai,切记,否则配置失败无法上传图片。

    • 设定存储路径:自定义,以/结尾(相当于文件夹),例如 img/

    填完了记得拉到下面点击确认保存。

    t66

    图66 设置阿里云OSS图床

  7. 测试:“偏好设置”下面的“图像”,选择“验证图片上传选项”,如图67所示。

    t67

    图67 验证图片上传

    t68

    图68 上传成功界面

5.Typora的使用

  1. “Ctrl+x”剪切快捷键,如图69所示。

    t69

    图69 剪切快捷键

  2. “Ctrl+c”复制快捷键,如图70所示。

    t70

    图70 复制快捷键

  3. “Ctrl+v”粘贴快捷键,如图71所示。

    t71

    图71 粘贴快捷键

  4. 删除所选范围,如图72所示。

    t72

    图72 删除所选范围

  5. "复制/粘贴为…"等设置

    “Ctrl+Shift+c”是“复制为Markdown”的快捷键,还有“复制为HTML代码”,“复制内容并简化格式”,“Ctrl+Shift+v”是“粘贴为纯文本”快捷键,如图73所示。

    t73

    图73 "复制/粘贴为…"等设置

  6. “Ctrl+b”加粗快捷键,如图74所示。

    t74

    图74 加粗快捷键

    图75是加粗的设置效果。

    t75

    图75 设置加粗效果

  7. “Ctrl+l”斜体快捷键,如图76所示。

    t76

    图76 斜体快捷键

    图77是斜体的设置效果。

    t77

    图77 设置斜体效果

  8. “Ctrl+Shift+`(反引号)”代码快捷键,如图78所示。

    t78

    图78 代码快捷键

    图79是代码的设置效果。

    t79

    图79 设置代码效果

  9. 超链接,如图80所示。

    t80

    图80 超链接

    图81是超链接的设置效果。

    t81

    图81 设置超链接效果

  10. “Ctrl+Shift+q”引用快捷键,如图82所示。

t82

图82 引用快捷键

图83是引用的设置效果。

t83

图83 设置引用效果

  1. “Ctrl+Shift+[(左中括号)”有序列表快捷键,如图84所示。

    t84

    图84 有序列表快捷键

    图85是有序列表的设置效果。

    t85

    图85 设置有序列表效果

  2. “Ctrl+Shift+](右中括号)”无序列表快捷键,如图86所示。

    t86

    图86 无序列表快捷键

    图87是无序列表的设置效果。

    t87

    图87 设置无序列表效果

  3. "Ctrl+Shift+x”任务列表快捷键,如图88所示。

    t88

    图88 任务列表

    图89是任务列表的设置效果。

    t89

    图89 设置任务列表效果

  4. ”Ctrl+1-6“快捷键,分别设置1-6级标题,”Ctrl+0“取消段落设置,如图90所示。

    t90

    图90 段落快捷键

    图91是段落的设置效果。

    t91

    图91 设置段落效果

  5. ”Ctrl+Shirt+i“插入图像快捷键,如图92所示。

    t92

    图92 插入图像快捷键

    如图93点红色框选,选择图片。

    t93

    图93 插入图像

  6. 插入脚注,如图94所示。

    t94

    图94 插入脚注

    如图95在前面写信息,比如”注意“,后面写描述信息。

    t95

    图95 插入脚注效果

  7. 插入链接引用,如图96所示。

    t96

    图96 链接引用

    图97是段落的设置效果。

    t97

    图97 设置链接引用效果

  8. 水平分割线,如图98所示。

    t98

    图98 水平分割线

    图99是水平分割线的设置效果。

    t99

    图99 设置水平分割线效果

  9. ”Ctrl+t“插入表格快捷键,如图100所示。

    t100

    图100 插入表格快捷键

    图101是水平分割线的设置效果。

    t101

    图101 设置表格效果

  10. ”Ctrl+Shirt+k“插入代码块快捷键,如图102所示。

    t102

    图102 插入代码块快捷键

    图103是代码块的设置效果。

    t103

    图103 设置代码块效果

  11. ”Ctrl+Shirt+m“插入公式块快捷键,如图104所示。

    t104

    图104 插入公式块快捷键

    图105是公式块的设置效果。

    t105

    图105 设置公式块效果

  12. 插入内容目录,如图106所示。

    t106

    图106 插入内容目录

    图107是内容目录的设置效果。

    t107

    图107 设置内容目录效果

  13. 插入“YAML Front Matter(YAML 前言)”,如图108所示。

    108

    图108 插入“YAML Front Matter(YAML 前言)”

    图109是YAML 前言的设置效果。

    t109

    图109 设置“YAML Front Matter(YAML 前言)”效果

  14. 列表缩进,如图110所示。

    ”Ctrl+](右中括号)“增加缩进快捷键。

    ”Ctrl+[( 左中括号)“减少缩进快捷键。

    t110

    图110 列表缩进

  15. 导出,如图111所示。

    t111

    图111 导出

    可以导出PDF、HTML、Word等格式。

    其中导出Word要安装Pandoc,选择“请按照说明安装或升级Pandoc”,如图112所示。

    t112

    图112 提示安装Pandoc

    Pandoc下载地址:https://github.com/jgm/pandoc/releases

    下载“pandoc-3.6.3-windows-x86_64.msi”文件,如图113所示。

    t113

    图113 下载Pandoc

    双击”pandoc-3.6.3-windows-x86_64.msi“安装包,如图114所示。

    t114

    图114 选择pandoc程序

    勾选“I accept the terms in the License Agreement”,勾选“Install for all users of this machine”,然后选择“Install”,如图115所示。

    t115

    图115 安装Pandoc

    完成安装向导,选择“Finsh”,如图116所示。

    t116

    图116 完成安装向导

    再次导出word文档就可以正常导出了。

  16. 折叠大纲视图,可以全部展开和全部折叠,如图117所示。

    t117

    图117 折叠大纲视图

    图118是折叠大纲视图的设置效果。

    t118

    图118 设置折叠大纲视图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Raymond运维

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值