Typora 使用技巧

替代软件

最近用了一段时间retext,缺点是不支持一些字符,例如µs,保存时会变成?,刚才新建了一个文件,发现没有问题,于是是不兼容之前文件编码的原因!?

《原本》卷10定义3中区分了ῥητός线和ἄλογος线,即有理线段和无理线段。ῥητός本意为「确定的、可言说的、可表达的」,ἄλογος是λόγος加上了否定前缀α-形成的形容词。λόγος在《原本》作名词「比例」用,但该名词还有「言语;原因;计算」等含义。

不是µs的原因,而是上面复合音节的原因!

retext在windows下是python程序,但占用资源很少,关键是支持部分markdown的快速编辑和预览功能,如果真是熟练到不需要语法、快捷键、预览的话,可以使用flashpad,单纯的多页面自动保存的记事本!

问题

Win10下,第三方输入法无法跟随,edge也是如此。
但很妙的是,加上打字模式,不能跟随的窗口固定就好,但这不否定他是基于类似edge的UI技术,对大部分输入法不友好

技巧

在熟练使用快捷键前,不要开启简洁模式

简洁模式看不到菜单,看不到快捷输入的方法,看不到开启侧边栏的快捷键,所以先在菜单模式下熟悉了快捷键,再开启简洁模式!

回车的组合键

Shift+Enter: 下一行紧挨着这一行/可在一个表格内回车
Ctrl+Enter: 下一行新段落/自动追加表格行

勾选框

  • - Alt->: move to the end of the input region. Alt-Shift-. 光标跳至语句块末

  • - Alt-. | Alt-Shift--: 在当前位置输入之前的语句

选中段落,右键勾选框,很方便做标记

自定义代码块

在这里插入图片描述

在这里插入图片描述
因为目前所用版本,并没有代码块记忆功能,频繁使用代码块的话,很苦恼

很多输入法中有自定义短语,我之前是在FlashPad这个编辑器中搭配华宇拼音的自定义短语来快速输入python代码块的,但是Typora不使用输入法生成的字符串中的回车,这又很苦恼,最后在其他文章中发现Typora只需要第一行,然后回车即可生成代码块,方便~

人性化的视图模式

多试试~

这样眼球轻松些,脖子嘛,如果已经有问题了,会轻松些,如果没有问题的话,不要使用打字模式了

不习惯的格式?修改主题

在这里插入图片描述
在这里插入图片描述
我觉得这个主题的设置挺好,于是换了,结果这标题跑到了中间,很不习惯
关于主题
主题站
在这里插入图片描述
Scrolls
在这里插入图片描述

Github Night
在这里插入图片描述

Nord
在这里插入图片描述

Panda
在这里插入图片描述

Drake
在这里插入图片描述

Fluent
在这里插入图片描述

Rubrication
在这里插入图片描述

Gitbook
在这里插入图片描述

Autumnus
在这里插入图片描述

Light Monokai
在这里插入图片描述

Purple
在这里插入图片描述

Maize
在这里插入图片描述

Blubook
在这里插入图片描述

Mo
在这里插入图片描述

Notes Dark
在这里插入图片描述

Blacklines
在这里插入图片描述

Torillic
在这里插入图片描述

Whitelines
在这里插入图片描述

OrangeHeart
在这里插入图片描述

interface
在这里插入图片描述

Saffron
在这里插入图片描述

Inside
在这里插入图片描述

Vintage
在这里插入图片描述

NexT
在这里插入图片描述

uyghurqe
在这里插入图片描述

softgreen
在这里插入图片描述

Pie
在这里插入图片描述

OneDark
在这里插入图片描述

Xydark
在这里插入图片描述

Cobalt
在这里插入图片描述

Gitlab
在这里插入图片描述

JAMstatic
在这里插入图片描述

Paper
在这里插入图片描述

Turing
在这里插入图片描述

Middle East
在这里插入图片描述

Ursine
在这里插入图片描述

Refine
在这里插入图片描述

Misty
在这里插入图片描述

techo
在这里插入图片描述

Law
在这里插入图片描述

Onigiri
在这里插入图片描述

Lavender
在这里插入图片描述

Quartz
在这里插入图片描述

Vue
在这里插入图片描述

Scribble
在这里插入图片描述

Barfi
在这里插入图片描述

Lostkeys
在这里插入图片描述

Academic
在这里插入图片描述

Han
在这里插入图片描述

Solarized
在这里插入图片描述

Dropbox
在这里插入图片描述

Ash
在这里插入图片描述

Catfish
在这里插入图片描述

Minimalism.
在这里插入图片描述

Engwrite
在这里插入图片描述

Monospace
在这里插入图片描述

Gothic
在这里插入图片描述

Pixyll
在这里插入图片描述

Night
在这里插入图片描述

Newsprint
在这里插入图片描述

Github
在这里插入图片描述

Whitey

其他编辑器

找个离线的MarkDown作为临时的博客编辑器,再复制到CSDN博客,因为文章太长,CSDN hold不住。

先介绍用过的编辑器的一些问题

1、CSDN 引用有问题,文章长会变慢
2、MarkDownPad2 免费和付费,自动保存功能是付费的,资源占用是最少的,但是安装包以及所需组件不小,没有中文
3、haroopad,开始我选择了他,有中文,资源占用好过Typora,但是之后发现引用也有些问题,虽然不影响使用吧,但是还是试一下Typora
4、Typora,界面很简洁,视图有几个编辑模式很人性化,但是代码块有些问题,快捷键调用的代码块没有类型,我之前一直用紫光华宇的自定义短语,但是仅在Typora中把短语中的回车省略掉了,总之这方面不完善
5、在此之前用的是FlashPad,多页面、自动保存的记事本,小巧快捷,但因为是单纯的记事本,加之CSDN的引用不好使,于是写了个添加引用的脚本,但是FlashPad中显示不正常,虽然复制到CSDN中是想要的效果,总之一致这么凑活用了一段时间,有点是不怎么吃资源。

推荐主题maize.css

/* Fira Code */
@font-face {
    
    
  font-family: 'Fira Code';
  font-style: normal;
  src: local('Fira Code'), url('maize/FiraCode-Regular.ttf') format('ttf');
}

/* 全局属性 */
:root{
    
    
  --select-text-bg-color: #e49123;
  --bg-color:  #fafafa;                   /*change background*/
  --text-color: #333333;                  /*change text color*/
  --md-char-color: #C7C5C5;               /*change color of meta characetrs like `*` in markdown */
  --meta-content-color: #5b808d;          /*change color of meta contents like image text or link address in markdown */

  --primary-color: #428bca;               /* color of primary buttons */
  --primary-btn-border-color: #285e8e;
  --primary-btn-text-color: #fff;

  --window-border: 1px solid #eee;        /*border for sidebar, etc*/

  --active-file-bg-color: #eee;           /*background color if list item in file tree or file list*/
  --active-file-text-color: inherit;
  --active-file-border-color: #777;

  --side-bar-bg-color: var(--bg-color);     /*change background of sidebar*/
  --item-hover-bg-color: rgba(229, 229, 229, 0.59); /*background of control items when hover, like menu in sidebar*/
  --item-hover-text-color: inherit;
  --monospace: monospace;                   /*monospace font for codes, fences*/
}
::selection {
    
    
	background:#b981d1;
	color:white
}
::-moz-selection {
    
    
	background:#b981d1;
	color:white
}
::-webkit-selection {
    
    
	background:#b981d1;
	color:white
}

#write {
    
    
  max-width: 914px;
  font-size: 16px;
  text-align: left;
  letter-spacing: 0px;
  font-family: "Fira Code", "微软雅黑","PingFang SC", "Microsoft YaHei", sans-serif;
}

/*段落*/
#write p {
    
    
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
  line-height: 26px;
  color: black;
}

/*  todo item 对齐 */
#write input[type="checkbox"] {
    
    
  margin-top: calc(1em - 2px);
  margin-right: 5px;
  left: -3px;
}

/*标题*/
#write h1,
#write h2,
#write h3,
#write h4,
#write h5,
#write h6 {
    
    
  margin: .72em 0;
  padding: 0px;
  font-weight: bold;
  color: black;
}
#write h1 {
    
    
  margin: 1.2em 0;
  font-size: 2rem;
  /* text-align: center; */
}
#write h2::before{
    
    
  content: "✔";
  font-weight: bold;
  color: #ffb11b;
  margin-right: 4px
}
#write h2 {
    
    
  font-size: 1.7rem;
  margin: 1em 0;
}
#write h2 span {
    
    
 font-weight: bold;
 color: #333;
 padding: 3px 10px 1px;
}

#write h3 {
    
    
  font-size: 1.5rem;
}
#write h4 {
    
    
  font-size: 1.25rem;
}
#write h5 {
    
    
  font-size: 1rem;
}
#write h6 {
    
    
  font-size: 1rem;
}

/* 列表 */
#write ul,
#write ol {
    
    
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 40px;
  color: black;
}
#write ul {
    
    
  list-style-type: disc;
}
#write ul ul {
    
    
  list-style-type: square;
}
#write ol {
    
    
  list-style-type: decimal;
}
/* 列表内容 */
#write li section {
    
    
  font-size:15px;
}

/* 字体加粗 */
/* #write strong::before {
  content: '「';
} */

#write strong {
    
    
  color: #E49123;
  font-weight: bold;
}

/* #write strong::after {
  content: '」';
} */

/*引用*/
#write blockquote {
    
    
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 10px 10px 10px 20px;
  font-size: 0.9em;
  background: #fff9f9;
  border-left: 3px solid #ffb11b;
  color: #6a737d;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#write blockquote p {
    
    
  line-height: 26px;
}

/* 超链接 */
#write a {
    
    
  text-decoration: none;
  font-weight: bold;
  color: #E49123;
  border-bottom: 1px solid #E49123;
}

/* 分割线 */
#write hr {
    
    
  height: 1px;
  padding: 0;
  border: none;
  text-align: center;
  background-image: linear-gradient(to right,rgba(231, 93, 109,0.3),rgba(255, 159, 150,0.75),rgba(255, 216, 181,0.3));
}

/* background-color 由 rgba 转为 HEX*/
#write code{
    
    
  font-size: 14px;
  color:  rgb(235, 76, 55);
  background-color: #f0f0f0;
}

/* 行内代码 */
#write p code,
#write span code,
#write li code {
    
    
  word-wrap: break-word;
  padding: 2px 4px;
  border-radius: 4px;
  margin: 0 2px;
  word-break: break-all;
}

/* 文章插图 */
#write img {
    
    
  display: block;
  margin: 0 auto;
  width: 85%;
  max-width: 100%;
  border-radius: 5px;
  box-shadow:0px 4px 12px #84A1A8;
  border: 0px;
}

#write table tr {
    
    
  border: 0;
  border-top: 1px solid #ccc;
  background-color: white;
}
#write table tr:nth-child(2n) {
    
    
  background-color: #F8F8F8;
}
#write table tr th,
#write table tr td {
    
    
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-align: left;
}
#write table tr th {
    
    
  font-weight: bold;
  background-color: #f0f0f0;
}


/* 上角标 */
#write .md-footnote {
    
    
 font-weight: bold;
 color: #E49123;
}
#write .md-footnote > .md-text:before {
    
    
 content: '['
}
#write .md-footnote > .md-text:after {
    
    
 content: ']'
}


/* 下角标 */
#write .md-def-name {
    
    
  padding-right: 1.8ch;
}
#write .md-def-name:before {
    
    
  content: '[';
  color: #000;
}
#write .md-def-name:after {
    
    
  color: #000;
}


/* 代码块主题 */
code, .md-fences {
    
    
	padding: .5em;
	/* border: 1px solid #ccc; */
	padding: .1em;
	border-radius: 5px;
	margin-left: 0.2em;
  margin-right: 0.2em;
  font-family: "Fira Code", "微软雅黑","PingFang SC", "Microsoft YaHei", sans-serif;
}
.md-fences {
    
    
  margin: 0 0 20px;
  background-color: #292b35;
  color: rgb(236, 236, 236);
	/* font-size: 1em; */
	padding: 0.3em 1em;
  padding-top: 0.4em;
  box-shadow: 0px 4px 9px grey;
}
.CodeMirror div.CodeMirror-cursor {
    
    
  margin-left: 4.6px;
  border-left: 1px solid #7ba0f0;
  z-index: 5;
}
.cm-s-inner div.CodeMirror-selected {
    
    
  background: rgba(113, 124, 180, 0.2);
}
.CodeMirror-code{
    
    
  margin-left: 5px;
}
.cm-s-inner .cm-keyword {
    
    
  color: #c792ea;
  font-weight: 450;
}
.cm-s-inner .cm-operator {
    
    
  color: #89ddff;
}
.cm-s-inner .cm-variable-2 {
    
    
  color: #eeffff;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
    
    
  color: #f07178;
}
.cm-s-inner .cm-builtin {
    
    
  color: #ffcb6b;
}
.cm-s-inner .cm-atom {
    
    
  color: #f78c6c;
}
.cm-s-inner .cm-number {
    
    
  color: #ff5370;
}
.cm-s-inner .cm-def {
    
    
  color: #82aaff;
}
.cm-s-inner .cm-string {
    
    
  color: #c3e88d;
}
.cm-s-inner .cm-string-2 {
    
    
  color: #f07178;
}
.cm-s-inner .cm-comment {
    
    
  color: #676e95;
}
.cm-s-inner .cm-variable {
    
    
  color: #f07178;
}
.cm-s-inner .cm-tag {
    
    
  color: #ff5370;
}
.cm-s-inner .cm-meta {
    
    
  color: #ffcb6b;
}
.cm-s-inner .cm-attribute {
    
    
  color: #c792ea;
}
.cm-s-inner .cm-property {
    
    
  color: #c792ea;
}
.cm-s-inner .cm-qualifier {
    
    
  color: #decb6b;
}
.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
    
    
  color: #decb6b;
}
.cm-s-inner .cm-error {
    
    
  color: rgba(255, 255, 255, 1);
  background-color: #e9405c;
}

/*流程图样式*/
pre[lang='sequence'],
pre[lang='flow'],
pre[lang='mermaid']
{
    
    
  background: #ffffff;
  color: #333333;
}

猜你喜欢

转载自blog.csdn.net/jhsxy2005/article/details/113822540