用 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 图片
感叹号加中括号加括弧,中括号内为图片名称,括弧内为图片路径
但是有个问题,服务器图片满了咋整~
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 了
发布博客
直接将本地编辑好的内容拷贝上去即可,但是渲染还是会有很多问题(有的画图渲染不起:甘特图、时序图、流程图;有的区块渲染也有问题)
看来博客园还是使用以往的方式编辑好,只能一篇博客编辑两次了!!本地的内容自行保存备份…
网友评论