当前位置: 首页 > news >正文

最强神器Typora 2024(亲测有效)| Markdown 工具推荐


听俺讲一下

大家好,我是程序员-杨胡广,今天想给大家分享一个在编写文档时的神器——Typora。相信不少小伙伴都在寻找一款既简洁又强大的 Markdown 编辑工具,而 Typora 无疑是最值得推荐的选择。

当我在大学时偶然发现了它,直到今天依然觉得它无可替代。最近,我成功激活了最新版的 Typora 2024,无需复杂操作,适用于任何版本!于是迫不及待地想和大家分享这个简单易行的破解方法

接下来,废话不多说,直接上教程!

你将看到的好处:

  • 无需安装任何 dll 补丁
  • 也不用修改注册表
  • 老版本也不需要适用于任何版本
  • 只需简单修改部分文件

如果不想去下载直接到我的网盘,我已分享给你,点击下方链接

分享文件:typora-setup-x64.exe
链接:https://pan.xunlei.com/s/VO6dg8mpxRfDsSrvwCyTONq2A1?pwd=7mw8#


教程步骤

步骤一:下载并安装Typora

1、直接上官网点击下载安装就ok了,目前支持windows、mac、linux系统。

官网地址:Typora 官方中文站 https://typoraio.cn/ 

步骤二:双击打开typora安装包

1、安装一定得记录下自己的安装地址,待会需要进入修改文件

2、直接点击finish

3、会出现一个激活的页面,这个先关闭掉

步骤三:开始修改文件

1、到此电脑中打开你的Typora安装路径 打开安装路径下这个文件夹

你刚才选择的安装路径\resources\page-dist\static\js

我的路径是:D:\exe\Typora\resources\page-dist\static\js

2、在这个文件夹中找到这个文件

名称如下(其中有一段是随机生成的,比对开头和文件类型就好了)

Licenselndex.180dd4c7.任意这里是随机的.chunk.js

3、右键用记事本或者用其他的文本编辑器打开

将文件中的

e.hasActivated="true"==e.hasActivated

替换为

e.hasActivated="true"=="true"

总结方法:直接Ctrl+F搜索 e.hasActivated="true"==e.hasActivated 这一段 然后替换为 e.hasActivated="true"=="true"

步骤四:关闭启动时的已激活弹窗

(如果你不需要关闭的话,其实已经就激活了)

1、找到你Typora的安装路径 打开安装路径下这个文件夹里边的license.html文件

你刚才选择的安装路径\resources\page-dist\license.html

我的路径是:D:\exe\Typora\resources\page-dist\license.html

2、用记事本打开并ctrl+F定位到以下文本

</body></html>

替换为

</body>
<script>window.οnlοad=function(){setTimeout(()=>{window.close();},5);}
</script>
</html>

步骤五:去除未激活提示(自定义)

1、找到你Typora的安装路径 打开安装路径下这个文件夹里边的Panel.json

你刚才选择的安装路径\resources\locales\zh-Hans.lproj\Panel.json

我的路径是:D:\exe\Typora\resources\locales\zh-Hans.lproj\Panel.json

2、打开文件,还是Ctrl+F定位到以下内容⬇️

"UNREGISTERED":"未激活"

替换为

"UNREGISTERED":"胡广牛逼,老妈,我成功啦!!!"

成功激活,非常完美


Markdown的官网语法参考

  1. 概述

    Markdown 由 Daring Fireball 创建,原始指南在 这里。但是,它的语法因不同的解析器或编辑器而异。Typora 正在使用 GitHub Flavored Markdown。

    大纲

    块元素

    段落和换行符

    段落只是一行或多行连续的文本。在 markdown 源代码中,段落由多个空行分隔。在Typora中,您只需按下 Return 即可创建新段落。

    按 Shift + Return 可创建单个换行符。但是,大多数 markdown 解析器将忽略单行中断,要使其他 markdown 解析器识别您的换行符,可以在行尾留下两个空格,或者插入 <br/>.

    标题

    标题在行的开头使用1-6个#字符,对应于标题级别1-6。例如:

    # 这是一级标题## 这是二级标题###### 这是六级标题
    

    在typora中,输入’#’后跟标题内容,按下 Return 键将创建标题。

    引用文字

    Markdown 使用电子邮件样式>字符进行块引用。它们表示为:

    > 这是一个有两段的块引用。这是第一段。
    >
    > 这是第二段。Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.> 这是另一个只有一个段落的块引用。有三个空行分隔两个块引用。
    

    在typora中,只需输入’>’后跟引用内容即可生成块引用。Typora将为您插入正确的“>”或换行符。通过添加额外级别的“>”允许在块引用内嵌入另一个块引用。

    列表

    输入 * list item 1 将创建一个无序列表,该 * 符号可以替换为 + 或 -.

    输入 1. list item 1 将创建一个有序列表,其 markdown 源代码如下:

    ## 无序列表
    *   红色
    *   绿色
    *   蓝色## 有序列表
    1.  红色
    2. 	绿色
    3.	蓝色
    

    任务列表

    任务列表是标记为[ ]或[x](未完成或完成)的项目的列表。例如:

    - [ ] 这是一个任务列表项
    - [ ] 需要在前面使用列表的语法
    - [ ] normal **formatting**, @mentions, #1234 refs
    - [ ] 未完成
    - [x] 完成
    

    您可以通过单击项目前面的复选框来更改完成/未完成状态。

    (栅栏式)代码块

    Typora仅支持 Github Flavored Markdown 中的栅栏式代码块。不支持 markdown 中的原始代码块。

    使用栅栏式代码块很简单:输入```之后输入一个可选的语言标识符,然后按return键后输入代码,我们将通过语法高亮显示它:

    这是一个例子:```
    function test() {console.log("notice the blank line before this function?");
    }
    ```语法高亮:
    ```ruby
    require 'redcarpet'
    markdown = Redcarpet.new("Hello World!")
    puts markdown.to_html
    ```
    

    数学公式块

    您可以使用 MathJax 渲染 LaTeX 数学表达式。

    输入 $$, 然后按“return”键将触发一个接受Tex / LaTex源代码的输入区域。以下是一个例子: V1×V2=∣∣∣∣∣i∂X∂u∂X∂vj∂Y∂u∂Y∂vk00∣∣∣∣∣V1×V2=|ijk∂X∂u∂Y∂u0∂X∂v∂Y∂v0|

    在 markdown 源文件中,数学公式块是由’$$’标记包装的 LaTeX 表达式:

    $$
    \mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
    \mathbf{i} & \mathbf{j} & \mathbf{k} \\
    \frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
    \frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
    \end{vmatrix}
    $$
    

    表格

    输入 | First Header | Second Header | 并按下 return 键将创建一个包含两列的表。

    创建表后,焦点在该表上将弹出一个表格工具栏,您可以在其中调整表格,对齐或删除表格。您还可以使用上下文菜单来复制和添加/删除列/行。

    可以跳过以下描述,因为表格的 markdown 源代码是由typora自动生成的。

    在 markdown 源代码中,它们看起来像这样:

    | First Header  | Second Header |
    | ------------- | ------------- |
    | Content Cell  | Content Cell  |
    | Content Cell  | Content Cell  |
    

    您还可以在表格中包括内联 Markdown 语法,例如链接,粗体,斜体或删除线。

    最后,通过在标题行中包含冒号:您可以将文本定义为左对齐,右对齐或居中对齐:

    | Left-Aligned  | Center Aligned  | Right Aligned |
    | :------------ |:---------------:| -----:|
    | col 3 is      | some wordy text | $1600 |
    | col 2 is      | centered        |   $12 |
    | zebra stripes | are neat        |    $1 |
    

    最左侧的冒号表示左对齐的列; 最右侧的冒号表示右对齐的列; 两侧的冒号表示中心对齐的列。

    脚注

    您可以像这样创建脚注[^footnote].[^footnote]: Here is the *text* of the **footnote**.
    

    将产生:

    您可以像这样创建脚注1.

    鼠标移动到‘footnote’上标中查看脚注的内容。

    水平线

    输入 *** 或 --- 在空行上按 return 键将绘制一条水平线。


    YAML Front Matter

    Typora 现在支持 YAML Front Matter 。 在文章顶部输入 --- 然后按 Enter 键将引入一个,或者从菜单中插入一个元数据块。

    目录 (TOC)

    输入 [toc] 然后按 Return 键将创建一个“目录”部分,自动从文档内容中提取所有标题,其内容会自动更新。

    图表 (Sequence, Flowchart and Mermaid)

    Typora 支持, sequence, flowchart and mermaid, 使用前要先从偏好设置面板启用该功能。

    详细信息请参阅此 文档

    Span 元素

    在您输入后Span元素会被立即解析并呈现。在这些span元素上移动光标会将这些元素扩展为markdown源代码。以下将解释这些span元素的语法。

    链接

    Markdown 支持两种类型的链接:内联和引用。

    在这两种样式中,链接文本都写在[方括号]内。

    要创建内联链接,请在链接文本的结束方括号后立即使用一组常规括号。在常规括号内,输入URL地址,以及可选的用引号括起来的链接标题。例如:

    This is [an example](http://example.com/ "Title") inline link.[This link](http://example.net/) has no title attribute.
    

    将产生:

    This is an example inline link. (<p>This is <a href="http://example.com/" title="Title">)

    This link has no title attribute. (<p><a href="http://example.net/">This link</a> has no)

    内部链接

    您可以将常规括号内的 href 设置为文档内的某一个标题,这将创建一个书签,允许您在单击后跳转到该部分。例如:

    Command(在Windows上:Ctrl) + 单击 此链接 将跳转到标题 块元素处。 要查看如何编写,请移动光标或按住  键单击以将元素展开为 Markdown 源代码。

    参考链接

    参考样式链接使用第二组方括号,在其中放置您选择的标签以标识链接:

    This is [an example][id] reference-style link.然后,在文档中的任何位置,您可以单独定义链接标签,如下所示:[id]: http://example.com/  "Optional Title Here"
    

    在typora中,它们将呈现为:

    This is an example reference-style link.

    隐式链接名称快捷方式允许您省略链接的名称,在这种情况下,链接文本本身将用作名称。只需使用一组空的方括号,例如,将“Google”一词链接到google.com网站,您只需写下:

    [Google][]
    然后定义链接:[Google]: http://google.com/
    

    在typora中单击链接将其展开以进行编辑,command + 单击将在 Web 浏览器中打开超链接。

    URL网址

    Typora允许您将 URL 作为链接插入,用 <括号括起来>

    <i@typora.io> 成为 i@typora.io.

    Typora也将自动链接标准URL。例如: www.google.com.

    图片

    图像与链接类似, 但在链接语法之前需要添加额外的 ! 字符。 图像语法如下所示:

    ![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=%2Fpath%2Fto%2Fimg.jpg&pos_id=img-iTJd3hXk-1726195672911)![外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传](https://img-home.csdnimg.cn/images/20230724024159.png?origin_url=%2Fpath%2Fto%2Fimg.jpg%20%22%E5%8F%AF%E9%80%89%E6%A0%87%E9%A2%98%22&pos_id=img-ZZcpmsa3-1726195672913)
    

    您可以使用拖放操作从图像文件或浏览器来插入图像。并通过单击图像修改 markdown 源代码。如果图像在拖放时与当前编辑文档位于同一目录或子目录中,则将使用相对路径。

    有关图像的更多提示,请阅读 http://support.typora.io//Images/

    强调(斜体)

    Markdown 将星号 (*) 和下划线(_) 视为强调的指示。用一个 * or _ 包裹文本将使用HTML <em> 标签包裹文本。例如:

    *单个星号*_单个下划线_
    

    输出:

    单个星号

    单个下划线

    GFM将忽略单词中的下划线,这通常用在代码和名称中,如下所示:

    wow_great_stuff

    do_this_and_do_that_and_another_thing.

    要在用作强调分隔符的位置生成文字星号或下划线,可以用反斜杠转义:

    \*这个文字被文字星号包围\*
    

    Typora建议使用 * 号.

    粗体

    用两个 * 或 _ 包裹的文本将使用HTML <strong> 标签包裹,例如:

    **双星号**__双重下划线__
    

    输出:

    双星号

    双重下划线

    Typora 建议使用 ** 号。

    代码

    要指示代码范围,请使用反引号(`)进行包裹。与预格式化的代码块不同,代码跨度表示正常段落中的代码。例如:

    使用`printf()`函数。
    

    将产生:

    使用 printf() 函数。

    删除线

    GFM通过添加语法来创建删除线文本,标准的Markdown中缺少该文本。

    ~~错误的文字。~~ 变成 错误的文字。

    下划线

    下划线由原始HTML提供支持。

    <u>下划线</u> 变成 下划线

    表情符号 😄

    输入表情符号的语法是 :smile:

    用户可以通过 ESC 按键触发表情符号的自动完成建议,或者在偏好设置面板里启用后自动触发表情符号。此外,还支持直接从 Edit -> Emoji & Symbols 菜单栏输入UTF8表情符号字符。

    内联数学公式

    要使用此功能,首先,请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后使用 $ 来包裹TeX命令,例如: $\lim_{x \to \infty} \exp(-x) = 0$ 将呈现为LaTeX命令。

    要触发内联公式的预览提示功能:输入“$”, 然后按 ESC 键, 然后输入TeX命令, 预览工具提示将如下所示:

下标

要使用此功能,首先,请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 ~ 来包裹下标内容,例如: H~2~OX~long\ text~/

上标

要使用此功能,首先,请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 ^ 来包裹上标内容,例如: X^2^

高亮

要使用此功能,首先,请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 == 来包裹高亮内容,例如: ==highlight==

HTML

您可以使用HTML来设置纯 Markdown 不支持的内容,例如, <span style="color:red">this text is red</span> 用于添加红色文本。

嵌入内容

有些网站提供基于iframe的嵌入代码,您也可以将其粘贴到Typora中,例如:

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>

视频

您可以使用 <video> HTML标记嵌入视频,例如:

<video src="xxx.mp4" />

其他 HTML 支持

你可以在 这里找到细节。

Typora 中的 HTML 支持

Typora 最新版本已经支持普通 HTML 标签。

内联 HTML 标签(例如<span><sup>将在您输入其结束标签后立即呈现,就像其他 Markdown 语法一样,例如**__。其他受支持的标签将在单独的块中呈现,并且可以轻松地在输出和 HTML 源代码之间切换,就像数学块一样。

为了安全起见,无论你使用<script>onload属性,都不支持任何脚本。classiddata-*也不受支持。对于 iframe,允许在 内使用脚本<iframe>,但它会被属性包裹sandbox,并且无法访问你正在编写的内容或本地文件。

您可以在以下部分找到更多详细信息。

目录

  • 内联 HTML
  • HTML 实体
  • HTML 块
  • 媒体和嵌入式内容
    • 视频
    • 声音的
    • 嵌入网页内容
    • PDF
  • 评论
  • ``或者**?
  • 限制

内联 HTML

Typora 现在可以像普通内联 Markdown 样式一样渲染内联 HTML,例如:

原始 Markdown 源代码实时预览中的输出
<span style='color:red'>This is red</span>这是红色
<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby>漢ㄏㄢˋ
<kbd>Ctrl</kbd>+<kbd>F9</kbd>Ctrl+F9
<span style="font-size:2rem; background:yellow;">**Bigger**</span>
HTML entities like ® ¶HTML 实体如 ® ¶

写作经历也是一样的:

为了方便编辑,Typora 将显示空标签或带有display:none样式的 HTML,例如,以下 Markdown 中的相关内容在 Typora 中可见,但导出后不可见。

## <a name="anchor"></a> Header 2<span style="display:none">I am hidden after export</span>

HTML 实体

您可以在 Typora 中直接使用HTML 实体,例如:

¼→ ¼,𝔗→ 𝔗

但我们建议直接输入它们的unicode,这样更具可读性和兼容性。

HTML 块

块级 HTML 标签,以及 Markdown 文档中的“不可见”标签(例如scriptmeta等)将会被渲染为 HTML 块,例如:

<details><summary>I have keys but no locks. I have space but no room. You can enter but can't leave. What am I?</summary>A keyboard.
</details>

将被渲染为:

我有钥匙,但没有锁。我有空间,但没有房间。你可以进来,但不能离开。我是什么?

HTML Block 可以通过将光标移到其中,或单击其非交互部分,或使用commandctrl+ 单击来进入编辑模式。

Markdown 语法不会在 HTML 块内进行解析,这与 GFM/CommonMark 相同。

为了更容易编辑,一些内联标签,例如svg也可能使用与块级 HTML 标签相同的编辑行为。

Typora 不显示“不可见”标签(例如<script><meta><style>)的预览,而只显示其原始来源。

媒体和嵌入式内容

视频

您可以嵌入这样的视频:

<video src="xxx.mp4" />

或者将视频文件拖放到 Typora 中,Typora 将自动插入视频。

的路径Video遵循与图片相同的规则。因此,“尽可能使用相对路径”和“图片根路径”选项也适用于<video>内容。

声音的

与相同<video>,您可以使用<audio>标签嵌入音频:

<audio src="xxx.mp3" />

嵌入网页内容

有些网站允许你将其内容嵌入到其他网页中,大多数网站都支持<iframe>,Typora 也支持此功能。你可以直接按照他们的“分享”页面/对话框,将代码粘贴到 Typora 中,例如:

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='//codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/jeangontijo/pen/OxVywj/'>Fancy Animated SVG Menu</a> by Jean Gontijo (<a href='https://codepen.io/jeangontijo'>@jeangontijo</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>

将成为(具体演示参考官方文档)

有些网站仅提供基于 Javascript 的嵌入代码,而不是<iframe>代码片段,例如:

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Sunsets don&#39;t get much better than this one over <a href="https://twitter.com/GrandTetonNPS?ref_src=twsrc%5Etfw">@GrandTetonNPS</a>. <a href="https://twitter.com/hashtag/nature?src=hash&amp;ref_src=twsrc%5Etfw">#nature</a> <a href="https://twitter.com/hashtag/sunset?src=hash&amp;ref_src=twsrc%5Etfw">#sunset</a> <a href="http://t.co/YuKy2rcjyU">pic.twitter.com/YuKy2rcjyU</a></p>&mdash; US Department of the Interior (@Interior) <a href="https://twitter.com/Interior/status/463440424141459456?ref_src=twsrc%5Etfw">May 5, 2014</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Typora 仅支持一些基于脚本的共享代码,并且这些内容/脚本也将在沙盒 iframe 中运行,无法访问您的本地文件和写入内容。

我们可以考虑在未来的更新中允许用户为此类配置“白名单”。

PDF

不再受支持,您可以尝试在线文件查看器,例如https://gist.github.com/tzmartin/1cf85dc3d975f94cfddc04bc0dd399be 中的示例。

评论

Typora 支持 HTML 注释,使用语法<!-- comments --> ,例如:

<!-- I am some comments
not end, not end...
here the comment ends -->

导出/打印时它们是不可见的。

<Strong>或者**

请使用 markdown 语法代替原始 HTML 标签,因为后者更易于输入,并且也更受 Typora 的支持。

限制

  • HTML Block中不允许有空行,否则会被渲染为两个HTML Block。
  • 只有常见/正常的 HTML 标签才会在 Typora 中呈现为 HTML 内容,自定义标签(例如<application><my-custom-component>将被忽略(它们将在导出/打印时被包含)。
  • 并非所有属性都受支持。HTML中的idclassdata-*未知属性将不会在渲染时包含在内(它们将在导出/打印时包含在内)。
  • 脚本基本上是不允许的。<style><meta>不会被应用(它们将在导出/打印时包含在内)。
  • 并非所有 HTML 标签/样式都可以导出为其他格式。导出为 PDF、HTML 或 HTML 兼容格式(例如 EPub)将保留这些 HTML 内容,但导出为其他格式(例如 Word 或 LaTeX),这些 HTML 内容可能会变成纯文本。

Typora 关于主题

更改主题

Typora 有 6 个内置主题,可以使用菜单栏中的主题菜单进行选择。您还可以下载、安装、修改或编写自己的自定义主题来风格化 Typora。

Typora 使用 CSS 来设置所有内容的样式。主题菜单中显示的每个主题都是.css“Typora 的主题文件夹”下的一个文件。因此,您可以通过在“Typora 的主题文件夹”下添加/修改相应的 css 文件来添加/修改主题。

在浅色模式和深色模式下使用主题

您可以为浅色模式和深色模式设置单独的主题(在 macOS / Windows 上)。当系统的配色方案发生变化时,将应用您选择的相应主题。

屏幕截图 2020-12-05 17.01.49

您的主题还可以使用媒体查询来选择喜欢的配色方案,从而为明模式和暗模式编写响应式主题。

命名规则

在编写自己的主题时,您需要使用以下主题 css 文件命名规则:不要使用大写字母和非字母字符(除了)-。将任何空格替换为-,Typora 会将它们转换为菜单项中可读的标签。例如,对于my-first-typora-theme.css,Typora 将在“主题”菜单下显示“我的第一个 Typora 主题”。

获取 Typora 主题

我们有一个官方网站Typora 主题库,供设计师/开发人员与他人分享他们的自定义主题。您可以从那里下载主题。

屏幕截图 2020-12-05 22.09.28

自定义主题安装

  1. 打开主题文件夹。(见下面的说明)
  2. 将文件和相关资源(如字体或图像)复制或移动.css到新打开的文件夹中。
  3. 重新启动 Typora,然后从Themes菜单中选择它。

打开主题文件夹

macOS

打开偏好面板并点击“打开主题文件夹”按钮。

在 macOS 上,通常是/Users/{username}/Library/Application Support/abnerworks.Typora/themes/

Windows/Linux

File从菜单栏→打开偏好设置面板Preference,然后单击“打开主题文件夹”:

typora-偏好电子

修改当前样式

有时您可能只想更改所有主题的字体系列,或更改特定主题标题的字体颜色。在这种情况下,您不需要复制/修改整个现有的 css 文件,只需添加自定义 CSS即可。

编写我自己的主题

请参阅为 Typora 编写自定义主题。

调试主题 CSS

您可以打开 Chrome/Safari DevTools 来调试元素样式,更多详情可以点击这里。

  • 在 macOS 上,请按照https://support.apple.com/en-hk/guide/safari/sfri20948/mac从 Safari启用Develop菜单,然后从 Safari 菜单 → 开发 → [您的 macOS 设备名称] → Typora 检查 Typora 的 webview。
  • View在 Windows/Linux 上,您可以从->Toggle DevTools菜单项打开 DevTools 。

Windows/Linux

File从菜单栏→打开偏好设置面板Preference,然后单击“打开主题文件夹”:

修改当前样式

有时您可能只想更改所有主题的字体系列,或更改特定主题标题的字体颜色。在这种情况下,您不需要复制/修改整个现有的 css 文件,只需添加自定义 CSS即可。

编写我自己的主题

请参阅为 Typora 编写自定义主题。

调试主题 CSS

您可以打开 Chrome/Safari DevTools 来调试元素样式,更多详情可以点击这里。

  • 在 macOS 上,请按照https://support.apple.com/en-hk/guide/safari/sfri20948/mac从 Safari启用Develop菜单,然后从 Safari 菜单 → 开发 → [您的 macOS 设备名称] → Typora 检查 Typora 的 webview。
  • View在 Windows/Linux 上,您可以从->Toggle DevTools菜单项打开 DevTools 。

寻找更多主题

请访问官网地址:https://theme.typoraio.cn/

结束啦,希望大家能有所成!!!

 

 你好,我是胡广。 致力于为帮助兄弟们的学习方式、面试困难、入职经验少走弯路而写博客 🌹🌹🌹 坚持每天两篇高质量文章输出,加油!!!🤩

 如果本篇文章帮到了你 不妨点个赞吧~ 我会很高兴的 😄 (^ ~ ^) 。想看更多 那就点个关注     吧 我会尽力带来有趣的内容 。

 😎感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以      给我留言咨询,希望帮助更多的人

更多专栏:
📊 Java设计模式宝典:从入门到精通(持续更新)

📝 Java基础知识:GoGoGo(持续更新)

⚽ Java面试宝典:从入门到精通(持续更新)

🌟 程序员的那些事~(乐一乐)

🤩 Redis知识、及面试(持续更新)

🚀 Kafka知识文章专栏(持续更新)

🎨 Nginx知识讲解专栏(持续更新)

📡 ZooKeeper知识(持续更新)

🎯 各类神器推荐(持续更新)

🔍 工作流Activiti7——独孤九剑(持续更新)

☀️ 未完待续。。。

☔️ 未完待续。。。

🐽 未完待续。。。

⚡️ 未完待续。。。

🌗 未完待续。。。

感谢订阅专栏 三连文章

相关文章:

最强神器Typora 2024(亲测有效)| Markdown 工具推荐

听俺讲一下 大家好&#xff0c;我是程序员-杨胡广&#xff0c;今天想给大家分享一个在编写文档时的神器——Typora。相信不少小伙伴都在寻找一款既简洁又强大的 Markdown 编辑工具&#xff0c;而 Typora 无疑是最值得推荐的选择。 当我在大学时偶然发现了它&#xff0c;直到今…...

【时时三省】tessy 单元测试 集成测试 专栏 文章阅读说明

目录 1&#xff0c;关于更新 2&#xff0c;关于文章阅读 3&#xff0c;关于文章分类 1&#xff0c;单元测试 2&#xff0c;集成测试 3&#xff0c;通用便捷操作 4&#xff0c;编译问题集锦 5&#xff0c;需求管理 6&#xff0c;CTE的使用 7&#xff0c;tessy自动化执…...

力扣刷题(6)

两数之和 II - 输入有序数组 两数之和 II - 输入有序数组-力扣 思路&#xff1a; 因为该数组是非递减顺序排列&#xff0c;因此可以设两个左右下标当左右下标的数相加大于target时&#xff0c;则表示右下标的数字过大&#xff0c;因此将右下标 - -当左右下标的数相加小于targ…...

TiDB 扩容过程中 PD 生成调度的原理及常见问题丨TiDB 扩缩容指南(一)

导读 作为一个分布式数据库&#xff0c;扩缩容是 TiDB 集群最常见的运维操作之一。本系列文章&#xff0c;我们将基于 v7.5.0 具体介绍扩缩容操作的具体原理、相关配置及常见问题的排查。 通常&#xff0c;我们根据当前资源状态来决定是否需要调整 TiKV 节点的规模&#xff0…...

匿名管道详解

进程间通讯的目的 数据传输&#xff1a;一个进程需要把它的数据发送给另一个数据资源共享&#xff1a;多个进程需要共享同样的资源通知事件&#xff1a;一个进程需要向另一个或者一组进程发送消息&#xff0c;通知它发生了某种事件&#xff08;如进程终止时要通知父进程&#…...

深度解读MySQL意向锁的工作原理机制与应用场景

意向锁 意向锁的概念 意向锁是InnoDB自动添加的一种锁&#xff0c;不需要用户去干预。 是数据库中的一种表级锁&#xff0c;一个事务要给一个资源加锁时&#xff0c;必须要先获取到对应类型的意向锁之后&#xff0c;才可以给这个资源加上自己想要的共享锁或者排他锁&#xff0…...

ZYNQ TCP 协议的远程更新 QSPI Flash

1 SDK直接少些Flash过程 ****** Xilinx Program Flash ****** Program Flash v2019.1 (64-bit)**** SW Build 2552052 on Fri May 24 14:49:42 MDT 2019** Copyright 1986-2019 Xilinx, Inc. All Rights Reserved.WARNING: Failed to connect to hw_server at TCP:127.0.0.1:3…...

告别繁琐粘贴,CleanClip Mac 版,让复制粘贴变得简单快捷!粘贴队列功能太强大了!

告别繁琐粘贴&#xff0c;CleanClip Mac 版&#xff0c;让复制粘贴变得简单快捷&#xff01; CleanClip for Mac &#x1f4cb; 是一款专为Mac用户设计的高效剪贴板管理工具。它解决了传统复制粘贴过程中的繁琐问题&#xff0c;让你的工作流程更加顺畅和高效。 &#x1f504;…...

前端基础知识(HTML+CSS+JavaScript)

文章目录 一、HTML1.1 HTML 基础&#xff1a;1.1.1 HTML 的概念&#xff1a;1.1.2 认识 HTML 标签&#xff1a;1.1.3 HTML 文件基本结构&#xff1a;1.1.4 标签层次结构&#xff1a; 1.2 HTML 快速入门&#xff1a;1.3 HTML常见标签&#xff1a;1.3.1 标题标签&#xff1a;h1-h…...

算力服务器和GPU服务器的区别是什么?

随着互联网科技的快速发展&#xff0c;服务器的类型也变得多种多样了&#xff0c;今天小编就来为大家介绍一下算力服务器和GPU服务器还有他们之间的区别是什么&#xff1f; 算力服务器通常是指具有着较高计算能力的服务器&#xff0c;算力服务器一般都是用于处理大量的计算任务…...

获取Live2d模型

文章目录 1、 Live2D官方示例数据集&#xff08;可免费下载&#xff09;2、模之屋3、unity商店4、直接b站搜索5、youtube6、BOOTH完结 1、 Live2D官方示例数据集&#xff08;可免费下载&#xff09; 官方提供了一些 Live2D实例模型给大家下载使用 地址&#xff1a;https://ww…...

软考架构-层次架构风格

一、两层C/S架构 客户端和服务器都有处理功能。处理在表示层&#xff08;客户端&#xff09;和数据层&#xff08;服务器&#xff09;进行 二、三层C/S架构 将处理功能独立出来。表示层在客户机上&#xff0c;功能层在应用服务器上&#xff0c;数据层在数据库服务器上。 三…...

Unity射击游戏开发教程:(35)轰炸敌人

现在敌人和飞机已经慢慢地越来越有各自地地行为了,在本文中,我们将介绍如何创建一个具有以下行为的敌人: 飞机会来回弹跳。飞机将有 4 架无人机轰炸机围绕飞机旋转。无人机轰炸机会偶尔投下沿着屏幕传播的炸弹。如果炸弹击中玩家或在随机时间后就会爆炸。如果炸弹没有击中玩…...

【网络】高级IO——select版本TCP服务器

目录 前言 一&#xff0c;select函数 1.1.参数一&#xff1a;nfds 1.2.参数二&#xff1a; readfds, writefds, exceptfds 1.2.1.fd_set类型和相关操作宏 1.2.2.readfds, writefds, exceptfds 1.2.3.怎么理解 readfds, writefds, exceptfds是输入输出型参数 1.3.参数三…...

【C++】学完c语言后的c++基础知识补充!(命名空间、输入和输出、缺省函数、函数重载、引用、内联函数代替宏、nullptr代替NULL)

一. 命名空间 1. 定义 出现的意义&#xff1a;解决各种函数、关键词和类的名称冲突问题。 定义方式&#xff1a;namespace 命名空间的名字 { } &#xff08;注意&#xff01;}后面不加&#xff1b;&#xff09; namespace 是关键词命名空间的…...

uniapp自定义导航栏以及页面加背景

如果想给uniapp的页面加背景图片的话&#xff0c;疯狂度了之后会发现uniapp中背景图片用本地图片不起效果&#xff0c;所以一般用网络路径&#xff0c;之后又会发现&#xff0c;页面如果直接加背景的话有可能会遇到页面内容不够&#xff0c;背景撑不满整个页面&#xff0c;如果…...

MacOS Sonoma(14.x) 大写模式或中文输入法下的英文模式,光标下方永远会出现的CapsLock箭头Icon的去除办法

如图&#xff0c;MacOS Sonoma(14.x) 大写模式或中文输入法下的英文模式下&#xff0c;光标下方永远会出现一个CapsLock箭头Icon。此Icon挡住视野&#xff0c;还容易误触导致切换大小写状态&#xff0c;带来的收益远远小于带来的困扰。 解决办法 打开终端&#xff0c;输入以下…...

C#基础(10)变长参数和参数默认值

前言 作为函数的补充知识点&#xff0c;我们已经学习了ref和out&#xff0c;接下来两节我们继续来讲函数相关的内容。本节则讲解变长参数和参数默认值。 函数语法 关键字&#xff1a;params public void PrintNumbers(params int[] numbers) {for 相关逻辑 } 注意 params…...

Vue转React开发经验分享——hooks写法如何触发react生命周期、如何触发数据更新?

背景&#xff1a;习惯了vue的写法&#xff0c;并且vue2和vue3都比较熟悉&#xff0c;在转react开发中&#xff0c;不停的思考react和vue框架的相似之处&#xff0c;以及vue中的写法在react里怎么替换。本文将组件更新或组件生命周期角度出发聊聊如何使用hooks触发生命周期&…...

算法入门-贪心1

第八部分&#xff1a;贪心 409.最长回文串&#xff08;简单&#xff09; 给定一个包含大写字母和小写字母的字符串 s &#xff0c;返回通过这些字母构造成的最长的回文串 的长度。 在构造过程中&#xff0c;请注意 区分大小写 。比如 "Aa" 不能当做一个回文字符串…...

【走好求职第一步】求职OMG——见面课测验4

2025最新版&#xff01;&#xff01;&#xff01;6.8截至答题&#xff0c;大家注意呀&#xff01;博主码字不易点个关注吧~~ 1.单选题(2分) 下列不属于简历撰写技巧原则的是&#xff08; A &#xff09; A.具体性 B.相关性 C.匹配性 2.单选题(2分) 笔试的下一步一般是:( B &…...

Docker镜像无法拉取问题解决办法

最近再学习RabbitMQ&#xff0c;需要从Docker镜像中拉取rabbitMQ&#xff0c;但是下拉失败 总的来说就是无法和docker镜像远程仓库建立连接 我又去尝试ping docker.io发现根本没有反应&#xff0c;还是无法连接找了许多办法还是没有办法解决&#xff0c;最后才发现是镜像问题&a…...

使用 HTML + JavaScript 实现文章逐句高亮朗读功能

在这个信息爆炸的时代&#xff0c;我们每天都要面对大量的文字阅读。无论是学习、工作还是个人成长&#xff0c;阅读都扮演着至关重要的角色。然而&#xff0c;在快节奏的生活中&#xff0c;我们往往难以找到足够的安静时间专注于阅读。本文用 HTML JavaScript 实现了一个基于…...

408第一季 - 数据结构 - 字符串和KMP算法

闲聊 这章属于难点但考频低 3个名词记一下&#xff1a;模式匹配&#xff0c;主串&#xff0c;字串&#xff08;模式串&#xff09; 举个例子 主串 aabaaaabaab 字串 aabaab 模式匹配 从主串找到字串 暴力解法 也是不多说 很暴力就是了 KMP算法 next数组 它只和字串有关 先…...

基于Flask框架的前后端分离项目开发流程是怎样的?

基于Flask框架的前后端分离项目开发流程可分为需求分析、架构设计、并行开发、集成测试和部署上线五个阶段。以下是详细步骤和技术要点&#xff1a; 一、需求分析与规划 1. 明确项目边界 功能范围&#xff1a;确定核心功能&#xff08;如用户认证、数据管理、支付流程&#…...

《影像引导下骨盆创伤手术的术前骨折复位规划:基于学习的综合流程》|文献速递-深度学习医疗AI最新文献

Title 题目 Preoperative fracture reduction planning for image-guided pelvic trauma surgery: A comprehensive pipeline with learning 《影像引导下骨盆创伤手术的术前骨折复位规划&#xff1a;基于学习的综合流程》 01 文献速递介绍 《影像引导下骨盆创伤手术的术前…...

MVC与MVP设计模式对比详解

MVC&#xff08;Model-View-Controller&#xff09;和MVP&#xff08;Model-View-Presenter&#xff09;是两种广泛使用的分层架构模式&#xff0c;核心目标是解耦业务逻辑、数据和界面&#xff0c;提升代码可维护性和可测试性。以下是它们的对比详解&#xff1a; MVC 模式&…...

uniapp 安卓 APP 后台持续运行(保活)的尝试办法

在移动应用开发领域&#xff0c;安卓系统的后台管理机制较为复杂&#xff0c;应用在后台容易被系统回收&#xff0c;导致无法持续运行。对于使用 Uniapp 开发的安卓 APP 来说&#xff0c;实现后台持续运行&#xff08;保活&#xff09;是很多开发者面临的重要需求&#xff0c;比…...

html表格转换为markdown

文章目录 工具功能亮点1.核心实现解析1. 剪贴板交互2. HTML检测与提取3. 转换规则设计 2. 完整代码 在日常工作中&#xff0c;我们经常遇到需要将网页表格快速转换为Markdown格式的场景。无论是文档编写、知识整理还是数据迁移&#xff0c;手动转换既耗时又容易出错。本文将介绍…...

Qt 5.12 上读取 .xlsx 文件(Windows 平台)

推荐最优方案&#xff1a;使用 QXlsx 库 QXlsx 是一个基于 Qt 的开源库&#xff0c;专门用于读写 .xlsx 文件&#xff0c;适用于 Qt 5.12&#xff0c;且无需依赖 Microsoft Excel 或 COM 对象。以下是其优势与实现步骤&#xff1a; 优势 跨平台&#xff1a;QXlsx 不依赖 Mic…...