編輯的css不會改變rmarkdown xaringan的演示文稿

我是新來的CSS，並嘗試使用Xaringan編輯RMarkdown演示文稿的格式。我想要做的一個更改是增加幻燈片文本的行間距。編輯的css不會改變rmarkdown xaringan的演示文稿

這是我的.Rmd文件的YAML yeader的相關部分：

output: 
    xaringan::moon_reader: 
    css: "libs/remark-css/example.css" 
    lib_dir: libs 
    nature: 
     highlightStyle: github 
     highlightLines: true 
     countIncrementalSlides: false

而在example.css，我添加了一個line-height到body規格：

body { 
    font-family: 'Palatino Linotype', 'Droid Serif', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; 
    line-height: 1.5em; 
}

但是，當我返回index.Rmd和knit的HTML文件，行間距保持不變。如果我嘗試更改字體，字體大小等，情況也是如此。我在做什麼錯了？

來源

2017-05-31 AFH

該css文件位於正確的位置？我的意思是 - 你可以做出任何改變，並在最終結果中看到它們嗎？ – ekstroem

.css文件肯定是在YAML頭文件中指定的路徑中，另外我不認爲它會在不訪問某些.css文件的情況下編織並生成HTML文檔。但是，我對example.css所做的任何編輯似乎都沒有任何影響。可能有些愚蠢的錯誤，只是不確定是什麼！ – AFH

我剛剛檢查過，並且可能包含.css文件，這些文件與.Rmd演示文稿文件不在同一目錄中。因此，如果它不是無法找到該文件的問題，那麼它必須與您的文件的內容有關。

您可以嘗試修改此示例example.css文件以滿足您的需求。它可以工作並更改背景，字體等。請注意，它是.remark-slide-content下的部分，用於實際更改。

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); 
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); 
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700); 

/* CE Added my favorite fonts */ 
@import url('https://fonts.googleapis.com/css?family=Alegreya|Alegreya+Sans'); 

body { font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif; 
     background-color:#222; 
    } 

/* Default background colour, and font size */ 
.remark-slide-content{ background-color:#222; 
         font-family: 'Fira Sans', 'Yanone Kaffeesatz'; 
         color: #fff; 
         font-size: 220%; /* Regular text */ 
/*      font-family: 'Alegreya Sans', sans-serif; */ 
         font-family: 'Alegreya', serif;     
        }

我YAML看起來像這樣

output: 
    xaringan::moon_reader: 
    lib_dir: libs 
    css: ['default', 'example.css']

不（它還有一部分）爲你做什麼嗎？

來源

2017-06-01 19:51:22 ekstroem

是的！這是有效的，因爲當我編織它時，我看到了新的.css文件中指定的格式。我認爲這個問題必須把.css文件放在任何地方，但是放在版本庫的主目錄下（這也是「默認」存在的地方，顯然？）。謝謝！ – AFH

沒有。它應該與一個子目錄中的css文件一起工作。剛剛嘗試過並更新了答案。 – ekstroem

編輯的css不會改變rmarkdown xaringan的演示文稿

回答

相關問題