Typora 導出設置以及讓 Typora 更 R Markdown 友好


作為Typora重度用戶,用它編輯博客,寫R Markdown,幾乎所有文字編輯場合。為了之后換電腦啥的別忘了我的導出咋設置的還是寫一篇留一下。總結一下就是cmd命令,用的win11。不過更加推薦配合Quicker使用,使用導出命令把文件路徑復制到剪切板 ,為這個導出設置一個快捷鍵,再通過Quicker完成各項操作,聽起來迂回,也可能是我不知道怎么簡單解決,但超級方便。等有時間了把幾個Quicker動作整理一波。

echo "${currentPath}"|clip  %CopyPath%

之前花了幾天把Typora的主題css從頭修改了一遍,對完全沒基礎的我來說很費時間,尤其我還細節強迫症。因為經常要寫R Markdown,就想改的R Markdown友好一點,也分享一下設置。最后分享一下VLOOK,一個Typora主題包與增強插件。

導出官方文檔:Export - Typora Support

主題設置官方文檔:Write Custom Theme for Typora

以LaTeX主題導出PDF

雖然平時不需要LaTeX中文樣式,但確實實用。是一個優秀的主題:Keldos-Li/typora-latex-theme: 將Typora偽裝成LaTeX的中文樣式主題,本科生輕量級課程論文撰寫的好幫手。This is a theme disguising Typora into Chinese LaTeX style. (github.com)

由於平時預覽都用的別個主題,就在導出項里加了個以此主題導出。

Preference > Export > + (new) > PDF (Typora/Webkit)

Theme選擇為這個主題就行了。紙張大小頁碼啥的也可以調一下。然后重命名。重啟Typora可以應用設置。其他主題導出一個道理。

導出pdf避免圖片公式表格斷開可以在主題的css文件中添加

@media print {
    html {
        font-size: 12px;
    }

    /*avoid break when print*/ 
    img,
    .mathjax-block,
    table {
        page-break-inside: avoid;
    }
}

直接在博客園中發布

又是一個好東西:dongfanger/pycnblog: 博客園上傳markdown文件 (github.com)

詳細操作:上傳markdown文件到博客園 - 郭大俠1 - 博客園 (cnblogs.com)

Preference > Export > + (new) > Custom > Add

Command填運行對應python文件的命令就行了。

python Your\Path\To\pycnblog-master\upload.py "${currentPath}"

一鍵發布,但是是標簽分類之類的要自己再去添加。

Push到Github和Gitee

一樣添加新的自定義導出方式,Command填對應的命令。我Github和Gitee雙備份,兩邊都推一遍。

git add "${currentPath}" && git commit -m"saved new edits" && git push github main && git push gitee main

R Markdown編譯

平時寫R Markdown默認應用也是直接設置成Typora了,代碼塊里都是R文件直接復制過來。編譯就直接用Typora導出功能了。

添加新的自定義導出方式,Command填對應的命令。用Rscript.exe運行編譯命令。

Your\Path\To\R\R-4.1.2\bin\Rscript.exe -e "rmarkdown::render('${currentFileFullName}')"

R Markdown代碼塊選項相關

R Markdown代碼塊選項有時候會很長,一般的Typora主題都沒有顧及到這一點,編輯時會遮擋當前代碼塊,分享一下相關設置,相關參數可能需要自己調節一下。

/*Code-Block-Styles*/
.md-fences {
font-family: var(--code-font-family);
background-color: var(--code-block-bg-color);
cursor: default;
color: var(--text-color);
margin: 1rem;
padding: 1rem !important;
border-radius: 5px;
}

.md-fences:hover::after,
.md-fences:hover::before {
position: absolute;
top: 10px;
right: 10px;
border-radius: 5px;
max-width: 10rem;
line-height: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
z-index: 5;
}

.md-fences:hover::after {
content: attr(lang);
color: var(--text-color);
font-size: .9rem;
background-color: var(--lang-bg-color);
padding: 0 .5rem;
font-weight: 400;
}

#write .code-tooltip {
bottom: initial;
top: 100%;
left: initial;
right: -1px;
background: var(--code-block-bg-color);
border: 1px solid var(--border-color);
border-radius: 5px;
z-index: 42;
font-family: var(--code-font-family);
box-shadow: none!important;
/* word-break: break-all; */
}

可以實現如下效果

code-tooltip

在Rstudio中打開

復雜點的需要追蹤一下編譯過程,想直接在Rstudio中打開,可以直接通過導出命令打開了。

Your\Path\To\RStudio\bin\rstudio.exe "${currentPath}"

VLOOK

功能很強大的主題包。

簡介 - VLOOK™ - Markdown 編輯器 Typora 的主題包和增強插件 (madmaxchow.github.io)

Github:MadMaxChow/VLOOK: Easy To Use Practical Typera / Markdown Theme Package and Enhancement Plug-in (github.com)

Gitee:VLOOK: VLOOK™ 是針對 Typora(跨平台 Markdown 編輯器)的主題包和增強插件(針對導出的 HTML 文件) (gitee.com)

vlook

(圖片來源:MadMaxChow/VLOOK)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM