0%

对Typora的探索

好软件

数学公式的表示

https://blog.csdn.net/alwaysrun/article/details/115830269

https://zhuanlan.zhihu.com/p/261750408

插入超链接

图片插入超链接

1
[![](https://liuliutuku.oss-cn-hangzhou.aliyuncs.com/tupian0/wallhaven-9mjw51.png)

文章内插入超链接

1
[全国图书参考咨询联盟](http://www.ucdrs.superlib.net/)

我的全国图书参考咨询联盟
我的 [我]: “https://cunko.github.io/index.html#articles

经常使用的网站有Googlecsdn以及博客园
csdn是一个不错的网站

1
2
3
[Google][1]
[网站][]

Markdown 脚注

https://m.imooc.com/wiki/markdownlesson-markdownfootnote

这是一段放大文本

1
2
<big>这是一段放大文本</big>
<small>这是一段缩小文本</small>

这是一段缩小文本

这是一段放大文本

多彩文本

这是一段橘色文本

1
<font color=orange>这是一段橘色文本</font>

这是一段加粗的水鸭色文本

1
<font color=teal>**这是一段加粗的水鸭色文本**</font>
python共有六大基础数据类型:分别是数值,字符串,列表,元组,字典,集合。
1
<table><tr><td bgcolor="#ADD8E6">python共有六大基础数据类型:分别是数值,字符串,列表,元组,字典,集合。</td></tr></table>
python共有六大基础数据类型:分别是数值,字符串,列表,元组,字典,集合。
1
<table><tr><td bgcolor="#ADD8E6">python共有六大基础数据类型:分别是数值,字符串,列表,元组,字典,集合。</td></tr></table>

Emoji

用一对 : 包裹,里面是 Emoji 符号的 语义化文本 ( Typora编辑器 中,输入 : 就会带提示器 )

  • Windows系统 用户 win + . 就可以输入 Emoji 了
1
2
:smile:
:sweat:

:smile:

:sweat:

空格

  • 可以使用 HTML中 空格字符实体

  •  &nbsp
    
    1
    2
    3
    4
    5
    6
    7

    - 若要添加 **多个** 空格,就输入多个

    这里有 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;6个空格分隔

    ## 换行

    <br>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15

    00<br>22<br>

    33<br>

    44<br>

    55

    ## 嵌入

    ### 嵌入音频

    - 嵌入都是依赖 **HTML标签** 实现的

    <audio controls="controls" preload="none" src="音频链接地址"></audio>
    1
    2
    3
    4
    5

    <audio controls="controls" preload="none" src="音频链接地址"></audio>

    ### 嵌入视频

    <video width="600" height="420" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> </video>
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15

    <video width="600" height="420" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> </video>

    - width ( 宽度 ) height ( 高度 ) ,可以自己设置,直接输入数字即可,单位默认是 px(像素)
    也可以使用 **百分比**
    **`width=100%`** 代表水平撑满整个窗口
    **`height=50%`** 代表垂直撑满半个窗口
    - **Video标签** 支持的视频格式 :MP4 ogg webm



    ## markdown里的标题居中显示

    Markdown 不能直接设置标题居中,但是可以通过将标题放在一个 div 元素中,然后使用 CSS 设置 div 的 text-align 属性为 center 来实现标题居中的效果。

    <div style="text-align: center;"> <big><big><big># 这是一个居中的加大标题 </big></big></big> </div>
    1
    2
    3

    <div style="text-align: center;"> <big><big><big># 这是一个居中的加大标题 </big></big></big> </div>

    <div style="text-align: center; font-weight: bold; font-size: 28px;"> # 这是一个居中的加粗标题 </div>

<div style="text-align: center; font-weight: bold; font-size: 28px;"> # 这是一个居中的加粗标题 </div>



> The posts' _layout_ has been set to `post` by default, so there is no need to add the variable _layout_ in the Front Matter block.
> {: .prompt-tip }



> The benefit of reading the author information from the file `_data/authors.yml`{: .filepath } is that the page will have the meta tag `twitter:creator`, which enriches the [Twitter Cards](https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#card-and-content-attribution) and is good for SEO.
> {: .prompt-info }



> Once the position is specified, the image caption should not be added.
> {: .prompt-warning }