欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1.介绍typora
 
  支持markdown语法的一款写作app 真的足够简洁高效
 
  2. typora和其他工具配合实现功能 如插入图片 截图 gif等等图库
 
  smms图库的使用 需要使用PicGo和smms图床
 
  必须使用图床的原因:因为typora只是个编辑工具而无法存储其他文件 要引用图片 那么需要事先吧图片存储到网络上 然后在typora中引用该图即可 所以需要存储图片的图床
 
  选择了smms图库 也可以选择其他的 还需要安装PicGo工具来帮助我们配置管理smms图库 并且在里面下载插件smms-user?为了保证正常运行还需要Node.js
 
  注册smms图库 获取token
 
  typora里面配置下 服务器端口 时间戳重命名 文件-偏好设置-图片 进行配置 然后测试上传 出现问题可以查看日志文件
 
  截图工具?Snipaste来截图和进行调整截图 配合smms图库来实现插入图片并自动上传到图库然后引用
 
  gif工具 GitCam?然后和正常插入图片一样轻松简单
 
  5.typora教程
 
  标题 (#+空格+标题内容 #数量越多越小) 空格很重要 不能省略 快捷键ctrl+1 ctrl+2 ctrl+3
 
  # 标题1
 
  ## 标题2
 
  ### 标题3
 
  #### 标题4
 
  ##### 标题5
 
  效果:
 
  标题1
 
  标题2
 
  标题3
 
  标题4
 
  标题5
 
  列表?有序列表?1.+空格 +内容?无序列表?*+空格+内容 还有?多选框
 
  1, 测试1
 
  2. 测试2
 
  3. 测试3
 
  * 测试1
 
  * 测试2
 
  * 测试3
 
  效果
 
  1, 测试1
 
  2. 测试2
 
  3. 测试3
 
  测试1
 
  测试2
 
  测试3
 
  多选框
 
  直接右键 选择图标第二行最后那个打勾的图标?就可以生成一个多选框
 
  [ ] 测试1
 
  [x] 测试2
 
  引用(
 
  < 引用内容
 
  效果:
 
  引用内容
 
  连接超链接 [链接文字] (链接地址)
 
  [163](
 
  结果
 
  还有一种内链 可以在当前文本内容跳转
 
  代码块
 
  三个反引号+对应语言名+回车即可 还可以输入对应的语言
 
  a = 12
 
  print(a)
 
  图像(和超链接差不多 就是前面多个叹号)
 
  表格(|标题1 |标题2 |标题3 +回车)
 
  | 姓名 | 年龄 | 性别 | 职业 | 地址 |
 
  姓名年龄性别职业地址
 
  1
 
  1
 
  1
 
  1
 
  1
 
  出现表格后 操作表格左上的按钮来控制表格的宽度高度 对齐方式等等
 
  加粗下划线斜体 删除线(直接用快捷键吧 省事)
 
  加粗?ctrl+b
 
  斜线?ctrl+i
 
  下划线?ctrl+u
 
  删除线?alt+shift+5
 
  分割线(习惯---三个然后回车就会出现分割线)
 
  转义
 
  其实有很多其他快捷的方式
 
  段落 按钮点开 可以看到大部分的添加这些元素的快捷方式
 
  直接在编辑区点击鼠标右键?也可以直观的使用
 
  常用快捷键汇总
 
  1.字体加粗:ctrl+b
 
  2.标题:ctrl+数字(1-6)表示1到6级标题
 
  3.字体斜体:ctrl+i
 
  4.下划线:ctrl+u
 
  5.删除线:alt+shift+5
 
  6.引用:>+空格
 
  7.插入代码:——java,可以选择插入什么,例如——xml,插入的就是xml格式
 
  8.分割线:***或者---
 
  9.居中显示:
 
  数据字符
 
  10.插入表格:ctrl+t
 
  11.大纲模式:ctrl+shift+1
 
  12.选中当前行:ctrl+L,遇到句号就结束。
 
  13.进入源码格式:ctrl+/,再次按退出源码格式
 
  14.选中单词:ctrl+d
 
  15.选中相同格式的文字:ctrl+e
 
  16.查找:ctrl+f
 
  17.替换:ctrl+h
 
  18.生成目录:[TOC]/[toc]
 
  19.插入表情::+单词:
 
  20.插入超链接:ctrl+k
 
  21.插入图片:![]()
 
  22.插入注释:[^文字]:注释说明
 
  23.插入任务列表复选框:-+[ ]+空格或者++[ ]+空格
 
  6.typora和博客园的设置
 
  博客园设置里面默认编辑器为markdown即可
 
  然后在typora切换到源代码模式 复制源代码到博客园的markdown编辑器中发布即可
 
  以上内容都是截取的点-滴大佬的,原网页在这

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h62405.shtml