【高效工具】Typora 使用保姆级教程 | 历史版本已被禁用

已于 2022-08-10 21:51:57 修改
阅读量5.9k 收藏 60
点赞数 18
分类专栏： 高效工具 文章标签： 前端
于 2022-03-20 22:44:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/D2Ooo/article/details/123623481
版权

pre：历史版本已被禁用，无法免费试用Typora了 TAT 如果不想付费的话，可以使用vscode来做markdown笔记
指路 ☞ 如何用vscode编写Markdown文件

前言：对 Typora 这个神器早有耳闻，但搜出来的资料大多打着 Typora 的旗号，实则大篇幅讲的都是 Markdown。虽然支持 Markdown 是 Typora 的一大特色，但除此之外还有很多值得说说的部分，故写一个比较详细的文档。本文档内容涵盖了从软件下载到软件设置，从简单文本输入到进阶操作，并附了几条优质资料的链接。

1. Typora 简介

Typora ：一款仅用键盘即可完成排版编辑的文本编辑器。最大的特点就是界面简洁，丝滑的使用 Markdown （尤其表格，比原生 markdown 写起来方便多了），编辑后支持多种格式的导出（如PDF, HTML, Image, Word, LaTex 等）。

更准确的说，是一款支持实时预览的 Markdown 的文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，只需要在 Typora 里面输入相应的Markdown语法标记 (如 ##二级标题、 **粗体**)，Typora 中文版就会将对应的文字会即时转变为它们应该成为的样子。支持斜体、加粗、插入图片、引用、插入图片、代码、表格、有序列表语法等等，最终能直接看到成品排版效果。

1.1 官方资料链接

1.2 Typora 正式版本

2021 年 11 月下旬，Typora 宣布结束了其免费的 beta 版。现在开始提供「正式版」下载，并为「正式版」制定了收费模式。

正式版目前的收费标准为：

  • 免费15天试用
  • 可一次性买断，买断价格约为 15 美金
  • 买断后 支持绑定3设备，可以解绑更换设备。

1.3 Typora 的免费使用

目前其历史版本仍可免费使用，下载链接如下

● 【官网】 历史版 （下载速度较慢）
- 【macOS】：https://typora.io/dev_release.html
- 【Windows/Linux】：https://typora.io/windows/dev_release.html
● 最新免费版 👈『推荐』
- 【蓝奏云】：https://wwa.lanzouo.com/b08swbqwd（密码：ydsuper）
- 【Github地址】：https://github.com/ydsuper/Typora_Free_Download

2. 使用 Typora 所需掌握的技能

  • 基本技能： Markdown 语法

    用于文档的基本编辑工作

  • 进阶技能 ：（我暂时还没学习到这里）

    • LaTex ：一些高级公式的输入等
    • HTML, CSS :使得排版更加精致，好看

3. Typora 保姆级使用教程 必读

3.1 安装

下载完安装包直接无脑点击安装即可。Typora 默认安装在 C 盘，好像也没有提供更改路径的选项。

3.2 基本设置

下载之后进行偏好设置 ，路径为 文件 -> 偏好设置 或者 快捷键 Ctrl + 逗号

下图是我个人的设置习惯，大家可以根据个人喜好进行设置，但有几点推荐的设置：
在这里插入图片描述

  • 强烈推荐把自动保存勾选上😿血泪教训

  • 把更新那项取消勾选，禁止它更新就可以一直快乐地白嫖下去

  • 在图像选项卡下勾选插入图片时… -> 复制图片到当前文件夹 ，养成图片存档好习惯，以防加载不出来。
    在这里插入图片描述

  • 在Markdown选项卡下把Markdown 扩展语法全部勾选上，否则其对应的效果就无法显示

    我最开始使用时就在这里吃了大亏，不论怎么打==都无法出高亮效果,花费了很多时间解决这个问题
    在这里插入图片描述

3.3 正式使用

接下来就可以愉快地输入文本内容了。:happy:

对于格式的编辑，一下两种方式二选一即可：

  • 快捷键方式 ：Typora 提供了基本的快捷键设置

    习惯使用 Office 系列，诸如 Word, OneNote 一类的会比较喜欢这种方式

    Ctrl + B ：加粗 ，

    Ctrl + 1：一级标题，

    …

    具体可以查看上方选项卡。
    在这里插入图片描述

  • Markdown 语法键入：正如前面提到，它一款支持实时预览的 Markdown 的文本编辑器

    使用 Markdown 虽然需要一点点学习成本，但用起来是真无可比拟的丝滑。

    具体 Markdown 的介绍及使用办法见第四节。

    此处有个小提示，Markdown 中的符号必须是英文符号，仅少数符号(如 # = )中英文相同。

3.4 更便捷的使用

这款软件，妙就妙在真的很适合人类使用，输入文字之前，试着按一下 F8 和 F9 🐱😻

  • F8 专注模式：只有正在活动的那行是黑色的，其余文字为灰色
  • F9 打字机模式：将正在活动的那行固定在屏幕正中央（好贴心啊）
  • Ctrl + shift + 1 大纲：类似于 Word 的导航窗格
  • 更多相关内容，可以查看视图选项卡

3.5 表格、公式、代码

todo 此处挖个坑
写完后会把链接贴在这里

3.6 保存与导出

可以直接保存，最基本的 Ctrl + s 就可以了，其格式为 .md 文件

也可导出为其他格式

​ 文件 -> 导出 ->选对应的格式

  • 其中，PDF, HTML, 图片直接保存就可以了

  • 如果需要保存为 Word 需要安装 pandoc 插件

    windows 10安装pandoc

4. 一些基本的 Markdown 语法

4.1 Markdown 的简介

  • Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
  • Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。
  • Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
  • Markdown 编写的文档后缀为 .md, .markdown。

Markdown 的应用：

  • ​ Markdown 能被使用来撰写电子书，如：Gitbook。
  • 当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如：GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。

4.2 Markdown 的详细语法

菜鸟教程的讲解很全面，很到位，此处贴个菜鸟教程的链接。

😫其实，也是我写累了，偷个懒。后面有空做个 onepage 的速查表附在这里。

Markdown 教程 | 菜鸟教程 (runoob.com)

5. 其他关于 Typora 的学习资料

首先，官网是最佳学习资料。Typora — a markdown editor, markdown reader.

其次，摘录几篇个人认为 CSDN 上写的比较好的博客。

  1. markdown 语法

    TYPORA语法大全_Mollen的博客-CSDN博客_typora语法

  2. 键入数学公式

    使用Typora添加数学公式_姚明明的博客-CSDN博客_typora公式

  3. 主题定制

    Typora 主题定制_Ginomica_xyx的博客-CSDN博客

  4. 一篇全面介绍

    P.S.我还没仔细看，大概浏览了下，和前面的内容大差不差

    最齐的Typora使用教程_水木子_的博客-CSDN博客_typora

  5. 一些emoji

    Typora中的emoji图标标签_wise哲的博客-CSDN博客

  6. 界面入门

    Typora界面入门_lzykevin的博客-CSDN博客_typora显示源码

D2O
关注
  • 18
    点赞
  • 踩
  • 60
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Typora1.3.8中文直装版
07-19
Typora1.3.8中文直装版，过段时间，删除资源
Typora 保姆级教程
04-03
Typora是一种所见即所得的Markdown编辑器，它可以让用户在编辑Markdown文本时实时预览文本样式和布局效果。Typora采用简洁的界面设计，支持快捷键操作，可以在Windows、macOS和Linux等多个平台上运行。Typora还具有许多其他有用的功能，如表格编辑、代码块语法高亮、目录生成、图片拖拽等。它是一个方便实用的工具，适合需要频繁编辑Markdown文本的用户使用。
Typora免费版下载安装保姆级教程
m0_61842703的博客
12-17 2134
编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。（1) 点击typora-setup-x64-1.4.8这个安装包文件，进入安装界面。3.Typora的激活，安装成功以后，进入你刚刚选择安装typora的文件夹内。4.然后把最开始下载的winmm.ddl数据文件复制到Typoa的配置文件下面。就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。1.把文件下载到自己的电脑上，共有两个文件，一个是typoa的安装包。(3)选择你电脑上的安装路径。
Typora的使用说明
最新发布
weixin_49765221的博客
03-14 1050
输入[TOC]即可快速生成目录，点击目录可以进行跳转。
策略常用工具 IV KS AUC CORR 及 决策树可视化保姆级教程
01-13
策略常用工具 批量实现： IV KS AUC CORR 计算 决策树可视化保姆级教程 内含数据样本，代码，及代码实现效果，常见包问问题的解决方案
复制为markdown：将链接，图像和选项卡复制为Markdown更容易
02-02
复制为Markdown用于Chrome和Firefox 您是否经常为链接或图像甚至窗口中的所有选项卡手动输入Markdown代码，并感到疲劳？ 复制为Markdown可以为您提供帮助！ 下载 Google Chrome： Firefox： Microsoft Edge： 产品特点 复制为Markdown是一种浏览器扩展，可帮助您将Markdown的以下内容复制到系统剪贴板： :check_box_with_check: 当前选项卡作为链接 :check_box_with_check: 页面中的链接 :check_box_with_check: 页面中的图像 :check_box_with_check: 包含链接的图像 :check_box_with_check: 所有选项卡作为链接列表 :check_box_with_check: 突出显示的选项卡作为链接列表 键盘快捷键 您可以添加键盘快捷键以将选项卡复制为Markdown。 默认情况下，“复制为Markdown”不会分配任何键盘快捷键。 火狐浏览器 请参考以下Firefox帮助： : Chrome 扩展程序的键盘快捷键
typora 0.11.18——1.0之前的最后一个版本（Mac+Linux+windows）
11-29
typora 0.11.18——1.0之前的最后一个版本（Mac+Linux+windows） 要下载的小朋友注意这个版本现在运行会提示版本过低，网上有一些解决办法。请自行搜索。
Typora远程解绑设备的方法
qq_36528377的博客
11-15 3885
通过网页远程解绑typora的设备
Markdown编辑器使用说明
企业实战系列集 ●●● https://ximenjianxue.blog.csdn.net
05-31 1301
文章目录Markdown编辑器使用说明新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 Markdown编辑器使......
关于Markdown文件的处理【笔记】
小心星的博客
05-20 3469
关于Markdown文件的处理【笔记】
Typora图片自动上传gitee (配置简单 免安装）
一点浩然气
10-27 245
https://www.jianshu.com/p/2495ecad9ac6
微信聊天机器人保姆级部署视频教程+工具+源码.rar
11-10
微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码微信聊天机器人保姆级部署视频教程+工具+源码
漫画解说保姆级视频教程-视频教程网盘链接提取码下载 .txt
07-02
漫画项目的版权获取一直都是小白的难题，这里可以教你如何快速解决版权问题，漫画解说的上手难度比影视解说要简单的太多了，涨粉速度也特别快，平台的流量推送也比较高，最重要的是，除了中视频的收益之外，还可以从版权公司获取收益，一举双得！ 视频大小：436M
小学教辅资料，内部集训保姆级教程-教程网盘链接提取码下载.txt
12-21
项目介绍：小学教辅资料项目就是前端搞流量，后端卖资料 我们在抖音小红书上面发布图文或者视频来获取流量，内容呢就是一些小学的教辅资料 那家长看到我们的作品之后呢， 他需要完整的电子版资料，需要打印就会添加我们的微信，我们在微信里面把资料卖给家长，就是这么简单 项目优势： 市场需求大 小学招生人数1800万人，在校生有1亿多背后有1亿多的家长，这些家长是有明确的教辅资料需求的，并且付费能力强小学生群体每年都有更新，每年都会有新的小学生，新的家长需要这个教辅资料 项目特点 产品型项目，容易复制放大，可以体系化运作，只要解决流量的问题，收益无上限 虚拟产品，0成本，纯利润，无损耗，售后成本极低 转化率高，产品能解决家长实际问题，提供长期价值，能够快速形成闭环，容易拿到结果，获得正反馈，初期很重要 复购率高，可以打造管道收益， 可以做高客单价，对接资源，课程 变现路径： 1.在抖音和小红书发布一些小学教辅资料，比如小学知识点总结，测试卷，练习题等等图文笔记吸引小学家长 2.把家长引流到微信 变现路径 3.发话术进行及时的转化 4.收款，统一定价一个学期29.9，
2023闲鱼无货源超详细保姆级教程-视频教程网盘链接提取码下载.txt
12-18
本课程将深入探讨2023年闲鱼无货源情况，为您提供超详细的解决方案。我们将详细介绍如何寻找替代货源、建立稳定的供应链以及利用社交媒体拓展客户群。这是一份保姆级的教程，确保您能迅速适应并获得成功。 视频大小：772M
MultiTabs Markdown Editor-crx插件
04-03
语言:English (United States) 标记编辑器，具有多个选项卡 功能 - 带有多个选项卡的Markdown编辑器 - 可提供数学方程式，流程图和序列图。 - 逐个部分滚动同步 - 哈希函数用于防止附件文件名重复 - 直接导入/导出到云存储，如Google Drive或Github - 支持自定义样式表 - [暂时不可用]其他程序（Jekyll Launcher），以便在LocalHost上轻松执行Jekyll引擎 未来的工作 - 使用附件管理及其备份和恢复功能支持本地存储。 - 启用要使用字体样式的外部源
中视频项目保姆级实战教程-视频教程网盘链接提取码下载 .txt
05-22
十节视频课，主要讲内容制作和账号运营：包括选题、素材、文案、配音、剪辑以及运营维护的一些实战经验和实操演示。我讲的都是我们自己做出结果的，适合大家去模仿复制的实战玩法。通过这十节课，你能快速掌握中视频...
利用Typora对MarkDown的学习
qq_51954341的博客
08-13 297
利用Typora对MarkDown的学习 使用工具 typora 下载地址 Typora — a markdown editor, markdown reader. 进入官网后点击Download后选择合适的版本之后一路next就可以安装成功 右键新建一个文本文档后修改后缀.txt为.md就成功改为MarkDown的格式 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uY3tN2X5-1628846583458)(C:\Users\xiaokang\AppData\Roami
三分钟带你掌握Typora markdown格式基础操作
weixin_52836217的博客
12-28 851
Typora笔记的markdown格式基础操作详解，包括了块级元素、span元素、html格式的具体书写格式。
vue3 tailwindcss使用保姆级教程
05-25
Vue3 和 Tailwindcss 都是现代化的前端技术，它们的结合可以让开发者更加高效地开发出优雅、精美的 UI 界面。下面是一份保姆级教程，帮助您快速上手 Vue3 和 Tailwindcss。 ## 1. 安装 Vue3 在使用 Vue3 之前，我们需要先安装 Vue3。 可以通过以下命令来安装最新版本的 Vue3： ```bash npm install vue@next ``` ## 2. 创建 Vue3 项目 在安装完 Vue3 之后，我们需要通过 Vue3 CLI 创建一个新的项目。在命令行中输入以下命令： ```bash vue create my-project ``` 这个命令将创建一个名为 `my-project` 的新项目，并自动安装所需的依赖项。 ## 3. 安装 Tailwindcss 接下来，我们需要安装 Tailwindcss。可以通过以下命令安装： ```bash npm install tailwindcss ``` ## 4. 配置 Tailwindcss 安装好 Tailwindcss 之后，我们需要进行一些配置才能在 Vue3 项目中使用。 首先，我们需要在项目的根目录下创建一个 `tailwind.config.js` 文件，用于配置 Tailwindcss。可以使用以下命令创建： ```bash npx tailwindcss init ``` 然后，打开 `tailwind.config.js` 文件，找到并修改以下配置： ```js module.exports = { purge: [], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: {}, plugins: [], } ``` 将 `purge` 字段设置为 `['./src/**/*.{js,jsx,ts,tsx,vue}']`，用于在构建时删除未使用的样式。这个配置可以有效减小最终构建的文件大小。 ```js module.exports = { purge: ['./src/**/*.{js,jsx,ts,tsx,vue}'], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: {}, plugins: [], } ``` ## 5. 集成 Tailwindcss 到 Vue3 项目中 接下来，我们需要将 Tailwindcss 集成到 Vue3 项目中。 打开 `main.js` 文件，添加以下代码： ```js import { createApp } from 'vue' import App from './App.vue' import './index.css' createApp(App).mount('#app') ``` 这段代码将 `index.css` 文件导入到 Vue3 项目中。 然后，我们需要在 `index.css` 文件中导入 Tailwindcss 样式。可以使用以下命令将样式导入到 `index.css` 文件中： ```bash npx tailwindcss-cli@latest build -o ./src/index.css ``` 这个命令将会在 `./src/index.css` 文件中生成所有的 Tailwindcss 样式。 最后，我们需要在 `App.vue` 文件中使用 Tailwindcss 样式。打开 `App.vue` 文件，修改 `<template>` 标签中的内容： ```html <template> <div class="bg-gray-100 p-4"> <h1 class="text-2xl font-bold mb-4">Hello World!</h1> <p class="text-gray-600">This is a Vue3 project with Tailwindcss.</p> </div> </template> ``` 这个修改将会在页面中显示一个灰色背景，一个标题和一段文字。 ## 6. 运行 Vue3 项目 现在，我们已经完成了 Vue3 和 Tailwindcss 的集成。可以通过以下命令来启动 Vue3 项目： ```bash npm run serve ``` 然后打开浏览器，访问 `http://localhost:8080/`，就可以看到页面中显示的内容了。 至此，我们已经完成了 Vue3 和 Tailwindcss 的集成。希望这份保姆级教程能够帮助您快速上手 Vue3 和 Tailwindcss。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值