typora安装与使用

typora安装与介绍
typora画时序图、饼图、状态图等
typora设置/修改主题
typora整合阿里云oss实现图片管理
typora整合gitee生成图库

# typora安装与介绍

markdown的编辑软件，可以非常方便地导出成html、pdf等文件， typora主题丰富，美观大气。

非常方便记录笔记、写作。

1、下载地址：https://www.typora.io/#windows

主题： http://theme.typora.io/

2、常用（偏好）设置：

图片自动保存到当前目录
代码块显示行号
图片自动保存到picgo服务器

# typora画时序图、饼图、状态图等 (opens new window)

# typora设置/修改主题

在主题目录下，建立对应的css样式，名称为 XXX.user.css
视图 -- 开发者工具查看主题对应位置的样式，将要修改的代码放入 XXX.user.css中即可

typora主题 (opens new window)推荐：blubook (opens new window) vue (opens new window) gitbook (opens new window)

/**
    blubook.user.css
	更改宽度 
	width: 90%;
    max-width: 700px;
*/
#write {
    width: 95%;
    max-width:100%;
}

/**
 background: #f5f7f9 !important;
*/
code { /** 依照gitlab主题 */
    padding: 2px 4px;
    color: #c0341d;
    background-color: #fbe5e1;
    border-radius: 4px;
}

/**
font-size: 90% !important;
*/
code,
pre{
	font-size: 95% !important;
}

#write .CodeMirror-wrap .CodeMirror-code pre {
    padding-left: 5px;  /* 设置代码块左边距，默认是30px */
}