拓展提升-Markdown与Typora

20221009_拓展提升-Markdown与Typora

202302更新: 新增markdown浏览器预览及转换为PDF格式方法

在我在一位IT老师那边看到Markdown笔记第一眼起, 我就被这种书写简单格式多变的笔记体吸引. 结合编辑器typora, Markdown如虎添翼,是我眼中最好的笔记格式.本文主要记录Markdown&Typora的常用操作

Markdown工具

购买激活Typora

Typora目前已经进入付费时代,89米即可无限期使用,同时可在3台设备使用.下载发行版本Typora, 会自动弹出Typora中文站link

关于激活

当我们在官网购买过Typora之后, 我们可以通过邮箱拿到License.此时我们有2种手段进行激活, License激活以及 Token激活. 最大的不同点, Token激活后半年内不能反激活.

激活中可能遇到的问题

Typora License激活以及token获取,都是走Typora海外服务器, 经常激活失败或者无法打开页面.我推荐使用魔法解决这个问题

反激活

点击帮助->我的许可证， 取消激活即可

使用Edge预览转换Markdown

win10自带浏览器Edge查看Markdown.md文件 - PHP123net - 博客园 (cnblogs.com)

(4 封私信 / 7 条消息) 如何把 Markdown 文件转化为 PDF？ - 知乎 (zhihu.com)

graph LR 
Edge或者Chrome下载Markdown插件-->配置插件权限-->打开预览md文档-->ctrl+p页面保存为PDF文档

Markdown使用技巧

给文档添加文档信息

使用hexo new生成的文档自带front matter, 也可使用—自行添加

--- # 在文档最开头输入---, md会自动生成一个front matter,在内部填写yaml格式的文档信息即可
title: 在云服务器使用flask搭建mock-server
date: 2022-6-10 23:22:00
categories: Testing
tags: ["flask","mock-server","python"]
description: 云服务器使用flask搭建mock-server
---

使用mermaid制作实时流图

1. 加入代码块,代码块语言选择mermaid

2. 首行标记流图类型 , 如graph TD

3. 加入流图语言

   下面展示2中常用绘图,可点击绘图查看代码

   • graph

     graph 后边接逻辑图方向, 如从上到下就是TD,从左到右就是LR

     graph TD
     加入代码块 --> 语言选择mermaid --> C(首行标记流图类型:选择流图类型);
     C --> 加入流图语言1
     C --> 加入流图语言2
     C --> ...
     subgraph 加入子图
     end

     展示效果:

          graph TD
     加入代码块 --> 语言选择mermaid --> C(首行标记流图类型:选择流图类型);
     C --> 加入流图语言1
     C --> 加入流图语言2
     C --> ...
     subgraph 加入子图
      加入流图语言1-->流图语言1_1
      加入流图语言2
     end

   • sequenceDiagram

     语法格式:

     <pre class="mermaid">         sequenceDiagram 
     产品 ->> 开发: 来需求了
     产品 ->> 测试: 快写用例
     开发 ->> 测试: 提测了
     测试 ->> 开发: 测试通过
     测试 ->> 产品: 开始验收吧</pre>
        

     展示效果:

     ```

        sequenceDiagram 
     产品 ->> 开发: 来需求了
     产品 ->> 测试: 快写用例
     开发 ->> 测试: 提测了
     测试 ->> 开发: 测试通过
     测试 ->> 产品: 开始验收吧