Typeof保姆式级教程

js代码-typeof的用法 立即下载

前言

一次偶然的机会,让我接触到了 .md 文档,进而开始摸索 如何查看 .md 文档,并意外结识了 Typora 这个编辑器。

MarkDown

1 简介

Markdown 是一种轻量级标记语言,创始人为 John Gruber。它允许人们「使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML(或者 HTML)文档」。

2 为什么要用MarkDown

对于我而言,我选择MarkDown的原因如下:

1.回归到内容本身,注重文章本身的结构,而不是样式

  • 不需要考虑字体大小、颜色等,因为 Markdown 中字体样式都与结构有关,无法手动设置

2.MarkDown的语法简单,记住几个常用的就可以释放鼠标了

  • 比如,我想要将 “这是个标题” 设置成二级标题,只需要在标题前添加##+空格即可实现,而不需要用鼠标先选中 “这是个标题”,然后在设置成二级标题

3.当前许多网站都支持用 Markdown 来撰写文档

  • 如 博客园、优快云、简书、语雀 等,有了这么多网站的支持,你可以随时随地上传本地 MarkDown 文件到博客中

MarkDown 基本语法

1.标题

语法格式:#+空格+标题,一个#是一级标题,两个##是两级标题,以此类推,支持六级标题。

2. 字体

  • 加粗

语法格式:**加粗**

  • 斜体

语法格式:*斜体*

  • 斜体加粗

语法格式:``斜体加粗`

  • 删除线

语法格式:~~删除线~~

  • 高亮

语法格式:==高亮==

3.引用

语法格式:>+引用文字

我是引用文字

引用也可以嵌套:

如加两个>>

三个>>>

支持无线套娃~~

4.分割线

语法格式:三个或者三个以上的 - 或者 * 都可以,如***

5.图片

语法格式:![alt](图片地址)

alt 指的是当图片链接失效时显示的提示文字,最好设置 alt 为本地存储的图片名,方便查找

如果你想要调整图片大小,有两种方式:

  • 右击图片,选择缩放图片

  • 通过HTML调节,格式如下:

<div align="center">    <img style="border-radius: 20px;"         src="#"          alt="#"         width="688" ></div>

  • <center>标签设置图片居中对齐

  • border-radius设置圆角

  • src放置图片路径(本地路径或网络路径)

  • alt放置图片链接失效后的显示文字

  • width设置图片宽度(witdh和height只设置一个即可,等比例缩放)

你也可以通过如下代码为图片添加图注:

<center>    <img width="688"          src=""          alt="">    <br>    <div style="color: #999;">        图注    </div></center>

Hello,I'm baymax,your healthcare companion.

我使用的博客园主题不支持缩放代码,所以我选择了使用HTML的方式调整图片大小。

6.超链接

语法格式:[超链接名](超链接地址)

7.列表

  • 无序列表

语法格式:无序列表用 - + * 任何一种都可以,如+ 我是无序列表

加号和内容之间需要放置一个空格

  • 有序列表

语法格式:数字+点+空格+内容,如1. 我是有序列表

  • 子列表

在子列表前按下tab键即可构成子列表。

8.表格

语法格式:

|左对齐|居中对齐|右对齐||:----|:----:|---:||左|中|右|

第二行分割表头和内容,并声明内容的对齐格式。

一般而言,不这么用,感觉太费劲了,下面再介绍快捷键。

9.代码

  • 行内代码

语法格式:用一个反引号包起来 `代码内容`,代码会以主题中设置的样式出现在行内,但不会实现代码高亮。

  • 多行代码

语法格式:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

``` 语言

代码内容

```

语言:C、C++、JAVA 等

10.高级技巧

1. 转义

Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:

\   反斜线`   反引号*   星号_   下划线{}  花括号[]  方括号()  小括号#   井字号+   加号-   减号.   英文句点!   感叹号

2.行内公式(inline)用 $...$ 括起公式,公式会出现在行内。

3.块间公式(display),用 $$...$$ 括起公式(注意 $$ 后需要换行),公式会默认显示在行中间。

$$块间公式$$

4. 支持HTML

Typora

Typora 是一款轻便简洁的 Markdown 编辑器,支持即时渲染技术,这也是与其他Markdown编辑器最显著的区别。

即时渲染使得你写 Markdown 就像是写Word文档一样流畅自如。

个人认为是一款很好用的 MarkDown 编辑器,特来分享给大家❤️

1. 软件安装

官网下载:https://www.typora.io/windows/typora-setup-x64.exe

阿里云:https://www.aliyundrive.com/s/mDzWKo9h3mB

2.支持正版

以下内容引用自 Typora的下载和破解|博客园

  • 注意,该破解方法仅适用于 Typora 1.0.x 版本的破解,对于更高版本(如 Typora1.2.4)不适用。下载好 Typora 后可通过 帮助-关于 查看 Typora 版本。

  • 软件安装后,下载破解补丁 app.asar.txt(密码 dyuh,下载完成后,将文件名中的.txt去掉),并覆盖至安装路径的 resources 文件夹内。参考路径:

D:\Typora\resources

1.打开 typora ,点击输入序列号;

2.邮箱一栏中任意填写(但须保证邮箱地址格式正确),输入序列号,点击激活。

可选序列号:

  • DZTX2H-6MCQZT-QL4GCT-5EBWFX

  • G7LPKN-HP4NLD-FA3BGF-6JDQ5R

  • 3MH4Y8-YJWT37-G5JL9Y-UHNQDJ

  • 85ZPHY-ELQ9FQ-94J3VP-D92YLU

  • VEZ7NV-USYN3G-8TL2N3-DADUG4

3.在Typora中书写MarkDown

TOC从文档中提取所有标题,其内容将自动更新。

4 图片插入

插入图片除了使用插入语句外,还可以:

  • ctrl+C/V 将网络图片、剪贴板图片复制到文档中

  • 拖动本地图片到文档中

Typora 会自动帮你插入符合 Markdown 语法的图片语句,并给它添加alt。

5.打字机模式和专注模式

通过 视图→打字机模式/专注模式 开启或关闭:

  • 「打字机模式」使得你所编辑的那一行永远处于屏幕正中央。

  • 「专注模式」使你正在编辑的那一行保留颜色,而其他行的字体呈灰色。

6. 空格与换行

空格:在输入连续的空格后,Typora 会在编辑器视图里为你保留这些空格,但当你打印或导出时,这些空格会被省略成一个。

你可以在源代码模式下,为每个空格前加一个 \ 转义符,或者直接使用 HTML 风格的 &nbps; 来保持连续的空格。

需要说明的是,在 Markdown 语法中,换行(line break)与换段是不同的,且换行分为软换行和硬换行。

  • 软换行:在 Typora 中,你可以通过shift+enter完成一次软换行。软换行只在编辑界面可见,当文档被导出时换行会被省略。

  • 硬换行:你可以通过 空格+ 空格+ shift+enter完成一次硬换行,而这也是许多 Markdown 编辑器所原生支持的。硬换行在文档被导出时将被保留,且没有换段的段后距。

  • 换段:你可以通过enter完成一次换段。Typora 会自动帮你完成两次shift+enter的软换行,从而完成一次换段。这也意味着在 Markdown 语法下,换段是通过在段与段之间加入空行来实现的。

  • Windows 风格(CR+LF)与 Unix 风格(LF)的换行符:CR表示回车\r,即回到一行的开头,而LF表示换行\n,即另起一行。

    所以 Windows 风格的换行符本质是「回车+换行」,而 Unix 风格的换行符是「换行」。这也是为什么 Unix/Mac 系统下的文件,如果在 Windows 系统直接打开会全部在同一行内。你可以在「文件 - 偏好设置 - 编辑器 - 默认换行符」中对此进行切换。

7.支持emoji 表情

在 Typora 中,你可以用 :emoji: 的形式来打出 emoji,软件会自动给出图形的提示。

8.Little Tips

安利一个快捷键提示工具,轻量级+快捷方便。

官网:LittleTips

它本身支持的软件列表并不包含Typora,但给出了 自定义软件快捷键 的方式,所以,我就自己捣鼓了一下:

自行选择下载:[typora.json]

LittleTips不含开机自启的选项,如果你想要设置成开机自启,可参考如下方法:

  1. 将需要自启动软件创建一个快捷方式

  2. 按 win+ R,键入shell:startup,打开 「启动」 文件夹

  3. 将需要开机自启动的软件的快捷方式拖到启动文件夹中

9.Typora设置图片自动上传

Typora固然好用,MarkDown也固然好用,但图片该怎么处理?

总不能自己一张张的上传,然后在复制网络连接吧,也不是不可以

下面介绍两种方式实现自动上传。

1 .使用 PicGo-Core

下载 PicGo-Core

  • 依次点击 文件 -> 偏好设置 -> 图像 来到下图所示界面:

  • + 点击**①**位置选择 `PicGo-Gore(command line)`选项后,点击**②**位置的下载或更新,在弹出的界面中选择下载。

选择sm.ms作为图床并配置 token

免费版存储容量 5GB,每分钟限制上传20张,每小时限制上传100张,每天限制上传200张,每周限制上传500张,每月限制上传1000张,单张图片最大5M。

该图床建立于2015年,目前免费用户无法使用香港节点因此速度比较慢(白嫖党没这么多事)。

  1. 打开官网 https://sm.ms/,注册后登录。

  2. 打开该网址 https://sm.ms/home/apitoken,生成 token。

最后点击③位置配置 token,放置如下代码:

{  "picBed": {    "uploader": "smms",    "smms": {      "token": "xxxxxxxxxxxxxxxxxxxxxx"    }  },  "picgoPlugins": {}}

token 换成刚刚生成的 sm.ms 的token。

  1. 按照步骤配置好后,点击验证图片上传选项,如果提示验证成功,那么恭喜,你毕业了;

  2. 拖拽图片到 typora 实现自动上传并更改 url 的功能。

2. 使用 PicGo+Gitee

安装 Node.js

因为PicGo中默认不支持 gitee,所以我们需要安装Node.js插件。

下载地址:

  • 阿里云:https://www.aliyundrive.com/s/W18SWY8Ti8X

  • 官网:https://nodejs.org/en/

安装步骤:

  1. 双击``node-v16.14.2-x64.msi`进行安装。

  2. 自定义安装路径

> 注意:不要勾选附加选项

4. 安装完成记得**重启电脑**。

Gitee相关

  • 打开 Gitee(官网:https://gitee.com/),如果没有账户,新建一个。

  • 新建仓库

  • 仓库开源设置

  • 生成私人令牌

注意保存好私人令牌的序列号,该令牌只显示这一次。

如果你不幸忘记了该令牌,那就是好重新生成一个了。

安装 PicGo

下载地址:

  • 阿里云:https://www.aliyundrive.com/s/GjNGu1SGur1

  • 官网:https://github.com/Molunerfinn/PicGo/releases

在官网上下载要选择正式稳定的版本。

安装步骤:

  • 双击PicGo-Setup-2.3.0-x64.exe进行安装。

  • 自定义安装路径

1.插件安装,选择`github-plus`或者`gitee-uploader`,二者择其一即可,我选择的是`git-plus`。

2. 配置 gitee,并设置为默认图床:

> token放置上述过程生成的序列号即可

3.重启 PicGO 软件(关闭后重新打开)。

Typora配置

重新打开 Typora,选择 文件->偏好设置->图像:

如果出现如下选项:

恭喜你,你拥有了自己的图床了。

3.我的配置

对于我而言,我更倾向于先将图像保存到本地:

最后可以选择统一上传:

4. 注意事项

注意事项

  • 自定义的HTML中的图片无法上传

  • PicGo最好设置上「时间戳重命名」,防止上传同名文件时报错

既然提到了图床,那就顺带安利一个图片压缩工具:

  • 在线压缩:TinyPNG – Compress WebP, PNG and JPEG images intelligently

  • 可视化工具:https://download.redisant.com/package/TinyGUI-1.0.5.0.exe

  • GitHub地址:TinyGUI/TinyGUI at main · chenjing1294/TinyGUI · GitHub

如果使用TinyGUI可视化工具,在获取API的时候,若长时间未收到反馈邮件,去垃圾邮件看看,会有意想不到的收货

Typora主题

  • 使用 Typora 内置主题:点击状态栏「主题」,选择喜欢的主题样式

  • 自定义主题:通过「文件-偏好设置-外观-打开主题文件夹」打开Typora的主题文件夹 Typora\themes,将自定义的 CSS 文件导入到 themes 文件夹中并重启Typora,在「主题」中选择你导入的主题样式即可

主题预览及下载:Typora主题

我根据他们的样式,在GitHub主题的基础上,做了小小的改动️

  • melephant主题

  • melephant-2主题

结尾

希望这篇 Typora 保姆级教程能够帮助到大家,如果这篇文章对你有帮助,你能给我三连一下是最大的支持!

js代码-typeof类型 立即下载

相关推荐

Gcc扩展之typeof

本文描述了,gcc编译器扩展的typeof运算的用法。

强大的TypeOf

type强大的用法简介

hansel的专栏 456

JS 使用 typeof 获取数据类型

NULL 博文链接:https://onestopweb.iteye.com/blog/2327118

Markdown编辑器用例

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

typeofGeek的博客 331

TypeOf这些知识点你了解吗

昨天给同事一起玩耍,同事给我出了一道代码题目,是关于typeof的,感觉挺好玩的,在此分享给大家,顺便巩固下自己对typeof知识点的总结

【电力电子控制】基于强化学习的单相逆变器并网电流控制

本文将尝试以 DQN(Deep Q-Network)为例,设计并训练一个面向单相逆变器的智能控制器,实现对并网电流的精准调节。

weixin_62596197的博客 463

Typora0.11.18免费版+markdown学习笔记

Typora0.11.18免费版+markdown学习笔记

weixin_39131844的博客 295

Maya ACES工作流程配置(Arnold 及 RedShift 贴图配置规范-还原出SP-Aces流程下贴图正确的效果) PS还原Aces流程下渲染的图

*如果使用SP,项目工程如果新建的时候设置的就是Aces的流程的话,按规范正常导出即可,贴图会带上相对应的后缀,然后贴图导入材质球的时候会根据后缀自动设置相对应的色彩空间;**万一不是,就自己手动设置一下对应的色彩空间即可;然后点击选择当前的或者选择全部导入的贴图,点击右下角后,开始转换;我复制了一下,一个默认没有LUT的效果,然后另外一个是加载2个LUT后的还原效果,和渲染的效果应该是没有区别的,至少我没有看出明显的区别;把需要转换的贴图拖拽到左侧,然后右面选择需要转换到的相对应的色彩空间;...

Yuulily 7994

JavaScript常用文件下载方法

注意:如果在项目中引用mokejs,会影响原生ajax的responseType,导致配置blob方式无法生效,无法进行文档流下载 // 方法一 直接打开新标签页,IE会出现兼容问题 window.open('/api/delivery/channel/export?' + paramsString) // 方法二 调用插件 npm install --save ly-downloader download(1,'/api/delivery/channel/export?' + paramsString

海王星开发基地 713

VC Spyglass实战指南:从零开始掌握CDC约束配置与调试

本文详细介绍了如何使用VC Spyglass进行CDC约束配置与调试,从基础环境搭建到典型CDC问题调试实战,帮助开发者快速掌握跨时钟域验证技术。通过TCL脚本和SDC约束的深度解析,提升CDC验证效率,避免常见设计风险。

weixin_26757925的博客 297

CAD二次开发(C#版):从零搭建开发环境与核心DLL引用指南

本文详细介绍了使用C#进行CAD二次开发的环境搭建与核心DLL引用指南,涵盖Visual Studio配置、AutoCAD插件项目创建、DLL引用技巧及调试方法。通过实战示例和常见问题排查,帮助开发者快速掌握CAD二次开发的核心技术,提升开发效率。

weixin_28837817的博客 729

js中typeof的用法

今天来看一下typeof是干什么的? typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。 它返回值是一个字符串,该字符串说明运算数的类型。 都知道下面typeof运算的结果吗?(知道的童鞋们可以不用继续往下看啦,不清楚的接着走......) typeof(1); typeof(NaN); typeof(Number.MIN_VALUE); typ

Drenched的博客 640

10X Genomics单细胞数据分析实战:从FASTQ到UMAP可视化的完整流程

本文详细介绍了10X Genomics单细胞数据分析的完整流程,从FASTQ原始数据处理到UMAP可视化。通过Seurat工具包实现数据质量控制、标准化、降维聚类和细胞注释,特别适合生物信息学新手学习。文章包含可复现的代码示例和常见问题解决方案,帮助研究者快速掌握单细胞测序数据分析的核心技术。

weixin_30952535的博客 535

GNU GCC typeof官方文档

6.7 Referring to a Type with typeof Another way to refer to the type of an expression is with typeof. The syntax of using of this keyword looks like sizeof, but the construct acts semantically like a type name defined with typedef. There are two wa...

陈显森的博客 449

游戏引擎揭秘:大厂为何死磕自研?

游戏引擎本质与商业价值解析 游戏引擎是集成了渲染、物理、动画等核心功能的开发工具包,其价值在于让开发者免于重复编写底层代码,专注于游戏内容创作。商业引擎(如Unity/Unreal)虽降低了开发门槛,但头部厂商仍坚持自研引擎,主要基于以下考量: 经济性:长期项目分摊自研成本后,比商业引擎分成更划算; 可控性:完全掌握底层代码,能针对性优化核心玩法需求; 技术壁垒:专属引擎成为厂商的竞争优势,如米哈游的跨平台渲染技术; 项目适配:超大型游戏(开放世界/MMO)需要深度定制解决方案。 这种"短期高投入

本博客聚焦游戏开发技巧、创业实战心得及大学热门课程干货。这里既有技术深度,也有思维广度,无论你是开发者、创业者还是高校学子,都能在这里找到适合自己的成长之路! 263

【YOLO】Mask Proto分支理解

Mask Proto分支通过解耦全局原型与实例参数,在保持YOLO实时性的同时实现精准分割。其技术核心在于利用多尺度特征生成可组合的原型,结合动态系数适应不同目标形态。未来可进一步融合Transformer的注意力机制,增强对复杂场景的建模能力。

浩瀚之水的专栏 476

Typescript学习

你好 Typescript: 进入类型的世界 安装 Typescript Typescript 官网地址: https://www.typescriptlang.org/zh/ 使用 nvm 来管理 node 版本: https://github.com/nvm-sh/nvm 安装 Typescript: npm install -g typescript 使用 tsc 全局命令: // 查看 tsc 版本 tsc -v // 编译 ts 文件 tsc fileName.ts 原始数据类型 Typesc

weixin_42069147的博客 1111

MAC-电脑中的user文件夹在哪?

MAC-电脑中的user文件夹在哪?

兴趣是最好的老师 1万+

Typescript泛型、keyof、typeof、索引类型、映射

Typescript泛型 软件工程的一个主要部分是构建组件,这些组件不仅具有定义明确且一致的 API,而且还可以重用。 能够处理今天和明天的数据的组件将为你提供构建大型软件系统的最灵活的能力。

mh_250250的博客 673

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

mac下开发工具

mac 下的开发工具。

typeof_的专栏 791

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

typeof的语法和使用

typeof的语法和使用

Binglianxiaojiao的博客 2万+

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

boost实用工具:typeof库 BOOST_TYPE BOOST_AUTO

  boost::typeof库中使用宏BOOST_TYPE和BOOST_AUTO来模拟C++11关键字typeof和auto  C++ Code  12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364...

weixin_34387468的博客 247

typeof关键字简介

<br />今天用到typeof,看一下它的用法<br /><br />typeof关键字是C语言中的一个新扩展。只要可以接受typedef名称,Sun Studio C 编译器就可以接受带有typeof的结构,包括以下语法类别:声明 函数声明符中的参数类型链表和返回类型 类型定义 类型操作符s sizeof操作符 复合文字 typeof实参 <br />编译器接受带双下划线的关键字:__typeof和__typeof__。本文中的例子并没有遵循使用双下划线的惯例。从语句构成上看,typeof关键字后带圆括

robbie1314的专栏 1072

JavaScript中typeof知多少?

JavaScript中typeof知多少? 作者:梦想年华 日期:2008-02-28 typeof运算符介绍: typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。 它返回值是一个字符串,该字符串说明运算数的类型。 你知道下面typeof运算的结果吗? [code="js"]typeof(1); typeof(NaN); typeof(Number.M...

dodomail的专栏 368

IDEA的几种界面代码书写展示模式

IDEA的几种界面代码书写展示模式

伟迷不正的博客 1688

Typora设置图片插入路径

Typora默认的图片插入是放在统一的一个路径,如下: 如果换了台电脑之后没有把图片复制到新电脑并且设置对应的路径时,图片都将会丢失,可以使用以下方式设置图片的路径为当前文件所在目录下的一个统一路径,这样以后直接把这个目录拷贝到新的电脑上依旧可以正常使用 左上角选择文件-偏好设置 选择图像,插入图片时设置 选择复制到指定路径,设置指定路径为./.assets,此处assets前面的.可以让assets文件夹隐藏不展示。 设置完之后的图片插入效果: ...

kinson的博客 2637
上一篇: Spring MVC过滤器-HttpPutFormContentFilter
下一篇: 解决tomcat闪退的办法
angel_devil1
博客等级 码龄5年 32粉丝 75原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值