美文网首页
用 Typora 编写博客

用 Typora 编写博客

作者: Curry_Neymar | 来源:发表于2020-10-08 16:24 被阅读0次

用 Typora 编写博客

Typora 是一款流行的 Markdown 编辑器,不完美,内容多了会卡;这货是免费的!

Markdown

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档

Markdown 编写的文档后缀为 .md, .markdown

Markdown 标题

先输入两个#号,再输入一个空格和标题的文字,再回车

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

提升或降低标题级别:ctrl+=、ctrl+-、ctrl+数字(小键盘上的不好使)

关于标题的内容,一个心得:把关键词放上去

Markdown 段落

摸索发现:回车了就是新的段落了,一直不回车的话,直到一行都结束,下一行开始了,该段落的每一行都是紧凑的。

字体

有三种形式:斜体粗体斜体加粗体

怎么搞出来的呢?前后加一颗星、两颗星、三颗星(或者不加星而加下划线)

实际写的时候用快捷键:斜体ctrl+i、粗体ctrl+b

骚操作:下划线ctrl+u、删除线ait+shift+5

也可以鼠标点击格式菜单选项,另外源代码模式也可以看出格式写法

分割线

三个以上的星号或井号或下划线都可以搞出一个分割线来

如这行字的上方,只是有些不明显,后面自定义好看点的

脚注

就是鼠标放上去后,弹出框中提示的内容

怎么搞出来呢?鼠标操作→段落→脚注

[RUNOOB] 菜鸟教程 -- 学的不仅是技术,更是梦想!!!

Markdown 列表

无序列表:星号或加号或减号,加上一个空格,加上内容

星号可以

加号和减号也可以,但是怎么结束这个列表的编辑呢?答案是ctrl+[

有序列表:数字加上点号加空格加内容

可以成功

同样的问题,怎么退出这个列表编辑状态呢?答案是ctrl+[

四个空格等价

有序列表和无序列表可以进行嵌套

Markdown 区块

引用、说明、PS

三月七日,沙湖道中遇雨,雨具先去,同行皆狼狈,余独不觉。已而遂晴,故作此词。

怎么搞出来的呢?尖括号加空格。这个颜色可以自定义好看点的

里边可结合列表使用,这样让列表看起来舒服点

Markdown 代码

$(document).ready(function() {

alert('RUNOOB');

});

怎么搞成这么优美的样子呢?①直接按tab键后粘贴代码再填语言类型,或②先按三下反引号填语言再粘贴代码,或③也可以不管语言直接粘贴代码

Markdown 链接

有两种形式:

中括号 接 括弧 形式,前者是名称 后者是链接地址

或者

<链接地址>

Markdown 图片

感叹号加中括号加括弧,中括号内为图片名称,括弧内为图片路径

设置smms图床(qq邮箱),不行再试试这里

但是有个问题,服务器图片满了咋整~

Markdown 表格

使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行

|  表头   | 表头  |

|  ----  | ----  |这一行配合冒号使用可以控制对齐格式

| 单元格  | 单元格 |

| 单元格  | 单元格 |

表头表头

单元格单元格

单元格单元格

Markdown 高级技巧

\转义字符

去掉特殊含义

快捷键

组合键作用

ctrl+shift+i插入图片

ctrl+k插入链接

ctrl+t插入表格

ctrl+L选中当前行

ctrl+d选中单词

ctrl+h替换

一些好玩的:全屏模式、专注模式、打字机器模式

Markdown 画图

具体怎么玩还要进一步研究

横向流程图源码格式

a=1a=2方形圆角条件a结果1结果2横向流程图

竖向流程图源码格式

a=1a=2方形圆角条件a结果1结果2竖向流程图

标准流程图源码格式

开始框处理框判断框(是或否?)输入输出框结束框子流程yesno

UML时序图源码样例

对象A对象A对象B对象B对象B你好吗?(请求)对象B的描述对象A的描述(提示)我很好(响应)你真的好吗?

UML时序图源码复杂样例

标题:复杂使用对象A对象A对象B对象B小三小三CC对象B你好吗?(请求)对象B的描述对象A的描述(提示)我很好(响应)你好吗对象B找我了你真的好吗?我们是朋友没人陪我玩

UML标准时序图样例

张三李四王五王五你好吗?与疾病战斗loop[ 健康检查 ]合理 食物看医生...很好!你怎么样?很好!张三李四王五

甘特图样例

2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-212014-01-23需求原型UI设计未来任务学习准备理解需求设计框架开发未来任务耍功能测试压力测试测试报告设计开发测试软件开发甘特图

Typora 设置

修改设置,根据习惯来

修改主题的css

找到需要修改的位置

修改

/*

blockquote {

   border-left: 4px solid #dfe2e5;

   padding: 0 15px;

   color: #777777;

}

*/

blockquote{

border-left:4pxsolid#62ca38;

padding:015px;

color:#777777;

}

编辑完成

目测 markdown 已经是趋势,很多博客都会支持 markdown,但是感觉兼容性不好,编辑完成可以导出很多格式(用Pandoc);放到云上是最对劳动成果的最好保护,保存原始手稿,或者发布到支持 markdown 的博客;电脑最近经常死机蓝屏,要记得随时保存放到百度云~

csdn、简书、博客园 貌似都支持 markdown 了

发布博客

直接将本地编辑好的内容拷贝上去即可,但是渲染还是会有很多问题(有的画图渲染不起:甘特图、时序图、流程图;有的区块渲染也有问题)

看来博客园还是使用以往的方式编辑好,只能一篇博客编辑两次了!!本地的内容自行保存备份…

相关文章

网友评论

      本文标题:用 Typora 编写博客

      本文链接:https://www.haomeiwen.com/subject/csvvghtx.html