Typora使用汇总(小白篇)-KLCode

Typora使用汇总(小白篇)

Typora编辑器设置(文件 > 偏好设置)

一、外观

这部分主要是想更改主题和添加背景图片。更改主题其实很简单，偏好设置中获取并下载网上的主题，将文件复制在主题文件夹中就行了，可以根据需要修改主题代码。

我基于night主题修改的，仅仅是修改了背景图片，借用了cobalt主题的背景图片。目前CSS只有找到窗口的宽度，没有高度，所以图片宽高大小我也不知道怎么定，有兴趣的研究一下自适应。首先root中直接设置opacity透明度会影响整体，所以用PS对图片透明度做了处理。其次需要删除root、html、body、write中的background，然后在root中添加以下代码。

	background: url(./night/splash.png);/*路径自己修改*/
	background-repeat: no-repeat;/*不重复平铺背景图片*/
	background-position: center;/*图片保持中心对齐*/
    background-attachment: fixed;/*网页滚动时，背景图片相对于浏览器的窗口而言，固定不动*/
	background-size: cover;/*全覆盖*/

最后在修改左边显示框的透明度，修改为0.9，可以看到一点就好了。

#typora-sidebar {
	opacity: 0.9;
    box-shadow: none;
    border-right: 1px dashed;
    border-right: none;
}

二、编辑器

三、图像

参考文章：Typora进阶（一）：PicGo+阿里云OSS部署Typora图床

四、Markdown设置

首行缩进我没选，可根据自己需求勾选，智能破折号是因为跟分割线冲突了，所以没选

五、导入导出

首先以windows为例，下载安装Pandoc，安装很简单，安装后重启一下就可以正常使用了。

六、扩展：自定义字体颜色快捷键

要使字体带有不同的颜色，有三种方式：

标签更改color属性**(推荐)**

<font color='red'>要改变的内容</font>

通过内联公式更改颜色**(字体大小变化，不推荐)**

$textcolor{Blue}{要改变的内容}$  /*颜色有特定的英文，具体使用可以自己查*/

直接进入调试模式，更改html代码字体style属性**(太麻烦，不推荐)**

问题描述：其中第一种比较方便，但是还是免不了要打代码，比较耗时间。

解决方案：使用AutoHotKey脚本语言自定义热键，生成exe程序在win10系统开机时自启动。

实现步骤：(首先需要学习基础的AHK语言知识，在之后介绍，不感兴趣的可以跳过)

下载AutoHotKey并安装(选择下载当前最新版本)

打开记事本，把如下内容复制粘贴(代码根据网上资源更改，可实现自定义颜色快捷键)

; Typora
; 快捷增加字体颜色
; SendInput {Text} 解决中文输入法问题

#IfWinActive ahk_exe Typora.exe
{
    ; alt+0 黑色
    !0::addFontColor("black")
  
    ; alt+1 红色
    !1::addFontColor("red")

    ; alt+2 橙色
    !2::addFontColor("orange") 

    ; alt+3 黄色
    !3::addFontColor("yellow")

    ; alt+4 绿色
    !4::addFontColor("green")

    ; alt+5 浅蓝色
    !5::addFontColor("cornflowerblue")

    ; alt+6 青色
    !6::addFontColor("cyan") 

    ; alt+7 紫色
    !7::addFontColor("purple")
}

; 快捷增加字体颜色
addFontColor(color){
    Send {ctrl down}c{ctrl up}
    SendInput {TEXT}<font color='%color%'> ;{Text} 解决中文输入法问题
    SendInput {ctrl down}v{ctrl up}
	if(clipboard == null)
        SendInput {TEXT}</font> ;clipboard为不空，不会自动补充标签
	else
	    SendInput {TEXT}</ ;clipboard为空，标签中间为空时会自动补充标签
	Return
}

将文件保存为ahk后缀的文件，TyporaHotKey.ahk，双击运行，便可以在Typora软件里使用快捷键
右键 MyHotkeyScript.ahk 脚本文件，点击Compile Script，直接点击convert编译脚本成exe程序，粘贴到系统自启动文件夹(C:\Users\Administrator\AppData\Roaming\Microsoft\Windows[开始]菜单\程序\启动)，开机自动生效也可以将程序在其他电脑运行而不需要下载AutoHotKey。

AHK脚本语言入门学习

AutoHotKey是一门Windows平台下的脚本语言，支持热键、热字符、Windows API，能够快捷或自动执行重复性任务，以下简单介绍一些基本用法（我也就捣鼓了一下:joy:，真学不完）

自定义热键、自定义热字串

热字串可用于扩展缩写、自动替换、启动脚本动作

[热键名称]::1行代码

[热键名称]::
代码行1
代码行2
...
代码行n
return

;将你输入的 ftw 转换为 Free the whales
::ftw::Free the whales

;将你输入的 btw 转换为 You typed "btw"
::btw::
   Send, You typed "btw"
Return

:*:btw::By the way  ; 替换 "btw" 为 "By the way" 而不需要按下终止符

符号

符号	描述
#	Win
!	Alt
^	Ctrl
+	Shift
&	合并两个按键（含鼠标按键）成为一个自定义热键
::	（两个英文冒号）起分隔作用
;	注释后面一行的内容
<	使用成对按键中左边的触发效果
>	使用成对按键中右边的触发效果
*	属于其他热键的一部分时也能触发，如*#c::Run Calc.exe，Win+C, Shift+Win+C, Ctrl+Win+C 等都会触发此热键
~	触发热键时，热键中按键原有的功能不会被屏蔽

关键字（大小写都可以）

关键字	含义
Run	用来启动一个程序、文档、URL 网址或快捷方式，如使用 AHK 内置变量来打开"我的文档" Run, %A_MyDocuments%
UP	跟在热键名后面，使得在释放按键时触发热键，而不是按下时
Numpad0	数字键0
Send	表示发送按键或一段字符，模拟打字或按键操作
Return	停止执行后面的代码
Msgbox	弹出对话框
Inputbox	弹出用户输入窗口
Sleep	休眠时间结束，再执行后面的代码
Click	鼠标点击

简单示例

#IfWinActive ahk_class ConsoleWindowClass
^v::
send %Clipboard%
return

; 模拟右键来粘贴
#IfWinActive ahk_class ConsoleWindowClass
^v::
MouseClick, Right, %A_CaretX%, %A_CaretY%,,0
send p  ;在右键菜单弹出来后，按下 p，即点击粘贴命令
return

#IfWinActive 是一个用来对特定窗口实现快捷键和热字符串的命令，ahk_class ConsoleWindowClass 是命令提示符的类名，可以用 ahk 自带的 Window Spy 获得。A_CaretX 是一个 ahk 自带的变量，它的值就是当前光标——特指那个文本框中一闪一闪的光标——的 X 坐标，但AHK 无法正确得到光标在 Firefox 下的坐标。

目录CONTENT

Typora使用汇总(小白篇)