<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>github | Thought splinters</title>
    <link>https://notes.peter-baumgartner.net/tag/github/</link>
      <atom:link href="https://notes.peter-baumgartner.net/tag/github/index.xml" rel="self" type="application/rss+xml" />
    <description>github</description>
    <generator>Wowchemy (https://wowchemy.com)</generator><language>en-us</language><copyright>CC BY-SA 4.0</copyright><lastBuildDate>Sun, 01 Aug 2021 00:00:00 +0000</lastBuildDate>
    <image>
      <url>https://notes.peter-baumgartner.net/media/icon_huab1e86cf5cbc1139acf672dc60b9d7d0_5213_512x512_fill_lanczos_center_2.png</url>
      <title>github</title>
      <link>https://notes.peter-baumgartner.net/tag/github/</link>
    </image>
    
    <item>
      <title>Using GitHub as a Mentoring Tool</title>
      <link>https://notes.peter-baumgartner.net/2021/08/01/using-github-as-a-mentoring-tool/</link>
      <pubDate>Sun, 01 Aug 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/08/01/using-github-as-a-mentoring-tool/</guid>
      <description>&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/08/01/using-github-as-a-mentoring-tool/index.en_files/kePrint/kePrint.js&#34;&gt;&lt;/script&gt;
&lt;link href=&#34;https://notes.peter-baumgartner.net/2021/08/01/using-github-as-a-mentoring-tool/index.en_files/lightable/lightable.css&#34; rel=&#34;stylesheet&#34; /&gt;



&lt;h2 id=&#34;beginner-intermediate-and-expert-level&#34;&gt;Beginner, Intermediate, and Expert Level&lt;a href=&#34;#beginner-intermediate-and-expert-level&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;For several years I am interested to learn &lt;a href=&#34;https://www.r-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R&lt;/a&gt;, the free software environment for statistical computing and graphics. After&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;reading several books,&lt;/li&gt;
&lt;li&gt;finished some (paid) introductory (MOOC) courses successfully with Coursera&lt;/li&gt;
&lt;li&gt;and especially some smaller (paid) projects&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I would say that I am now (stuck?) on an intermediate skill level. I believe that this is the most challenging step in progressing to an expert for a self-determined learner. There are always so many different avenues to follow up. This is especially true with R and its&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;ever increasing amount of new R packages (To date: 20010 (&lt;a href=&#34;https://mran.revolutionanalytics.com/packages&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;MRAN&lt;/a&gt;) resp. 17954 (&lt;a href=&#34;https://cran.r-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;CRAN&lt;/a&gt;), 3452 (&lt;a href=&#34;https://bioconductor.org/packages/release/BiocViews.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Bioconductor&lt;/a&gt;).&lt;/li&gt;
&lt;li&gt;hundreds of books (see: the &lt;a href=&#34;https://www.r-project.org/doc/bib/R-jabref.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;searchable list on r-project.org&lt;/a&gt;, a &lt;a href=&#34;https://github.com/RomanTsegelskyi/rbooks&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;curated list on GitHub&lt;/a&gt; by Roman Tselgelskyi, but also my &lt;a href=&#34;https://wakelet.com/wake/d9cea021-06a5-406b-9b12-e7efd97ad144&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet on free R Books&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;an unknown number of (free) online tutorials (see the &lt;a href=&#34;https://pairach.com/2012/06/17/r_tutorials_non-uni/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;general list&lt;/a&gt; and &lt;a href=&#34;https://pairach.com/2012/06/17/r_tutorials_non-uni/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;university listed&lt;/a&gt; free R tutorials by Pairach Piboonrungroj and my &lt;a href=&#34;https://wakelet.com/wake/83de9b9e-63d6-46a2-a30e-3f4bec621ce2&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet on learn R programming&lt;/a&gt;)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Comparing my skill level with the three learner paths suggested by RStudio Education, I could affirm my personal assessment. From the six tasks proposals on the intermediate path&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;grab some &lt;a href=&#34;https://www.rstudio.com/resources/cheatsheets/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R cheat sheets&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;learn to get help (see, for instance, my activities on &lt;a href=&#34;https://stackoverflow.com/users/7322615/petzi&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;StackOverflow&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;improve your visualizations&lt;/li&gt;
&lt;li&gt;develop interactive applications with &lt;a href=&#34;https://www.htmlwidgets.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;htmlwidgets&lt;/a&gt; and &lt;a href=&#34;https://shiny.rstudio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Shiny&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;simplify your model explorations with &lt;a href=&#34;https://www.tidymodels.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tidymodels&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;explore other specialized packages&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I have some skills with the first three, and I also experimented already with Shiny. I even had worked on some steps at the expert levels by writing an R package: (&lt;a href=&#34;https://github.com/petzi53/bib2academic&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;bib2academic&lt;/a&gt; got 16 stars, but I did not manage to submit it to &lt;a href=&#34;https://cran.r-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;CRAN&lt;/a&gt;. It is now obsolete as a similar function was integrated into the Academic Hugo website (now &lt;a href=&#34;https://wowchemy.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wowchemy&lt;/a&gt; website builder).&lt;/p&gt;



&lt;h2 id=&#34;project-for-motivation-necessary&#34;&gt;Project for Motivation Necessary&lt;a href=&#34;#project-for-motivation-necessary&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;But to continue this path, I would need some strong motivation. I tried, for instance, to read the (not yet finished) book &lt;a href=&#34;https://mastering-shiny.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Mastering Shiny&lt;/a&gt;. As with all books and papers by Hadley Wickham, it is well written and exciting. But to learn continuously, I would need a practical project where I get not only real-world challenges but also a strong personal motivation to complete the product. In finishing the project/product, I would have to learn to overcome several real-world challenges where I would need to look for help and consult/experiment with several new functions or packages.&lt;/p&gt;
&lt;p&gt;But this strategy has two advantages:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;It is very laborious as the specific questions are not (yet) clear enough. Fora like &lt;a href=&#34;https://stackoverflow.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;StackOverflow&lt;/a&gt; are not suitable as the problem space is not delimited, a concrete coding question with a &lt;a href=&#34;https://community.rstudio.com/t/faq-whats-a-reproducible-example-reprex-and-how-do-i-create-one/5219&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;REPREX&lt;/a&gt; (REPRoducible EXamples) is not available.&lt;/li&gt;
&lt;li&gt;It is error-prone and not efficient. Am I posing the right question? Do I look at the right places? It is not guaranteed that one finds the optimal solution. This is particularly awkward if the answer in the R community is very well known.&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;looking-for-a-human-mentor&#34;&gt;Looking for a Human Mentor&lt;a href=&#34;#looking-for-a-human-mentor&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;I believe with a mentor, one could overcome these insecurities fast. The mentor — an experienced user — could ask questions to narrow the search space and point out helpful hints about what and where to look. Wikipedia, for instance, has established a similar program for their user community called Adopt-a-user.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The Adopt-a-user program is designed to help new and inexperienced users by pairing them with more experienced Wikipedians. These editors (referred to as adopters or mentors) will “adopt” newer users, guiding them along the way as they learn about Wikipedia and its various aspects. (&lt;a href=&#34;https://en.wikipedia.org/wiki/Wikipedia:Adopt-a-user&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;In Wikipedia, the intention is to help &lt;em&gt;novice&lt;/em&gt; contributors get orientation and some guided practice with the very complex rule set for writing or changing Wikipedia entries. My thought is to find a mentor to advance at the intermediate level. I think there is plenty of material for the R beginners freely available. But more important: You will learn R from scratch as an individual and do not need to worry at the beginning stage about an already developed complex rule which you have to observe and follow.&lt;/p&gt;
&lt;p&gt;As far as I know, there is no mentor program for R users. The next best alternative is a more open and friendly community. An excellent example, in my opinion, would be the &lt;a href=&#34;https://community.rstudio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;RStudio Community&lt;/a&gt;. But even there, you should have a concrete question to ask.&lt;/p&gt;



&lt;h2 id=&#34;github-as-a-mentoring-tool&#34;&gt;GitHub as a Mentoring Tool&lt;a href=&#34;#github-as-a-mentoring-tool&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;



&lt;h3 id=&#34;an-instructive-example&#34;&gt;An instructive example&lt;a href=&#34;#an-instructive-example&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;I recently found out that GitHub could be used as an educational tool. I will you give an example which was very exciting for me:&lt;/p&gt;
&lt;p&gt;Often I was confronted with the problem of how to calculate and format nicely a contingency table in R. The free web material on the web on this question is abound (e.g., &lt;a href=&#34;https://www.datacamp.com/community/tutorials/contingency-tables-r&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Datacamp&lt;/a&gt;, &lt;a href=&#34;https://www.datasciencecentral.com/profiles/blogs/contingency-tables-in-r&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Data Science Central&lt;/a&gt;, &lt;a href=&#34;https://www.r-bloggers.com/2020/12/contingency-tables-in-r/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R-Bloggers&lt;/a&gt;, &lt;a href=&#34;https://techvidvan.com/tutorials/r-contingency-tables/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;TechVidvan&lt;/a&gt;, &lt;a href=&#34;https://www.statology.org/contingency-table-in-r/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Statology&lt;/a&gt;, …). But many examples still teach the Base R commands. They do not mention new procedures with the &lt;a href=&#34;https://towardsdatascience.com/what-is-tidy-data-d58bb9ad2458&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tidydata approach&lt;/a&gt; and related packages like &lt;a href=&#34;https://tidyr.tidyverse.org/articles/tidy-data.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tidyr&lt;/a&gt;. And they do not worry about outputting the table in a publishing-ready format.&lt;/p&gt;
&lt;p&gt;There are many contingency tables published in the recently finished books &lt;a href=&#34;https://openintro-ims.netlify.app/index.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Introduction to Modern Statistics&lt;/a&gt;.&lt;/p&gt;
&lt;table style=&#34;width: 75%; margin-left: auto; margin-right: auto;&#34; class=&#34;table table-striped table-condensed&#34;&gt;
&lt;caption&gt;
Table 1: Descriptive statistics for the stent study.
&lt;/caption&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&#34;empty-cells: hide;border-bottom:hidden;&#34; colspan=&#34;1&#34;&gt;
&lt;/th&gt;
&lt;th style=&#34;border-bottom:hidden;padding-bottom:0; padding-left:3px;padding-right:3px;text-align: center; border-bottom: 2px solid&#34; colspan=&#34;2&#34;&gt;
&lt;div style=&#34;border-bottom: 1px solid #ddd; padding-bottom: 5px; &#34;&gt;
&lt;p&gt;30 days&lt;/p&gt;
&lt;/div&gt;
&lt;/th&gt;
&lt;th style=&#34;border-bottom:hidden;padding-bottom:0; padding-left:3px;padding-right:3px;text-align: center; border-bottom: 2px solid&#34; colspan=&#34;2&#34;&gt;
&lt;div style=&#34;border-bottom: 1px solid #ddd; padding-bottom: 5px; &#34;&gt;
&lt;p&gt;365 days&lt;/p&gt;
&lt;/div&gt;
&lt;/th&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th style=&#34;text-align:left;&#34;&gt;
Group
&lt;/th&gt;
&lt;th style=&#34;text-align:right;&#34;&gt;
Stroke
&lt;/th&gt;
&lt;th style=&#34;text-align:right;&#34;&gt;
No event
&lt;/th&gt;
&lt;th style=&#34;text-align:right;&#34;&gt;
Stroke
&lt;/th&gt;
&lt;th style=&#34;text-align:right;&#34;&gt;
No event
&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;border-top: 2px solid&#34;&gt;
Control
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
13
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
214
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
28
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
199
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
Treatment
&lt;/td&gt;
&lt;td style=&#34;text-align:right;&#34;&gt;
33
&lt;/td&gt;
&lt;td style=&#34;text-align:right;&#34;&gt;
191
&lt;/td&gt;
&lt;td style=&#34;text-align:right;&#34;&gt;
45
&lt;/td&gt;
&lt;td style=&#34;text-align:right;&#34;&gt;
179
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;border-top: 2px solid&#34;&gt;
Total
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
46
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
405
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
73
&lt;/td&gt;
&lt;td style=&#34;text-align:right;border-top: 2px solid&#34;&gt;
378
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;I could look up the &lt;a href=&#34;https://github.com/openintrostat/ims/edit/master/01-data-hello.Rmd&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;source code from lines 85-101 via GitHub&lt;/a&gt; and learn how to produce the above table. (In the following code chunk, I have focussed on the table appearance and left out different previous data transformations to prepare the two data sets &lt;a href=&#34;http://openintrostat.github.io/openintro/reference/stent30.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;code&gt;stent30&lt;/code&gt;&lt;/a&gt; and &lt;a href=&#34;http://openintrostat.github.io/openintro/reference/stent365.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;code&gt;stent365&lt;/code&gt;&lt;/a&gt;. Furthermore, the code differs somewhat from the original due to some CSS styles of this website.).&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-markdown&#34;&gt;```{r stent-study}
suppressMessages(library(janitor))
suppressMessages(library(kableExtra))
suppressMessages(library(openintro))
suppressMessages(library(tidyverse))

stent %&amp;gt;%
  mutate(group = str_to_title(group)) %&amp;gt;%
  pivot_longer(cols = c(`30 days`, `365 days`), 
               names_to = &amp;quot;stage&amp;quot;, 
               values_to = &amp;quot;outcome&amp;quot;) %&amp;gt;%
  count(group, stage, outcome) %&amp;gt;%
  pivot_wider(names_from = c(stage, outcome), values_from = n) %&amp;gt;%
  adorn_totals(where = &amp;quot;row&amp;quot;) %&amp;gt;%
  kbl(linesep = &amp;quot;&amp;quot;, booktabs = TRUE, caption = &amp;quot;Descriptive statistics for the stent study.&amp;quot;,
      col.names = c(&amp;quot;Group&amp;quot;, &amp;quot;Stroke&amp;quot;, &amp;quot;No event&amp;quot;, &amp;quot;Stroke&amp;quot;, &amp;quot;No event&amp;quot;),
      table.attr = &amp;quot;style=&#39;width: 75%;&#39;&amp;quot;) %&amp;gt;%
  add_header_above(c(&amp;quot; &amp;quot; = 1, &amp;quot;30 days&amp;quot; = 2, &amp;quot;365 days&amp;quot; = 2), extra_css = &amp;quot;border-bottom: 2px solid&amp;quot;) %&amp;gt;%
  row_spec(1, extra_css = &amp;quot;border-top: 2px solid&amp;quot;) %&amp;gt;%
  row_spec(3, extra_css = &amp;quot;border-top: 2px solid&amp;quot;) %&amp;gt;%
  kable_styling(bootstrap_options = c(&amp;quot;striped&amp;quot;, &amp;quot;condensed&amp;quot;), 
                latex_options = c(&amp;quot;striped&amp;quot;, &amp;quot;hold_position&amp;quot;),
                full_width = T, position = &#39;center&#39;)
```
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;lesson-learned&#34;&gt;Lesson learned&lt;a href=&#34;#lesson-learned&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Looking into the source code at GitHub, I learned several issues:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I experimented already with the &lt;code&gt;janitor&lt;/code&gt; package, and I am happy to get the confirmation that it is a widely used package to “provide quick counts of variable combinations (i.e., frequency tables and crosstabs)” and to “format [nicely] the tabulation results.” (From the Janitor package description.)&lt;/li&gt;
&lt;li&gt;I also did know about the &lt;code&gt;kableExtra&lt;/code&gt; package and had the &lt;code&gt;kable_styling&lt;/code&gt; function already used several times.&lt;/li&gt;
&lt;li&gt;The other &lt;code&gt;kableExtra&lt;/code&gt; functions (&lt;code&gt;add_header_above()&lt;/code&gt;, &lt;code&gt;row_spec()&lt;/code&gt;, &lt;code&gt;kbl()&lt;/code&gt;) I had not used before. Especially &lt;code&gt;add_header_above()&lt;/code&gt; has an important role for special headings in contingency tables.&lt;/li&gt;
&lt;li&gt;The parameter &lt;code&gt;extra_css&lt;/code&gt; was entirely new for me. I have never heard about it and didn’t even know that it exists.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;For me, this learning experience was very instructive! I admit that this example could have been asked via a friendly forum: For instance: “How could I produce a contingency table formatted professionally for print by using the tidyverse approach?” Additionally, one would have to provide some code to show where one stands and what approach one is using.&lt;/p&gt;



&lt;h3 id=&#34;looking-experts-over-their-shoulders&#34;&gt;Looking Experts over their Shoulders&lt;a href=&#34;#looking-experts-over-their-shoulders&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;But this was just one example where I knew about the problem and had already tried several approaches to find a solution. But what about code patterns I didn’t even know and could therefore not ask the right question?&lt;/p&gt;
&lt;p&gt;Finding a GitHub project with code snippets one needs urgently is just the beginning. There is a big chance that the same repository (aka ‘repo’) hides more code snippets to learn from. And maybe the person behind this one GitHub repos maintains other repositories that are also very interesting?&lt;/p&gt;
&lt;p&gt;In my case, it turned out that &lt;a href=&#34;https://github.com/mine-cetinkaya-rundel&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Mine Çetakaya-Rundel&lt;/a&gt;, one of the authors and the person responsible for the repository management, has educational approaches that are similar to mine. But she is way off more skilled in R and statistics. I am especially interested in her usage of the &lt;code&gt;learnr&lt;/code&gt; package for interactive tutorials and have watched a series of three videos on &lt;a href=&#34;https://mine-cetinkaya-rundel.github.io/teach-r-online/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Teaching Statistics and Data Science Online&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;In a certain sense, she functions as a mentor for me — even if she doesn’t know about it 🥸. Meanwhile, we had some exchanges on GitHub issues as I am interested in learning how to use the &lt;code&gt;learnr&lt;/code&gt; package for introductions into statistics via R-Tutorials. Regularly if I find a problem as a user reading and following the tutorial exercises, I try to fix the code in my fork and send the &lt;a href=&#34;https://github.com/OpenIntroStat/ims-tutorials/pulls?q=is%3Apr&amp;#43;author%3A%40me&amp;#43;&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;solutions as pull requests (PR)&lt;/a&gt; to Mine. Besides learning to use GitHub in a collaborative setting, I have already profited in many ways. I learned about packages I have never heard of (see, for example, the &lt;a href=&#34;https://github.com/OpenIntroStat/ims/blob/master/_common.R&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;list of packages used for the book&lt;/a&gt;) and saw code snippets that transformed data in a much more elegant way as I used to do.&lt;/p&gt;



&lt;h2 id=&#34;summary&#34;&gt;Summary&lt;a href=&#34;#summary&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;To inspect code on GitHub is a suitable strategy for intermediate (programming) learners. I illustrated it with an R example, but I think you could generalize it as a learning strategy. I recommend the following steps:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Note names and/or repositories you learned from successful internet recherche&lt;/strong&gt;. By searching answers or asking questions via StackOverflow, you will encounter the same names, blog addresses, Twitter messages, repos again and again.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Look around if these person/websites generally work on problems you are interested in&lt;/strong&gt;. Look into the profile and follow the activities of these persons on their blog, Twitter, YouTube, GitHub … accounts.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Decide on a person and select a specific project&lt;/strong&gt;. I recommend focusing not only on a particular person but also on picking one project to concentrate on. Ideally, it is a current project the person is still interested in and produces code you want to learn and use for your own work later on.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Think about a possibility to get involved in the project&lt;/strong&gt;. The idea is to give the person and the community something back for its/their mentoring function and commit yourself to relevant real-world problems. The possibilities depend on your skills and interests. It may be advertising the project, writing a favorable review, fixing typos, commenting via the issue part of the repo, recommending code changes via PRs, or financially supporting the author(s) and/or the ongoing project.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Finally, I would like to add also a warning: “Following” a person should not develop to stalking. It is essential not to be intrusive or pushy. You will see already after a short time if the person values your contribution(s), e.g., by answering friendly or thoughtfully, accepting your PRs, etc. If you get the impression that your engagement is disruptive, then stop it immediately. Either look at the code silently without interaction or try to find another “mentor” or project to get involved.&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Blogdown tutorial (Part 4)</title>
      <link>https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/</link>
      <pubDate>Sat, 09 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/</guid>
      <description>


&lt;h2 id=&#34;bring-your-website-online-from-blogdown-via-github-to-netlify&#34;&gt;Bring your website online: From blogdown via GitHub to Netlify&lt;a href=&#34;#bring-your-website-online-from-blogdown-via-github-to-netlify&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2021-05-19: Because of breaking changes in &lt;code&gt;Hugo&lt;/code&gt; and new features in &lt;code&gt;blogdown&lt;/code&gt; this post is partly outdated. Starting with &lt;a href=&#34;(https://blog.rstudio.com/2021/01/18/blogdown-v1.0/)&#34;&gt;blogdown version 1.0&lt;/a&gt; you do not build the website always from scratch.&lt;/p&gt;
&lt;p&gt;Complement this sequence of the tutorial with reading &lt;a href=&#34;https://alison.rbind.io/post/new-year-new-blogdown/&#34;&gt;Up &amp;amp; running with blogdown in 2021&lt;/a&gt; by Allison Hill, co-author of the &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34;&gt;blogdown book&lt;/a&gt;.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;We start this last part of the tutorial &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/#inspect-post-locally&#34;&gt;where we have finished last time&lt;/a&gt;.&lt;/p&gt;



&lt;h3 id=&#34;ignore-public-folder&#34;&gt;Ignore public folder&lt;a href=&#34;#ignore-public-folder&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;One benefit of using Netlify is that that there is no need to upload your large public folder to get your website. Netlify will compile the source files and build by its own the Hugo site. You should take advantage of this feature by telling RStudio that the &lt;code&gt;public&lt;/code&gt;-folder does not need version control, committed and uploaded. Select the public folder under the Git tab on the right upper pane and select from the configuration menu &lt;code&gt;ignore…&lt;/code&gt;. 













&lt;figure  id=&#34;figure-ignore-public-folder&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Ignore public folder&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/ignore-public-folder_hu719d3a4a08ba5dbd49572de38665b0d6_117637_d61285ceee4ac7abe101ba1a761d60db.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/ignore-public-folder_hu719d3a4a08ba5dbd49572de38665b0d6_117637_7a1edd9da466e1bce2231e7eeb352c17.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/ignore-public-folder_hu719d3a4a08ba5dbd49572de38665b0d6_117637_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/ignore-public-folder_hu719d3a4a08ba5dbd49572de38665b0d6_117637_d61285ceee4ac7abe101ba1a761d60db.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Ignore public folder
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;confirm-gitignore&#34;&gt;Confirm .gitignore&lt;a href=&#34;#confirm-gitignore&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;This will bring up a window where you can specify which files are to be ignored. Confirm the inclusion of the public folder with clicking &amp;lsquo;Save&amp;rsquo;. 













&lt;figure  id=&#34;figure-confirm-the-exclusion-of-the-public-folder&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Confirm the exclusion of the public folder.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/git-ignore-public-folder_huc5783e85102c1a17ec22215075f4d82a_122612_42472a7c563110805590b3f674b5bd2c.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/git-ignore-public-folder_huc5783e85102c1a17ec22215075f4d82a_122612_c13de71ac01d0818c1f49da9bb8c713a.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/git-ignore-public-folder_huc5783e85102c1a17ec22215075f4d82a_122612_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/git-ignore-public-folder_huc5783e85102c1a17ec22215075f4d82a_122612_42472a7c563110805590b3f674b5bd2c.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Confirm the exclusion of the public folder.
    &lt;/figcaption&gt;&lt;/figure&gt; This saved file (&lt;code&gt;.gitignore&lt;/code&gt;) will be added as modified to the version control. 













&lt;figure  id=&#34;figure-gitignore-file-added&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;.gitignore file added&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/gitignore-modified_hua76a2a2b52beadba45e8bd92e758e41a_23754_1995fc9d2309277662bfd98904fef85a.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/gitignore-modified_hua76a2a2b52beadba45e8bd92e758e41a_23754_ab74f95aadec755ccd44fc87dc387ef0.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/gitignore-modified_hua76a2a2b52beadba45e8bd92e758e41a_23754_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/gitignore-modified_hua76a2a2b52beadba45e8bd92e758e41a_23754_1995fc9d2309277662bfd98904fef85a.png&#34;
               width=&#34;760&#34;
               height=&#34;398&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      .gitignore file added
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;clean-up&#34;&gt;Clean up&lt;a href=&#34;#clean-up&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Before we are going to rebuild the complete site, I recommend to take some precaution. To rebuild from a clean slate I restart R (Under the RStudio menu &amp;lsquo;Session&amp;rsquo; or CMD-Shift-F10 on MacOS.) and clean up all unnecessary files (&amp;lsquo;Clean All&amp;rsquo; in the &amp;lsquo;Build&amp;rsquo; tab under the &amp;lsquo;More&amp;rsquo; menu in the upper right pane.) 













&lt;figure  id=&#34;figure-rebuild-website-from-a-clean-status&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Rebuild website from a clean status.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/clean-all_huadd80b31f39aa2835db852f1a303ecc1_349799_635e6fb82267811733b5355d43e0e79d.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/clean-all_huadd80b31f39aa2835db852f1a303ecc1_349799_bb71d02350849f8e7c4b3ceea12463f5.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/clean-all_huadd80b31f39aa2835db852f1a303ecc1_349799_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/clean-all_huadd80b31f39aa2835db852f1a303ecc1_349799_635e6fb82267811733b5355d43e0e79d.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Rebuild website from a clean status.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;build-website&#34;&gt;Build website&lt;a href=&#34;#build-website&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Now you can safely (re-)build the website by clicking into &amp;lsquo;Build Website&amp;rsquo;. You get a message of all the activities done, the time necessary for the build and were the output was created. [Personal comment: Frankly I do not know if the last two steps are really necessary when Netlify is running its own scripts.] 













&lt;figure  id=&#34;figure-rendering-website-content&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Rendering website content.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/build-website_hud8a10d9b3ea325cc43828cf9c6768e59_39744_b481d720486d73f9def4dc132438e063.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/build-website_hud8a10d9b3ea325cc43828cf9c6768e59_39744_9c84fb8f740a05d901d52f7ced31b580.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/build-website_hud8a10d9b3ea325cc43828cf9c6768e59_39744_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/build-website_hud8a10d9b3ea325cc43828cf9c6768e59_39744_b481d720486d73f9def4dc132438e063.png&#34;
               width=&#34;760&#34;
               height=&#34;502&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Rendering website content.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;commit-changes&#34;&gt;Commit changes&lt;a href=&#34;#commit-changes&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;The next step is to select all changed files under the Git tab and to choose &amp;ldquo;Commit&amp;rdquo;, write a commit message and to confirm these changes. 













&lt;figure  id=&#34;figure-select-stage-content-for-next-commit&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Select (stage) content for next commit.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/commit-changes_hu41db2f74afce4d20fc3d397ff740dbf7_175941_5b10731ab778128d67e0a41b132d731a.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/commit-changes_hu41db2f74afce4d20fc3d397ff740dbf7_175941_93c74da27c39d8959addcf83e874760d.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/commit-changes_hu41db2f74afce4d20fc3d397ff740dbf7_175941_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/commit-changes_hu41db2f74afce4d20fc3d397ff740dbf7_175941_5b10731ab778128d67e0a41b132d731a.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Select (stage) content for next commit.
    &lt;/figcaption&gt;&lt;/figure&gt; 













&lt;figure  id=&#34;figure-bring-all-changes-under-version-control-and-check-if-everything-went-smoothly&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Bring all changes under version control and check if everything went smoothly.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/reviewed-changes_hue4ba473f39ba51484575aa9ad75e3e17_49580_e2d9b4812f53a00452cd053bc190db34.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/reviewed-changes_hue4ba473f39ba51484575aa9ad75e3e17_49580_12f4c1b48f916200a52d062c667a0708.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/reviewed-changes_hue4ba473f39ba51484575aa9ad75e3e17_49580_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/reviewed-changes_hue4ba473f39ba51484575aa9ad75e3e17_49580_e2d9b4812f53a00452cd053bc190db34.png&#34;
               width=&#34;760&#34;
               height=&#34;311&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Bring all changes under version control and check if everything went smoothly.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;push-changes&#34;&gt;Push changes&lt;a href=&#34;#push-changes&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Now you can transfer all your committed changes to GitHub. After clicking on the push button a window opens and you can see if the changed files are transferred successfully. 













&lt;figure  id=&#34;figure-push-the-committed-files-to-github&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Push the committed files to GitHub.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/push-changes_huc27728b4157f0e9813c54830e1857236_154730_be3c5587bfbcd5133618ebc8f3db2727.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/push-changes_huc27728b4157f0e9813c54830e1857236_154730_ae7ef24d45ce5f7fb046740ae353b7bc.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/push-changes_huc27728b4157f0e9813c54830e1857236_154730_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/push-changes_huc27728b4157f0e9813c54830e1857236_154730_be3c5587bfbcd5133618ebc8f3db2727.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Push the committed files to GitHub.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;inspect-repo&#34;&gt;Inspect repo&lt;a href=&#34;#inspect-repo&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;If you don&amp;rsquo;t trust this process, you can direct your browser to your GitHub repository and check if really the last commit &amp;ldquo;First post&amp;rdquo; has safely arrived. 













&lt;figure  id=&#34;figure-inspect-your-repo-on-github-to-confirm-the-procedure&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Inspect your repo on GitHub to confirm the procedure.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/inspect-repo_hu2708250e120ee9fa9215e63ea1b182b5_93155_95a8254cdec9e56168c4b2a35e861f77.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/inspect-repo_hu2708250e120ee9fa9215e63ea1b182b5_93155_d281a98b6a081a05b569f2236c39a5c4.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/inspect-repo_hu2708250e120ee9fa9215e63ea1b182b5_93155_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/inspect-repo_hu2708250e120ee9fa9215e63ea1b182b5_93155_95a8254cdec9e56168c4b2a35e861f77.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Inspect your repo on GitHub to confirm the procedure.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;get-netlify-account&#34;&gt;Get Netlify account&lt;a href=&#34;#get-netlify-account&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;The last task we are going to solve is the connection the GitHub repository to the Netlifly service. Go to &lt;a href=&#34;https://www.netlify.com/&#34;&gt;https://www.netlify.com/&lt;/a&gt; and create a free new account (&amp;ldquo;Get started for free&amp;rdquo;). 













&lt;figure  id=&#34;figure-inspect-your-repo-on-github-to-confirm-the-procedure&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Inspect your repo on GitHub to confirm the procedure.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/create-account-on-netlify_huc73b45aa90b2ed83878b957c4838222f_153100_1a2c84e708f8bb11425811a894aad04f.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/create-account-on-netlify_huc73b45aa90b2ed83878b957c4838222f_153100_4afc1032b0ec3e231387ad07b3febbbf.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/create-account-on-netlify_huc73b45aa90b2ed83878b957c4838222f_153100_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/create-account-on-netlify_huc73b45aa90b2ed83878b957c4838222f_153100_1a2c84e708f8bb11425811a894aad04f.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Inspect your repo on GitHub to confirm the procedure.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;let-netlify-access-your-repo&#34;&gt;Let Netlify access your repo&lt;a href=&#34;#let-netlify-access-your-repo&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;After the registration procedure you get a page where you can choose &amp;lsquo;New Site from Git&amp;rsquo;. 













&lt;figure  id=&#34;figure-new-site-from-git&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;New Site from Git&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-empty_hue25765c7b0e8fa543766483f7a3a6257_37268_9b93da680827e054a4f1f8a8605ee3fe.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-empty_hue25765c7b0e8fa543766483f7a3a6257_37268_1e2b9038313ed237a77cf7406791963e.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-empty_hue25765c7b0e8fa543766483f7a3a6257_37268_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-empty_hue25765c7b0e8fa543766483f7a3a6257_37268_9b93da680827e054a4f1f8a8605ee3fe.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      New Site from Git
    &lt;/figcaption&gt;&lt;/figure&gt; There are essential three step to create the new website: (A) Choose GitHub as your Git repository. This will bring up a window where you have to confirm that you will allow Netlify access to your GitHub account. 













&lt;figure  id=&#34;figure-autorize-netlify&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Autorize Netlify&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-authorization_hu0e8c3075b2cc29830072682f019be21e_59996_1ca211162f392c4f1a77581f0ab6d83b.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-authorization_hu0e8c3075b2cc29830072682f019be21e_59996_ec880050215fc33ef18cc416558c1c0f.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-authorization_hu0e8c3075b2cc29830072682f019be21e_59996_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-authorization_hu0e8c3075b2cc29830072682f019be21e_59996_1ca211162f392c4f1a77581f0ab6d83b.png&#34;
               width=&#34;760&#34;
               height=&#34;532&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Autorize Netlify
    &lt;/figcaption&gt;&lt;/figure&gt; (B) Then you have to specify to which repository Netlify should connect. 













&lt;figure  id=&#34;figure-choose-your-website-repository&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Choose your website repository.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-choose-repo_hufb6672971373fa201064206ba56b7850_61819_9c2cc12f2e0d3bf34727c89a8fd70309.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-choose-repo_hufb6672971373fa201064206ba56b7850_61819_6d613b96b0ebe56febe3ce56f21546da.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-choose-repo_hufb6672971373fa201064206ba56b7850_61819_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-choose-repo_hufb6672971373fa201064206ba56b7850_61819_9c2cc12f2e0d3bf34727c89a8fd70309.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Choose your website repository.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;deploy-settings&#34;&gt;Deploy settings&lt;a href=&#34;#deploy-settings&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;In the third and last step (C in my former notation) on Netlify to create your website you have to specify the details (parameters) to let Netlify know which type of website it has to build. In the example in the screenshot I said that Netlify should watch my master branch, build a Hugo website from the public repository with the newest version of Hugo at the time of writing this tutorial (version 0.26). 













&lt;figure  id=&#34;figure-specify-the-deploy-settings&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Specify the deploy settings.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-deploy-settings_hu12e508f650636e963471cce3c4c8e991_75765_e37f7b7cf93299b1ea26346f63f6b327.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-deploy-settings_hu12e508f650636e963471cce3c4c8e991_75765_3590196c93a8f29f63584b5534e3bff4.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-deploy-settings_hu12e508f650636e963471cce3c4c8e991_75765_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-deploy-settings_hu12e508f650636e963471cce3c4c8e991_75765_e37f7b7cf93299b1ea26346f63f6b327.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Specify the deploy settings.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;deploy-website&#34;&gt;Deploy website&lt;a href=&#34;#deploy-website&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;After clicking &amp;ldquo;Deploy website&amp;rdquo; you can lean back and watch Netlify busy working on building the website. This may take for this initial step some time but later on Netlify will finish work almost immediately as it only builds the new/changed files incrementally. When the rolling down of the messages stops you should see as last line: &amp;ldquo;Site is live&amp;rdquo;! 













&lt;figure  id=&#34;figure-wait--and-watch-netlify-working-until-it-is-finished&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Wait — and watch Netlify working until it is finished.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-site-is-live_hu3e108f9c2ec2545ba1ec933125e37f22_125573_32623897c732ff6762951ae2b24c442b.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-site-is-live_hu3e108f9c2ec2545ba1ec933125e37f22_125573_6b02473558cfbdb4df854b7554d0be0a.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-site-is-live_hu3e108f9c2ec2545ba1ec933125e37f22_125573_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-site-is-live_hu3e108f9c2ec2545ba1ec933125e37f22_125573_32623897c732ff6762951ae2b24c442b.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Wait — and watch Netlify working until it is finished.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;preview-deploy&#34;&gt;Preview deploy&lt;a href=&#34;#preview-deploy&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Scroll back to the beginning of the log messages. You will see that Netlify has giving you a random URL but you can change this later on to your liking. Click &amp;ldquo;Preview deploy&amp;rdquo; to go to the URL of your new website. 













&lt;figure  id=&#34;figure-inspect-your-random-url&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Inspect your random URL.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-preview-deploy_hu80f74a2efe29be0eb3484699c5687131_114761_9fb214057aa7808f0f0d23f3c00f5b52.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-preview-deploy_hu80f74a2efe29be0eb3484699c5687131_114761_3366748a0b05fc45843249d3666facae.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/netlify-preview-deploy_hu80f74a2efe29be0eb3484699c5687131_114761_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/netlify-preview-deploy_hu80f74a2efe29be0eb3484699c5687131_114761_9fb214057aa7808f0f0d23f3c00f5b52.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Inspect your random URL.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;website-is-online&#34;&gt;Website is online!&lt;a href=&#34;#website-is-online&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Congratulations! Your website is now online. 













&lt;figure  id=&#34;figure-your-website-is-online&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Your website is online.&#34; srcset=&#34;
               /2017/09/09/blogdown-tutorial-part-4/images/website-is-online_hu953c9fef6f5acfbcf9c502823bcc3762_168685_90a6332992bdb209beea630c78355c92.png 400w,
               /2017/09/09/blogdown-tutorial-part-4/images/website-is-online_hu953c9fef6f5acfbcf9c502823bcc3762_168685_da0539e5e42711ef39ab5065032c60ae.png 760w,
               /2017/09/09/blogdown-tutorial-part-4/images/website-is-online_hu953c9fef6f5acfbcf9c502823bcc3762_168685_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/images/website-is-online_hu953c9fef6f5acfbcf9c502823bcc3762_168685_90a6332992bdb209beea630c78355c92.png&#34;
               width=&#34;760&#34;
               height=&#34;443&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Your website is online.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;final-comments&#34;&gt;Final comments&lt;a href=&#34;#final-comments&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;This was a very quick tour where I have covered just the things I believed to be essential. If you are (like me) new to static website generators then the different steps together seem overwhelmingly complex. But with patience and some trial and errors you should succeed &amp;mdash; as I have. There are many other (better) tutorials and How-Tos around. You should definitely read carefully the book &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown: Creating websites with R Markdown&lt;/a&gt; and the reports of different experiences from the new &lt;a href=&#34;https://support.rbind.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;rbind community&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#39;Z3988&#39; title=&#39;url_ver=Z39.88-2004&amp;amp;ctx_ver=Z39.88-2004&amp;amp;rfr_id=info%3Asid%2Fzotero.org%3A2&amp;amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;amp;rft.type=blogPost&amp;amp;rft.title=Blogdown%20tutorial%20(Part%204)&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=In%20this%20fourth%20part%20of%20the%20tutorial%20I%20will%20explain%20a%20method%20how%20to%20bring%20your%20website%20online.%20My%20preferred%20method%20is%20to%20transfer%20the%20files%20via%20GitHub%20to%20Netlify,%20a%20service%20specialized%20for%20quickly%20rolling%20out%20static%20websites.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F09%2F09%2Fblogdown-tutorial-part-4&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-09-09&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Blogdown tutorial (Part 2)</title>
      <link>https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/</link>
      <pubDate>Tue, 05 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/</guid>
      <description>


&lt;h2 id=&#34;creating-a-github-repository&#34;&gt;Creating a Github repository&lt;a href=&#34;#creating-a-github-repository&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h2&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2021-05-19: Even if some screenshots might have changed slightly, this part of the tutorial is still up to date. But there are now many other resources with the same content available.&lt;/p&gt;
&lt;p&gt;Especially I would like to recommend &lt;a href=&#34;https://alison.rbind.io/post/new-year-new-blogdown/&#34;&gt;Up &amp;amp; running with blogdown in 2021&lt;/a&gt; by Allison Hill, co-author of the &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34;&gt;blogdown book&lt;/a&gt;. There is a small part at the end to the &lt;a href=&#34;https://alison.rbind.io/post/new-year-new-blogdown/#using-github&#34;&gt;integration into GitHub&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;R User now can use the helpful package &lt;code&gt;usethis&lt;/code&gt; with information &lt;a href=&#34;https://usethis.r-lib.org/articles/articles/git-credentials.html&#34;&gt;how to get Git(Hub) Credentials&lt;/a&gt; and with &lt;a href=&#34;https://happygitwithr.com/&#34;&gt;Happy Git and GitHub for the useR&lt;/a&gt; there is also a gentle introduction to Git &amp;amp; GitHub.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/&#34;&gt;part 1 we have installed the hugo-academic theme&lt;/a&gt; on top of R, RStudio and blogdown. We will continue the installation process with creating a remote GitHub repository.&lt;/p&gt;



&lt;h3 id=&#34;create-a-github-repo&#34;&gt;Create a GitHub repo&lt;a href=&#34;#create-a-github-repo&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;In case you do not have a GitHub account, sign up for it. When you have finished the registration process click the button &amp;ldquo;Start a project&amp;rdquo;. If you already have an account click at &amp;ldquo;New repository&amp;rdquo;. 













&lt;figure  id=&#34;figure-creating-a-new-github-repository&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Creating a new GitHub repository. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/new-repo_hu95879894875aed5b0eee2ff3228c7544_155686_d5dc348ad5381120efe0bc2842692986.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/new-repo_hu95879894875aed5b0eee2ff3228c7544_155686_2f68a53b44196788ffc1dfc48bfbd860.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/new-repo_hu95879894875aed5b0eee2ff3228c7544_155686_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/new-repo_hu95879894875aed5b0eee2ff3228c7544_155686_d5dc348ad5381120efe0bc2842692986.png&#34;
               width=&#34;760&#34;
               height=&#34;390&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Creating a new GitHub repository.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;name-your-github-repo&#34;&gt;Name your GitHub repo&lt;a href=&#34;#name-your-github-repo&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Both actions (&amp;ldquo;Start a project&amp;rdquo; and &amp;ldquo;New repository&amp;rdquo;) opens up a window where you can name your new repository. Leave all the other options empty resp. as they are and click the green button &amp;ldquo;Create repository&amp;rdquo;. 













&lt;figure  id=&#34;figure-name-your-new-github-repository&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Name your new GitHub repository. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/create-github-repo_hu93d1a95689fec5cd7ca996788fb0787d_71816_b131106db944553066002fefee3c1073.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/create-github-repo_hu93d1a95689fec5cd7ca996788fb0787d_71816_255f2ee8899dada4ed0f46eb0fd01b97.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/create-github-repo_hu93d1a95689fec5cd7ca996788fb0787d_71816_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/create-github-repo_hu93d1a95689fec5cd7ca996788fb0787d_71816_b131106db944553066002fefee3c1073.png&#34;
               width=&#34;760&#34;
               height=&#34;390&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Name your new GitHub repository.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;quick-setup&#34;&gt;Quick Setup&lt;a href=&#34;#quick-setup&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;The last click brings you to a &amp;ldquo;Quick setup&amp;rdquo; page with several options. As there already exist a repository with our hugo-academic files, we copy the two lines in the third option: &amp;ldquo;push an existing repository from the command line&amp;rdquo;. 













&lt;figure  id=&#34;figure-quick-setup-push-an-exiting-repository-from-the-command-line&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Quick setup: push an exiting repository from the command line. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/quick-repo-setup_hu2c0c3ecb8d27525bac3db7e26e986b58_118417_b480a5de8a51d063fabb25187a098fe7.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/quick-repo-setup_hu2c0c3ecb8d27525bac3db7e26e986b58_118417_e9aed268777052c51cee111454473ec4.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/quick-repo-setup_hu2c0c3ecb8d27525bac3db7e26e986b58_118417_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/quick-repo-setup_hu2c0c3ecb8d27525bac3db7e26e986b58_118417_b480a5de8a51d063fabb25187a098fe7.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Quick setup: push an exiting repository from the command line.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;shell-commands-git-init&#34;&gt;Shell commands: git init&lt;a href=&#34;#shell-commands-git-init&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;But before we can paste these two lines into the terminal in order to link our local with the remote GitHub repository we need to &lt;a href=&#34;https://git-scm.com/downloads&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;download Git&lt;/a&gt; and install it. The best description I know of the installation procedure and its integration with RStudio is by Hadley Wickham in chapter 13 of his book about R Packages. There is a online version available. Read the two sections &lt;a href=&#34;http://r-pkgs.had.co.nz/git.html#git-init&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Initial set up and Create a local Git repository&lt;/a&gt;. For the mentioned shell commands you can use the Terminal tab of RStudio in the left lower pane. 













&lt;figure  id=&#34;figure-use-for-the-shell-command-the-new-terminal-tab-of-rstudio&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Use for the shell command the new terminal tab of RStudio. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/terminal-without-commands_hucaeb99bbdbb2c9669612562e49db28a6_219134_6a8b78adb4b74ed31e2a12185a55009b.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/terminal-without-commands_hucaeb99bbdbb2c9669612562e49db28a6_219134_66a6af0338f92415e853eeb1c72ff381.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/terminal-without-commands_hucaeb99bbdbb2c9669612562e49db28a6_219134_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/terminal-without-commands_hucaeb99bbdbb2c9669612562e49db28a6_219134_6a8b78adb4b74ed31e2a12185a55009b.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Use for the shell command the new terminal tab of RStudio.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;git-tab-in-rstudio&#34;&gt;Git tab in RStudio&lt;a href=&#34;#git-tab-in-rstudio&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;5After the shell command &lt;code&gt;git init&lt;/code&gt; the local repository is under version control. After you have restarted RStudio you will now see new tabs in the RStudio panes. Click in the Git tab in the upper right pane. This reveals a bunch of folder and some files. The yellow boxes with the question marks under the status column indicate that these file are not yet under version control. 













&lt;figure  id=&#34;figure-folders-and-files-which-are-not-under-version-control&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Folders and files which are not under version control. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/git-folders-and-files_huf570156bc5e6ae4051c4dd6c1530e956_223570_810b8a8f392bc3a019b2c5060b389995.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-folders-and-files_huf570156bc5e6ae4051c4dd6c1530e956_223570_050ed57d0c2a021140e19935ed1b7177.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-folders-and-files_huf570156bc5e6ae4051c4dd6c1530e956_223570_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/git-folders-and-files_huf570156bc5e6ae4051c4dd6c1530e956_223570_810b8a8f392bc3a019b2c5060b389995.png&#34;
               width=&#34;760&#34;
               height=&#34;466&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Folders and files which are not under version control.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;add-files-under-version-control&#34;&gt;Add files under version control&lt;a href=&#34;#add-files-under-version-control&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;To bring these folders and files under version control you have to select all of them and click in one of the check boxes under the column &amp;ldquo;Staged&amp;rdquo;. You will see now a lot more files as all the files under the still untracked folders are explicitly shown. The &lt;code&gt;A&lt;/code&gt; indicates that these files are new (are just added) to the repository. 













&lt;figure  id=&#34;figure-new-added-files-to-be-set-under-version-control&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;New (Added) files to be set under version control. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/git-added-files_hu6b952458a4f5110612bf54b2965eee6b_225184_ef553eac2b05f66d58c97b6882851d1b.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-added-files_hu6b952458a4f5110612bf54b2965eee6b_225184_e680432ca449b5b3c76c43651e3a14af.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-added-files_hu6b952458a4f5110612bf54b2965eee6b_225184_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/git-added-files_hu6b952458a4f5110612bf54b2965eee6b_225184_ef553eac2b05f66d58c97b6882851d1b.png&#34;
               width=&#34;760&#34;
               height=&#34;466&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      New (Added) files to be set under version control.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;initial-commit&#34;&gt;Initial commit&lt;a href=&#34;#initial-commit&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;A click in the Commit tab opens up a new window where you must write a message. This is necessary so that all collaborators (including the future-you!) remembers what was the change about. This first (e.g.initial) commit will bring all the files under version control. 













&lt;figure  id=&#34;figure-the-initial-commit-brings-many-files-under-version-control&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;The initial commit brings many files under version control. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/initial-commit_hu57b7a93b8d05679047fea85e23cca77d_58011_d6c7fe7f90f83b1d791b20885d01b0b5.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/initial-commit_hu57b7a93b8d05679047fea85e23cca77d_58011_1975f789448f5fb401b6c9ad499a766d.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/initial-commit_hu57b7a93b8d05679047fea85e23cca77d_58011_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/initial-commit_hu57b7a93b8d05679047fea85e23cca77d_58011_d6c7fe7f90f83b1d791b20885d01b0b5.png&#34;
               width=&#34;760&#34;
               height=&#34;502&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      The initial commit brings many files under version control.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;success-message&#34;&gt;Success message&lt;a href=&#34;#success-message&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;After sending your message by clicking the &lt;code&gt;Commit&lt;/code&gt; button you will see a list of all the committed files which are now in the local repository under version control. You can close this window and we can finally add our two lines copied from the GitHub page. 













&lt;figure  id=&#34;figure-files-are-successfully-committed&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Files are successfully committed. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/git-committed-files_hu84a01ce38aa142c394272869e46c3b7e_76635_f5a01146e68a492ce4493cb7ad5a3f2c.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-committed-files_hu84a01ce38aa142c394272869e46c3b7e_76635_ea142a5774e6b67c83c2b5329b621f90.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/git-committed-files_hu84a01ce38aa142c394272869e46c3b7e_76635_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/git-committed-files_hu84a01ce38aa142c394272869e46c3b7e_76635_f5a01146e68a492ce4493cb7ad5a3f2c.png&#34;
               width=&#34;760&#34;
               height=&#34;467&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Files are successfully committed.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;connect-local-with-remote-repo&#34;&gt;Connect local with remote repo&lt;a href=&#34;#connect-local-with-remote-repo&#34;&gt;&lt;svg class=&#34;anchor-symbol&#34; height=&#34;26&#34; width=&#34;26&#34; viewBox=&#34;0 0 22 22&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34;&gt;
&lt;path d=&#34;M0 0h24v24H0z&#34; fill=&#34;currentColor&#34;&gt;&lt;/path&gt;
&lt;path d=&#34;M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76.0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71.0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71.0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76.0 5-2.24 5-5s-2.24-5-5-5z&#34;&gt;&lt;/path&gt;
&lt;/svg&gt;&lt;/a&gt;
&lt;/h3&gt;
&lt;p&gt;Insert the two copied lines from the GitHub repository into the Terminal tab (red arrow). The first line will establish the connection between the local and the remote repository. The second line will push all the committed local files to the GitHub repository.Depending of you internet connection and how many data has to be transferred this can take a couple of seconds (blue arrow). 













&lt;figure  id=&#34;figure-connecting-local-git-with-remote-github-repository-and-pushing-the-initial-commit&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;
        &lt;img alt=&#34;Connecting local Git with remote GitHub repository and pushing the initial commit. &#34; srcset=&#34;
               /2017/09/05/blogdown-tutorial-part-2/images/connect-git-with-github_hu107764bc5bd0b97c71594a8a63310c68_248859_5131cf3cf5a592635338db18eacf1b6b.png 400w,
               /2017/09/05/blogdown-tutorial-part-2/images/connect-git-with-github_hu107764bc5bd0b97c71594a8a63310c68_248859_3ddd737ab1049f85d29aa10b32eed6e9.png 760w,
               /2017/09/05/blogdown-tutorial-part-2/images/connect-git-with-github_hu107764bc5bd0b97c71594a8a63310c68_248859_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/images/connect-git-with-github_hu107764bc5bd0b97c71594a8a63310c68_248859_5131cf3cf5a592635338db18eacf1b6b.png&#34;
               width=&#34;760&#34;
               height=&#34;475&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption data-pre=&#34;Figure&amp;nbsp;&#34; data-post=&#34;:&amp;nbsp;&#34; class=&#34;numbered&#34;&gt;
      Connecting local Git with remote GitHub repository and pushing the initial commit.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;
&lt;p&gt;After this second step we are going to to get &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/&#34;&gt;a live preview of your website&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#39;Z3988&#39; title=&#39;url_ver=Z39.88-2004&amp;amp;ctx_ver=Z39.88-2004&amp;amp;rfr_id=info%3Asid%2Fzotero.org%3A2&amp;amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&amp;amp;rft.type=blogPost&amp;amp;rft.title=Blogdown%20tutorial%20(Part%202)&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=In%20part%202%20we%20will%20create%20a%20GitHub%20repository%20and%20link%20it%20to%20our%20local%20repository,%20which%20we%20have%20created%20in%20part%201%20of%20this%20tutorial.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F09%2F05%2Fblogdown-tutorial-part-2&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-09-05&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
  </channel>
</rss>
