【Typora】実践的なスキル

記事ディレクトリ

序文

Typoraエディターを使用する過程で使用したいくつかの実践的なスキルを共有してください。新しいスキルは後で更新され続けます。

ブログを編集するときに空白行を挿入する

 ：現在の空白行に追加します（注：セミコロンをお見逃しなく）
<br />：前の行の最後に追加

より多くの色

AutoHotkeyカスタムテキストの色

AutoHotkeyは、Windowsプラットフォームでのホットキースクリプト言語プログラムです。ウィンドウトップ、クイック入力、クイック操作などのさまざまな機能を実現でき、カスタムスクリプトを介して多くの迅速で自動化された操作を実現でき、グラフィカルインターフェイスプログラムを作成することもできます。リソースはほとんど必要ありません。GaoTools、公式Webサイト： https://www.autohotkey.com/

ダウンロード後、新しいMyHotkeyScript.txtテキストファイルを作成し、次のコンテンツを開いてコピーします。

#IfWinActive ahk_exe Typora.exe
{
    
    
    !0::addFontColor("black")
    !1::addFontColor("red")
    !2::addFontColor("orange") 
    !3::addFontColor("yellow")
    !4::addFontColor("green")
    !5::addFontColor("cornflowerblue")
    !6::addFontColor("cyan") 
    !7::addFontColor("purple")
}
addFontColor(color){
    
    
    clipboard := "" 
    Send {
    
    ctrl down}c{
    
    ctrl up} 
    ; SendInput {
    
    Text} 
    SendInput {
    
    TEXT}<font color='%color%'>
    SendInput {
    
    ctrl down}v{
    
    ctrl up}
    If(clipboard = ""){
    
    
        SendInput {
    
    TEXT}</font>
    }else{
    
    
        SendInput {
    
    TEXT}</ 
    }
}
; 分号以及分号后的内容代表注释，以下为代码解释
#IfWinActive ahk_exe Typora.exe
{
    
    
	; alt+0 红色
    !0::addFontColor("black")
    ; alt+1 红色
    !1::addFontColor("red")
    ; alt+1 橙色
    !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){
    
    
    clipboard := "" ; 清空剪切板
    Send {
    
    ctrl down}c{
    
    ctrl up} ; 复制
    ; SendInput {
    
    Text} ; 解决中文输入法问题
    SendInput {
    
    TEXT}<font color='%color%'>
    SendInput {
    
    ctrl down}v{
    
    ctrl up} ; 粘贴
    If(clipboard = ""){
    
    
        SendInput {
    
    TEXT}</font> ; Typora 在这不会自动补充
    }else{
    
    
        SendInput {
    
    TEXT}</ ; Typora中自动补全标签
    }
}

次に、ファイル名をに変更し、ファイルをMyHotkeyScript.ahkダブルクリックして[AutoHotkeyで実行]を実行し、Typoraを再起動して使用します。

引用符で囲まれた段落の色を変更する

引用符で囲まれた段落を変更し、テキストの色を強調表示する手順：

右クリック->要素の検査
ポップアップページで、左上隅にある矢印の付いたオプションをクリックしSelect an element in the page to inspect it、元のテキストに戻って、引用された段落に移動しますblockquote
次に、次の図に示すように色を変更し、色のHEX値（＃4db7d4など）を変更することを忘れないでください。

次に、テーマファイル（github.cssなど）を開き、次のコードセグメントを見つけて、変更した色のHEX値を更新します。

blockquote {
    
    
    border-left: 4px solid #62bfd8;
    padding: 0 15px;
    color: #75716c;
}

その後、Typoraを再度開くと完了です。

Webビデオを挿入

Typoraは強力なMarkdownエディターであり、WebビデオをTypora内に直接挿入し、Typora内で直接視聴するのに十分強力です。

実際には、次のようなHTMLコードを挿入する必要があります。

<iframe src="//player.bilibili.com/player.html?aid=35579542&bvid=BV1Yb411c7Hi&cid=62389005&page=1" width="300" height="500" scrolling="no" border="10" frameborder="no" framespacing="no" allowfullscreen="true"> </iframe>

効果は次のとおりです。
重要なのは、ビデオに対応する埋め込みコードを見つけることです。たとえば、ステーションbのビデオの埋め込みコードは次のとおりです。

次に、埋め込まれたビデオのサイズ、幅、高さの変更など、上記のHTMLコードに従って直接変更します。

カスタム挿入画像

画像の幅を50％、高さを70％、位置を左に拡大縮小します。パスが間違っていて画像が表示されない場合は、「画像名」が表示されます。
- align =left/>左の後にスペースがあります
- 整列を設定しないでください。デフォルトは中央に配置されます

<img src="images\demo.png" width="50%" height="70%" alt="图片名称" align=left />

画像の幅と高さを600pxと370pxに設定し、右側に表示します。パスが間違っていて画像が表示されない場合は、「画像名」が表示されます。

<img src="images\demo.png" width = 600px height = 370px alt="图片名称" align=right />

相対パス

<img src = "images\demo.png" width="700px">

絶対パス

<img src = "C:\Users\lenovo\Desktop\images\demo.png" width="700px">

カスタムエクスポートPDF

フォントサイズを調整するには、使用しているテーマファイル（github.cssなど）に次のコードをコピーします。

/* 修改导出的PDF中内容的格式(字体、图片等) */
@media print {
    
     /* 原CSS中有该属性，添加部分内容或修改部分内容即可 */
    html,
    body {
    
     /* PDF中，源码字体和内容字体的大小 */
        font-size: 12px;
    }
    table,
    pre {
    
    
        page-break-inside: avoid;
    }
    pre {
    
    
        word-wrap: break-word;
    }
}