R Markdown with Blogdown - syntax highlighting with eval=F











up vote
0
down vote

favorite












I am putting together a website using Blogdown/Hugo. I am 'manually' assembling the code and output rather than dynamically knitting with knitr as I didn't want to upload the dataset.



So, I'm using a css style to put borders around the code, etc.



This is all working as I want it to. But, is there a way to also have the syntax highlighting show in the rendered .html page? For example, if I run this using the code below, the html output is the first screengrab, enter image description here



and I'd like the code coloured as in the second screengrab.enter image description here



<style>
div.code pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
background-color:#F5F8FA;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>

<style>
div.output pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>


```{r setup, include=FALSE}
knitr::opts_chunk$set(collapse = T)
```

```{r, echo=FALSE}
library(rmarkdown) #used for syntax highlighting in this document
```


### Descriptives

The basic frequency histogram for Left and Right eye data, constructed with ggplot2.

<div class = "code">
```{r hist, eval=F}
hist_va <-ggplot(data, aes(x = bcva, fill = bcva < -0.1)) +
geom_histogram(color = "black", binwidth = 0.05, center = 0.025) +
scale_x_continuous(limits = c(-0.4, 0.4), breaks = seq(-0.4, 0.4, 0.1)) +
theme(legend.position = "none") +
xlab("Best Corrected Visual Acuity (logMAR)") +
ylab("Frequency ") +
scale_fill_manual(values = c("white", "red")) +
facet_grid(. ~ eye)
```
</div>


Then overlaying the classification thresholds for SuperHuman vision.

<div class = "output">
```{r hist2, eval=F}
## hist_va +
## geom_vline(data = data, aes(xintercept = -0.097, color = "red"), linetype = "dashed") +
## geom_text(aes(-0.25, 420, label = "Superhuman Vision", color = "red"))
```
</div>









share|improve this question






















  • Could you add your YAML header.
    – Martin Schmelzer
    Nov 11 at 10:03















up vote
0
down vote

favorite












I am putting together a website using Blogdown/Hugo. I am 'manually' assembling the code and output rather than dynamically knitting with knitr as I didn't want to upload the dataset.



So, I'm using a css style to put borders around the code, etc.



This is all working as I want it to. But, is there a way to also have the syntax highlighting show in the rendered .html page? For example, if I run this using the code below, the html output is the first screengrab, enter image description here



and I'd like the code coloured as in the second screengrab.enter image description here



<style>
div.code pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
background-color:#F5F8FA;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>

<style>
div.output pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>


```{r setup, include=FALSE}
knitr::opts_chunk$set(collapse = T)
```

```{r, echo=FALSE}
library(rmarkdown) #used for syntax highlighting in this document
```


### Descriptives

The basic frequency histogram for Left and Right eye data, constructed with ggplot2.

<div class = "code">
```{r hist, eval=F}
hist_va <-ggplot(data, aes(x = bcva, fill = bcva < -0.1)) +
geom_histogram(color = "black", binwidth = 0.05, center = 0.025) +
scale_x_continuous(limits = c(-0.4, 0.4), breaks = seq(-0.4, 0.4, 0.1)) +
theme(legend.position = "none") +
xlab("Best Corrected Visual Acuity (logMAR)") +
ylab("Frequency ") +
scale_fill_manual(values = c("white", "red")) +
facet_grid(. ~ eye)
```
</div>


Then overlaying the classification thresholds for SuperHuman vision.

<div class = "output">
```{r hist2, eval=F}
## hist_va +
## geom_vline(data = data, aes(xintercept = -0.097, color = "red"), linetype = "dashed") +
## geom_text(aes(-0.25, 420, label = "Superhuman Vision", color = "red"))
```
</div>









share|improve this question






















  • Could you add your YAML header.
    – Martin Schmelzer
    Nov 11 at 10:03













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I am putting together a website using Blogdown/Hugo. I am 'manually' assembling the code and output rather than dynamically knitting with knitr as I didn't want to upload the dataset.



So, I'm using a css style to put borders around the code, etc.



This is all working as I want it to. But, is there a way to also have the syntax highlighting show in the rendered .html page? For example, if I run this using the code below, the html output is the first screengrab, enter image description here



and I'd like the code coloured as in the second screengrab.enter image description here



<style>
div.code pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
background-color:#F5F8FA;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>

<style>
div.output pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>


```{r setup, include=FALSE}
knitr::opts_chunk$set(collapse = T)
```

```{r, echo=FALSE}
library(rmarkdown) #used for syntax highlighting in this document
```


### Descriptives

The basic frequency histogram for Left and Right eye data, constructed with ggplot2.

<div class = "code">
```{r hist, eval=F}
hist_va <-ggplot(data, aes(x = bcva, fill = bcva < -0.1)) +
geom_histogram(color = "black", binwidth = 0.05, center = 0.025) +
scale_x_continuous(limits = c(-0.4, 0.4), breaks = seq(-0.4, 0.4, 0.1)) +
theme(legend.position = "none") +
xlab("Best Corrected Visual Acuity (logMAR)") +
ylab("Frequency ") +
scale_fill_manual(values = c("white", "red")) +
facet_grid(. ~ eye)
```
</div>


Then overlaying the classification thresholds for SuperHuman vision.

<div class = "output">
```{r hist2, eval=F}
## hist_va +
## geom_vline(data = data, aes(xintercept = -0.097, color = "red"), linetype = "dashed") +
## geom_text(aes(-0.25, 420, label = "Superhuman Vision", color = "red"))
```
</div>









share|improve this question













I am putting together a website using Blogdown/Hugo. I am 'manually' assembling the code and output rather than dynamically knitting with knitr as I didn't want to upload the dataset.



So, I'm using a css style to put borders around the code, etc.



This is all working as I want it to. But, is there a way to also have the syntax highlighting show in the rendered .html page? For example, if I run this using the code below, the html output is the first screengrab, enter image description here



and I'd like the code coloured as in the second screengrab.enter image description here



<style>
div.code pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
background-color:#F5F8FA;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>

<style>
div.output pre {
font-family: 'Source Code Pro', 'Courier New', monospace;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid lightgrey;
border-radius: 5px;
}
</style>


```{r setup, include=FALSE}
knitr::opts_chunk$set(collapse = T)
```

```{r, echo=FALSE}
library(rmarkdown) #used for syntax highlighting in this document
```


### Descriptives

The basic frequency histogram for Left and Right eye data, constructed with ggplot2.

<div class = "code">
```{r hist, eval=F}
hist_va <-ggplot(data, aes(x = bcva, fill = bcva < -0.1)) +
geom_histogram(color = "black", binwidth = 0.05, center = 0.025) +
scale_x_continuous(limits = c(-0.4, 0.4), breaks = seq(-0.4, 0.4, 0.1)) +
theme(legend.position = "none") +
xlab("Best Corrected Visual Acuity (logMAR)") +
ylab("Frequency ") +
scale_fill_manual(values = c("white", "red")) +
facet_grid(. ~ eye)
```
</div>


Then overlaying the classification thresholds for SuperHuman vision.

<div class = "output">
```{r hist2, eval=F}
## hist_va +
## geom_vline(data = data, aes(xintercept = -0.097, color = "red"), linetype = "dashed") +
## geom_text(aes(-0.25, 420, label = "Superhuman Vision", color = "red"))
```
</div>






r r-markdown blogdown






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 11 at 0:24









LucaS

1778




1778












  • Could you add your YAML header.
    – Martin Schmelzer
    Nov 11 at 10:03


















  • Could you add your YAML header.
    – Martin Schmelzer
    Nov 11 at 10:03
















Could you add your YAML header.
– Martin Schmelzer
Nov 11 at 10:03




Could you add your YAML header.
– Martin Schmelzer
Nov 11 at 10:03

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














 

draft saved


draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244736%2fr-markdown-with-blogdown-syntax-highlighting-with-eval-f%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















 

draft saved


draft discarded



















































 


draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53244736%2fr-markdown-with-blogdown-syntax-highlighting-with-eval-f%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Florida Star v. B. J. F.

Danny Elfman

Retrieve a Users Dashboard in Tumblr with R and TumblR. Oauth Issues