-
Notifications
You must be signed in to change notification settings - Fork 6
/
rmarkdown-websites.html
166 lines (104 loc) · 4.26 KB
/
rmarkdown-websites.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<title>R Markdown Websites - Grenoble RUG</title>
<meta charset="utf-8">
<link href="libs/remark-css/default.css" rel="stylesheet" />
<link href="libs/remark-css/default-fonts.css" rel="stylesheet" />
<link href="libs/font-awesome/css/fontawesome-all.min.css" rel="stylesheet" />
</head>
<body>
<textarea id="source">
class: title-slide center middle inverse
# Make your personal webpage with <i class="fab fa-r-project "></i>
<br>
## Florian Privé and Magali Richard
### Grenoble RUG - June 14, 2018
---
## R Markdown Websites
<br>
Documentation: https://rmarkdown.rstudio.com/rmarkdown_websites.html
<br>
### Examples
- Website of Grenoble RUG: https://r-in-grenoble.github.io/
- Website of Magali: http://membres-timc.imag.fr/Magali.Richard/
- Website of Florian: https://privefl.github.io/
---
## Principle
R Markdown websites:
- A YAML file to define
- the theme you use
- the elements of your navigation bar
- One R Markdown file per page
---
## R Markdown
Code chunks R + text in Markdown
You can also write HTML: I use `<br>` all the time to get a blank line.
[R Markdown (official website)](https://rmarkdown.rstudio.com/)
[Introduction to R Markdown](http://r4ds.had.co.nz/r-markdown.html)
### Markdown
Markdown is a human-readable text format that can be converted in many languages (such as HTML or Word).
[Markdown Cheatsheet](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet)
---
## Time to make your website
1. Go to this tutorial: https://github.com/privefl/rmarkdown-website-template (Short link: https://goo.gl/xksSUH)
2. Follow the instructions with me
3. Fill your website with your own content
<br>
For people who don't have a working configuration (RStudio, Git and GitHub), **I'll do it again in 15-20 minutes**.
---
## Another way: blogdown
Blogdown is more powerful that R Markdown Websites but is harder to configure.
- [Blogdown book (documentation)](https://bookdown.org/yihui/blogdown/)
- [List of blog-posts to help you configure your site](https://maraaverick.rbind.io/2017/10/keeping-up-with-blogdown/)
### Examples
- https://antuki.github.io/
- https://statnmap.com/
- https://alison.rbind.io/
- https://emitanaka.github.io/
- http://amber.rbind.io/
- https://www.openplantpathology.org/
---
class: inverse, center, middle
# Thanks!
<br/><br/>
<br/>
<i class="fab fa-twitter "></i> [privefl](https://twitter.com/privefl) &nbsp;&nbsp;&nbsp;&nbsp; <i class="fab fa-github "></i> [privefl](https://github.com/privefl) &nbsp;&nbsp;&nbsp;&nbsp; <i class="fab fa-stack-overflow "></i> [F. Privé](https://stackoverflow.com/users/6103040/f-priv%c3%a9)
<i class="fab fa-twitter "></i> [magg_richard](https://twitter.com/magg_richard) &nbsp;&nbsp;&nbsp;&nbsp; <i class="fab fa-github "></i> [magrichard](https://github.com/magrichard)
.footnote[Slides created via the R package [**xaringan**](https://github.com/yihui/xaringan).]
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
<script>var slideshow = remark.create({
"highlightStyle": "github",
"highlightLines": true,
"countIncrementalSlides": true
});
if (window.HTMLWidgets) slideshow.on('afterShowSlide', function (slide) {
window.dispatchEvent(new Event('resize'));
});
(function() {
var d = document, s = d.createElement("style"), r = d.querySelector(".remark-slide-scaler");
if (!r) return;
s.type = "text/css"; s.innerHTML = "@page {size: " + r.style.width + " " + r.style.height +"; }";
d.head.appendChild(s);
})();</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
}
});
</script>
<!-- dynamically load mathjax for compatibility with self-contained -->
<script>
(function () {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML';
if (location.protocol !== 'file:' && /^https?:/.test(script.src))
script.src = script.src.replace(/^https?:/, '');
document.getElementsByTagName('head')[0].appendChild(script);
})();
</script>
</body>
</html>