<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Posts | Thought splinters</title>
    <link>https://notes.peter-baumgartner.net/post/</link>
      <atom:link href="https://notes.peter-baumgartner.net/post/index.xml" rel="self" type="application/rss+xml" />
    <description>Posts</description>
    <generator>Wowchemy (https://wowchemy.com)</generator><language>en-us</language><copyright>CC BY-SA 4.0</copyright><lastBuildDate>Sat, 02 Apr 2022 00:00:00 +0000</lastBuildDate>
    <image>
      <url>https://notes.peter-baumgartner.net/media/icon_huab1e86cf5cbc1139acf672dc60b9d7d0_5213_512x512_fill_lanczos_center_2.png</url>
      <title>Posts</title>
      <link>https://notes.peter-baumgartner.net/post/</link>
    </image>
    
    <item>
      <title>Introduction to R for Social Scientists (I2RSS)</title>
      <link>https://notes.peter-baumgartner.net/2022/04/02/book-review-introduction-to-r-for-social-scientists/</link>
      <pubDate>Sat, 02 Apr 2022 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2022/04/02/book-review-introduction-to-r-for-social-scientists/</guid>
      <description>


&lt;h1 id=&#34;acclamations-for-i2rss&#34;&gt;Acclamations for I2RSS&lt;a href=&#34;#acclamations-for-i2rss&#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;/h1&gt;
&lt;p&gt;From my training (Ph.D. in sociology) but also from my different
professorship on educational sciences, I was pleased finally to see a
new R introduction especially directed at social scientists. The book
title &amp;ldquo;Introduction to R for Social Scientists: A Tidy Programming
Approach&amp;rdquo; (abbreviated I2RSS) was promising for me for two reasons.&lt;/p&gt;



&lt;h2 id=&#34;authors-experienced-in-political-social--dats-science&#34;&gt;Authors experienced in political, social &amp;amp; dats science&lt;a href=&#34;#authors-experienced-in-political-social--dats-science&#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;The book is written by &lt;a href=&#34;https://ryanpkennedy.weebly.com/&#34;&gt;Ryan
Kennedy&lt;/a&gt; and &lt;a href=&#34;https://pdwaggoner.github.io/&#34;&gt;Philip
Waggoner&lt;/a&gt;, two prestigious scientists involved in political and
social research. Whereas Ryan has an astonishing career in political
science, is Philip exceptionally experienced at an academic level in
computational social science and data science. Philip is also a member
of
&lt;a href=&#34;https://easystats.github.io/easystats/index.html&#34;&gt;easystats&lt;/a&gt;
(a software group that tends to an ecosystem of packages making
statistics in R easy).&lt;/p&gt;



&lt;h2 id=&#34;promoting-the-modern-tidyverse-approach&#34;&gt;Promoting the modern tidyverse approach&lt;a href=&#34;#promoting-the-modern-tidyverse-approach&#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;The book features the &lt;a href=&#34;&lt;https://www.tidyverse.org/&#34;&gt;tidyverse
approach&lt;/a&gt; a modern collection of R packages that share an underlying
design philosophy, grammar, and data structures.&lt;/p&gt;



&lt;h2 id=&#34;real-data-results-discussed-and-gentle-dialog-with-reader&#34;&gt;Real data, results discussed and gentle dialog with reader&lt;a href=&#34;#real-data-results-discussed-and-gentle-dialog-with-reader&#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;Without doubts, the book has several other merits: It uses real data
sets, e.g., from the
&lt;a jref=&#34;https://electionstudies.org/data-center/anes-2016-pilot-study/&#34;&gt;American
National Election Studies&lt;/a&gt; (ANES) and teaches data management,
visualizations, exploratory data analysis (EDA), and statistical
modeling not in an abstract way, but also discusses the exciting results
with their data sets. It talks to the reader in a very sympathetic and
comforting way to master the (still very) steep learning curve for R
beginners.&lt;/p&gt;



&lt;h1 id=&#34;some-drawbacks-and-failures&#34;&gt;Some drawbacks and failures&lt;a href=&#34;#some-drawbacks-and-failures&#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;/h1&gt;
&lt;p&gt;But unfortunately, there are also two significant drawbacks to this
introduction:&lt;/p&gt;



&lt;h2 id=&#34;educational-inconsistencies&#34;&gt;Educational inconsistencies&lt;a href=&#34;#educational-inconsistencies&#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;The book has several weaknesses from an educational point of view:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;With some exceptions (data classes, data structures, and the map
function from the &lt;i&gt;purrr&lt;/i&gt; package is the chapter on &amp;ldquo;Essential
programming,&amp;rdquo; in my personal view to advanced for R beginners,
especially for people from the social sciences with no programming
background.&lt;/li&gt;
&lt;li&gt;Comparing the same results with base R and tidyverse code may be
interesting for intermediate users. Still, it is a waste of time and
complicates things for beginners. It is also misusing the sparse
place in the book, which has only 198 pages.&lt;/li&gt;
&lt;li&gt;The book uses R scripts and does not feature Rmd files. This is
strange as literary programming is an essential step for
reproducibility, and RMarkdown also facilitates interactive use of
the program code.&lt;/li&gt;
&lt;li&gt;Sometimes, the results of the code chunks are missings (e.g.,
graphs, tables, or reports). The explaining text under the code is,
therefore, abstract. There are also some link errors, providing an
URL starting with &amp;ldquo;www&amp;rdquo; where the referring webpage does not
need/accept this addition.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;These above weaknesses result in the deduction of one of the five stars.&lt;/p&gt;



&lt;h2 id=&#34;not-a-role-model-for-open-science&#34;&gt;Not a role model for Open Science&lt;a href=&#34;#not-a-role-model-for-open-science&#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;The second star deduction is motivated by missing teaching modern
scientific behavior for early career researchers (ECRs). This
shortcoming includes the prominent use of R Markdown and the use of
collaboration and Open Science. I think that after the publication of &lt;a
href=&#34;https://happygitwithr.com/&#34;&gt;Happy Git&lt;/a&gt;, there is no excuse
anymore to teach Git and GitHub (or similar systems) even for R
beginners. Another big mistake is not using the open-access politics of
the bookdown.org infrastructure for the online version of the book.&lt;/p&gt;
&lt;p&gt;In the book, the authors promote the friendliness and importance of the
R community several times. They even mention that the book was initially
written with the help of the bookdown package (page 2). So why not
supply a role model for R beginners and young researchers?&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>repairData - My First R Package at CRAN</title>
      <link>https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/</link>
      <pubDate>Sun, 24 Oct 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/</guid>
      <description>


&lt;h2 id=&#34;r-packages-book-as-a-valuable-assistance&#34;&gt;R Packages book as a valuable assistance&lt;a href=&#34;#r-packages-book-as-a-valuable-assistance&#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 am pleased: &lt;a href=&#34;https://cran.r-project.org/web/packages/repairData/index.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;code&gt;repairData&lt;/code&gt; is on
CRAN&lt;/a&gt;
(The Comprehensive R Archive Network!
&lt;a href=&#34;https://petzi53.github.io/repairData/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;code&gt;repairData&lt;/code&gt;&lt;/a&gt; is my first
package; offers only five data sets and is therefore not a brilliant
feat. The real achievement for me was that I successfully completed the
complex submission process for the first time. Without &lt;a href=&#34;https://r-pkgs.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R
Packages&lt;/a&gt;, the still not finished but already
publicly accessible 2nd edition by &lt;a href=&#34;http://hadley.nz/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hadley Wickham&lt;/a&gt;
and &lt;a href=&#34;https://jennybryan.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Jenny Bryan&lt;/a&gt;, I wouldn&amp;rsquo;t have succeeded &amp;ndash;
at least not relatively easy on my second trial.&lt;/p&gt;














&lt;figure  id=&#34;figure-r-packages&#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;Book Cover of &amp;#39;R Packages&amp;#39;&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/cover-r-packages-min_hudc3fc9eecdbba901ce51a8b7379690e2_79081_11fb2746e321ccd3734f7453a66229ab.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/cover-r-packages-min_hudc3fc9eecdbba901ce51a8b7379690e2_79081_4d0ac507a5f6ff300d66652c6ad942d9.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/cover-r-packages-min_hudc3fc9eecdbba901ce51a8b7379690e2_79081_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/cover-r-packages-min_hudc3fc9eecdbba901ce51a8b7379690e2_79081_11fb2746e321ccd3734f7453a66229ab.png&#34;
               width=&#34;70%&#34;
               height=&#34;656&#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;
      Book Cover of &amp;lsquo;R Packages&amp;rsquo;
    &lt;/figcaption&gt;&lt;/figure&gt;



&lt;h2 id=&#34;goal-of-the-datasets&#34;&gt;Goal of the datasets&lt;a href=&#34;#goal-of-the-datasets&#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;&lt;code&gt;repairData&lt;/code&gt; offers the dataset of the &lt;a href=&#34;https://openrepair.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Repair
Alliance&lt;/a&gt; (ORA), from February 21, 2021. The
data set corresponds to the &lt;a href=&#34;https://standard.openrepair.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Repair Data
Standards&lt;/a&gt; (ORDS) developed by the ORA
in its last version, 0.2.1.&lt;/p&gt;
&lt;p&gt;Data from five providers can currently &lt;a href=&#34;https://openrepair.org/open-data/downloads/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;downloaded
separately&lt;/a&gt; from the Open
Repair Alliance (ORA) website. When I developed repairData, I thought
that it would be an advantage for users if they had the data already
aggregated and available. Users can separate the different databases
again via the &amp;ldquo;Data provider ID&amp;rdquo; category.&lt;/p&gt;
&lt;p&gt;On the &lt;a href=&#34;https://github.com/openrepair/data&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub repository of the Open Repair
Alliance&lt;/a&gt;, I also found four other
data sets on
&lt;a href=&#34;https://github.com/openrepair/data/tree/master/quests/batteries&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;batteries&lt;/a&gt;,
&lt;a href=&#34;https://github.com/openrepair/data/tree/master/quests/printers&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;printers&lt;/a&gt;,
&lt;a href=&#34;https://github.com/openrepair/data/tree/master/quests/mobiles&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;smartphones&lt;/a&gt;,
and
&lt;a href=&#34;https://github.com/openrepair/data/tree/master/quests/tablets&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tablets&lt;/a&gt;.
Data sets with the corresponding categories were extracted from the
database and examined separately as part of a concerted online campaign.&lt;/p&gt;
&lt;p&gt;The main aim of these excerpts is to find out the causes of the defects
and what obstacles arose during the repair. At the repair events, there
is usually not enough time to investigate such more targeted questions.
In principle, these database extracts differ from the primary data
record only by an additional column to categorize the errors.&lt;/p&gt;
&lt;p&gt;The goal of the various initiatives in the ORA is to collect repair data
in a standardized manner and make them publicly available. The dataset
should provide evidence of shortcomings in our affluent society: Planned
obsolescence, wasted energy, filigree construction, and limited access
to repairs. The collected data should help build up pressure against
companies and the government for changes in production and regulations.&lt;/p&gt;



&lt;h2 id=&#34;five-data-providers&#34;&gt;Five data providers&lt;a href=&#34;#five-data-providers&#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;The five organizations of the ORA are:&lt;/p&gt;



&lt;h3 id=&#34;repair-café-international&#34;&gt;Repair Café International&lt;a href=&#34;#repair-caf%c3%a9-international&#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 Dutch journalist &lt;a href=&#34;https://en.wikipedia.org/wiki/Martine_Postma&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Martine
Postma&lt;/a&gt; started the Repair
Café movement by establishing the first Repair Café on October 18, 2009,
in Amsterdam. On March 2, 2010, the &lt;a href=&#34;https://repaircafe.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Repair Café
International&lt;/a&gt; Foundation was founded as an
umbrella organization based in Amsterdam. There are now 2196 members
(Repair Cafés) in this network worldwide. 23,048 data sets, almost half
of all data, come from this network alone.&lt;/p&gt;














&lt;figure  id=&#34;figure-repair-cafe-map&#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;Google map with repair cafés&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/repair-cafe-wide-min_hua5b938de2924e0d18b82cb5595ff6a4a_86596_3095a636c3288524d48936af68da38d6.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/repair-cafe-wide-min_hua5b938de2924e0d18b82cb5595ff6a4a_86596_eced4768373684434e0795d4202f2d54.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/repair-cafe-wide-min_hua5b938de2924e0d18b82cb5595ff6a4a_86596_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/repair-cafe-wide-min_hua5b938de2924e0d18b82cb5595ff6a4a_86596_3095a636c3288524d48936af68da38d6.png&#34;
               width=&#34;100%&#34;
               height=&#34;337&#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;
      Google map with global distribution of 2.196 repair cafés (October 23, 2021).
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Community repair data is collected for the Repair Café International
foundation via the RepairMonitor platform. The
&lt;a href=&#34;https://repairmonitor.org/en/node/61&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;RepairMonitor&lt;/a&gt; is the online tool
for collecting and sharing repair data. The Repair Café International
website has an excellent &lt;a href=&#34;https://www.youtube.com/watch?v=WP24o2FEmvA&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;2-minute
video&lt;/a&gt; that explains repair
customers&#39; processes in the repair cafés.&lt;/p&gt;



&lt;h3 id=&#34;anstiftung&#34;&gt;anstiftung&lt;a href=&#34;#anstiftung&#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;&lt;a href=&#34;https://anstiftung.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;anstiftung&lt;/a&gt; is a non-profit foundation based in
Munich that, in addition to repair initiatives, also promotes other
movements to revitalize neighborhoods or interventions in public spaces,
such as intercultural and urban gardens, open workshops, and open source
projects.&lt;/p&gt;
&lt;p&gt;anstiftung is also active as a funding company. It researches,
publishes, and organizes the independent German network of over 1,000
repair initiatives. Repair cafés are held online continuously (weekly!)&lt;/p&gt;














&lt;figure  id=&#34;figure-anstiftung-pictures&#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;Collection of different posters for anstiftung events.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/anstiftung-pictures-min_hu5acc1573511c31619c94bf33eda91323_189191_2ea156680cbc8bc8824c47e2af0c72cd.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/anstiftung-pictures-min_hu5acc1573511c31619c94bf33eda91323_189191_21e98bb878ecf175c76852d7e9f10f61.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/anstiftung-pictures-min_hu5acc1573511c31619c94bf33eda91323_189191_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/anstiftung-pictures-min_hu5acc1573511c31619c94bf33eda91323_189191_2ea156680cbc8bc8824c47e2af0c72cd.png&#34;
               width=&#34;100%&#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;
      Collection of different posters for anstiftung events.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The community repair data will be collected in the &lt;a href=&#34;https://www.reparatur-initiativen.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;repair initiatives
platform&lt;/a&gt; from June 2018 (see the
&lt;a href=&#34;https://github.com/anstiftung/mapped-repair-events&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;repo on GitHub&lt;/a&gt;).
anstiftung has 4,798 records to the collective database contributed so
far.&lt;/p&gt;














&lt;figure  id=&#34;figure-anstiftung-reparatur-initiativen&#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;Screenshot of startpage of the reparatur-initiativen network.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/reparatur-initiativen-min_huad2eaefa88ec5806c5ba4881765c75ad_204276_c6e8a1f33a433d4284f38c20e3858c08.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/reparatur-initiativen-min_huad2eaefa88ec5806c5ba4881765c75ad_204276_c48aee24316908fdb92e91f2e5d475fc.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/reparatur-initiativen-min_huad2eaefa88ec5806c5ba4881765c75ad_204276_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/reparatur-initiativen-min_huad2eaefa88ec5806c5ba4881765c75ad_204276_c6e8a1f33a433d4284f38c20e3858c08.png&#34;
               width=&#34;100%&#34;
               height=&#34;468&#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;
      Screenshot of startpage of the reparatur-initiativen network.
    &lt;/figcaption&gt;&lt;/figure&gt;



&lt;h3 id=&#34;fixit-clinic&#34;&gt;Fixit Clinic&lt;a href=&#34;#fixit-clinic&#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;&lt;a href=&#34;https://fixitclinic.blogspot.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Fixit Clinic&lt;/a&gt; is a US initiative
that &amp;ldquo;got out of hand as a hobby&amp;rdquo; (founder &lt;a href=&#34;https://%20www.youtube.com/watch?v=qJtNrsgtAs0&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Peter
Mui&lt;/a&gt; in a YouTube video
(00: 21-00: 24)). Fixit Clinic is a &amp;ldquo;pop-up&amp;rdquo; activity where people take
their broken things apart. The Fixit Clinic provides coaches who guide
the participants through the repair process and provide the special
tools for the repair.&lt;/p&gt;
&lt;p&gt;In addition, Fixit Clinic is known worldwide for its &lt;a href=&#34;https://www.ifixit.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ifixit
website&lt;/a&gt;, which provides &amp;ldquo;repair instructions
for everything, written by everyone&amp;rdquo;. The website is an extensive
collection of advice and community forums in several languages ​​and
offers an online shop for repair tools.&lt;/p&gt;














&lt;figure  id=&#34;figure-fixit-websites&#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;Screenshot of fixit website.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/fixit-website-min_hu10e4da19cf33f18d06be9d1ee664d43f_301067_173f83c25d3f6aa296b492fdcd14e0da.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/fixit-website-min_hu10e4da19cf33f18d06be9d1ee664d43f_301067_84c3dfb3d9bbe2d86a72e6782c62541b.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/fixit-website-min_hu10e4da19cf33f18d06be9d1ee664d43f_301067_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/fixit-website-min_hu10e4da19cf33f18d06be9d1ee664d43f_301067_173f83c25d3f6aa296b492fdcd14e0da.png&#34;
               width=&#34;100%&#34;
               height=&#34;372&#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;
      Screenshot of fixit website.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The data is collected using the &lt;a href=&#34;https://fixitclinic.blogspot.com/p/item-re.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Broken Item
Report&lt;/a&gt; form as part of
the Fixit Clinic&amp;rsquo;s community repair events. In addition to the usual
information (article, brand, model, year of construction, problem), &lt;a href=&#34;https://goo.gl/qhpUkR&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;the
form&lt;/a&gt; also asks other questions about the
defective device, such as information on the exchange of repair
experience, the status of the spare parts, and what experiences there
were with the support of the manufacturer. The form is a kind of
&amp;ldquo;routing slip&amp;rdquo; with a constantly updated status report on the item. Both
&amp;ndash; successful and unsuccessful &amp;ndash;repair attempts at the events are
entered. Even the owners document their experiences of the daily uses.
Fixit Clinic has so far participated in the shared database with 487
data records.&lt;/p&gt;














&lt;figure  id=&#34;figure-broken-item-report&#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;Screenshot of ifixit webpage with link to the broken item report.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/ifitxit-clinic-item-report-min_hue1d79ec90715ceb8e4f94d1feb0a59ed_227598_9ffd50765e03aae3fcc4f61e8f5fe804.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/ifitxit-clinic-item-report-min_hue1d79ec90715ceb8e4f94d1feb0a59ed_227598_87b914418b455b68a826cb2409d3c933.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/ifitxit-clinic-item-report-min_hue1d79ec90715ceb8e4f94d1feb0a59ed_227598_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/ifitxit-clinic-item-report-min_hue1d79ec90715ceb8e4f94d1feb0a59ed_227598_9ffd50765e03aae3fcc4f61e8f5fe804.png&#34;
               width=&#34;100%&#34;
               height=&#34;749&#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;
      Screenshot of ifixit webpage with link to the broken item report.
    &lt;/figcaption&gt;&lt;/figure&gt;



&lt;h3 id=&#34;repair-café-wales&#34;&gt;Repair Café Wales&lt;a href=&#34;#repair-caf%c3%a9-wales&#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;&lt;a href=&#34;https://repaircafewales.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Repair Café Wales&lt;/a&gt; opens and supports
repair cafés across Wales. Unlike the other grassroots initiatives, this
project is funded by the Welsh Government (Welsh Government&amp;rsquo;s Landfill
Disposal Tax Community Scheme) and administered by the Wales Council for
Voluntary Action.&lt;/p&gt;














&lt;figure  id=&#34;figure-repair-cafe-wales&#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;Screenshot of website of the Repair Café Wales.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/Repair-Cafe-Wales-min_hu9bc81ac2653b915281400d63322d8d31_470674_4042aae12daa314eb65198af7a89decb.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/Repair-Cafe-Wales-min_hu9bc81ac2653b915281400d63322d8d31_470674_56d9f4e830cf3beca28d2015256ba9c5.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/Repair-Cafe-Wales-min_hu9bc81ac2653b915281400d63322d8d31_470674_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/Repair-Cafe-Wales-min_hu9bc81ac2653b915281400d63322d8d31_470674_4042aae12daa314eb65198af7a89decb.png&#34;
               width=&#34;100%&#34;
               height=&#34;424&#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;
      Screenshot of website of the Repair Café Wales.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Customers fill out a form after arriving at the repair café. There are
&lt;a href=&#34;https://repaircafewales.org/what-are-you-having-repaired-today/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;different forms to
access&lt;/a&gt;
depending on the repair item: Apparel/Textiles, Bag/Luggage/Purse,
Bicycle, Bicycle Accessory, Car Accessory, Furniture, Heater, Home
Decor, Jewelry/Accessory, Manual Tool, Misc, Scooter, Electrical Item.
As far as I can see from the first page, only the form for the
electrical items is different, sporting a list of categories.&lt;/p&gt;
&lt;p&gt;So far, 2505 records are documented via the Repair Cafés Wales.&lt;/p&gt;



&lt;h3 id=&#34;the-restart-project&#34;&gt;The Restart Project&lt;a href=&#34;#the-restart-project&#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;&lt;a href=&#34;https://therestartproject.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Restart Project&lt;/a&gt; is a London-based
social enterprise. It organizes regular restart parties where
participants teach each other how to repair or get their broken or slow
devices back on the road. The Restart project specializes in electrical
appliances, with the joint training and repair campaign ranging from
toasters to headphones to iPhones and tablets.&lt;/p&gt;














&lt;figure  id=&#34;figure-restart-project&#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;Screenshot of homepage of The Restart Project.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/restart-project-min_hufe8c15fa1a1bc6b9bc0293cd8332a09a_619422_a7f8af56dff2b8af0e9c195282db4a57.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/restart-project-min_hufe8c15fa1a1bc6b9bc0293cd8332a09a_619422_c3467b120226cf01fde90b9fd6e2a648.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/restart-project-min_hufe8c15fa1a1bc6b9bc0293cd8332a09a_619422_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/restart-project-min_hufe8c15fa1a1bc6b9bc0293cd8332a09a_619422_a7f8af56dff2b8af0e9c195282db4a57.png&#34;
               width=&#34;100%&#34;
               height=&#34;403&#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;
      Screenshot of homepage of The Restart Project, &amp;lsquo;a people-powered social enterprise that aims to fix our relationship with electronics&amp;rsquo;.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The Restart Project also works with schools and other organizations and
is co-founder of the &lt;a href=&#34;https://repair.eu/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;European Right to Repair
Campaign&lt;/a&gt;. This global movement advocates that
everyone has the right to repair the products they own themselves&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;.
The move aims to change the rules for making the devices so that they
are easy and affordable to repair. Another concern of Restart is to
protect or expand the owners&#39; rights after the purchase and to combat
the planned obsolescence&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;














&lt;figure  id=&#34;figure-right-to-repair&#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;Screenshot of the &amp;#39;Right to Repair Initiative&amp;#39; homepage.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/right-to-repair-min_hu58a4bcc284a22945488967f671294cd3_41211_9c89f40b6dbedfab2e58cefdae68fbe9.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/right-to-repair-min_hu58a4bcc284a22945488967f671294cd3_41211_4548ac777ddba5cf5b16022c7f815b07.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/right-to-repair-min_hu58a4bcc284a22945488967f671294cd3_41211_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/right-to-repair-min_hu58a4bcc284a22945488967f671294cd3_41211_9c89f40b6dbedfab2e58cefdae68fbe9.png&#34;
               width=&#34;100%&#34;
               height=&#34;495&#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;
      Screenshot of the &amp;lsquo;Right to Repair Initiative&amp;rsquo; homepage.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Data is collected at community repair events and recorded in the
&lt;a href=&#34;https://restarters.net/about&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Restarters.net&lt;/a&gt; Fixometer module.
&lt;a href=&#34;https://therestartproject.org/fixometer-2/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Fixometer&lt;/a&gt; is the software
and database for recording the effects of community repair activities
(see also the &lt;a href=&#34;https://github.com/TheRestartProject/restarters.net&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;repository on
GitHub&lt;/a&gt;). The
Restart Project is known for its scientifically-based calculation of the
CO2 savings by extending the life cycles of the repaired devices (see
the FAQ on the three topics:&lt;/p&gt;
&lt;p&gt;How is data collected? How are the calculations made? What can we learn
from the data?&lt;/p&gt;














&lt;figure  id=&#34;figure-co2-emissions&#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;Banner of the Restarters website, which compiles and continuously updates the successes of the repair efforts. 11,035 devices repaired, 445,782 kg CO2 saved, 27,602 kg. Rubbish prevented, 2,252 events held.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/C02-emissions-min_hu00cb11d8937ec5dddcbd95ed9dc84a73_8196_a7f26d4e112df238c86bfe1bde1fd9e6.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/C02-emissions-min_hu00cb11d8937ec5dddcbd95ed9dc84a73_8196_beb250d6934db873501565bfd89f0bab.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/C02-emissions-min_hu00cb11d8937ec5dddcbd95ed9dc84a73_8196_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/C02-emissions-min_hu00cb11d8937ec5dddcbd95ed9dc84a73_8196_a7f26d4e112df238c86bfe1bde1fd9e6.png&#34;
               width=&#34;100%&#34;
               height=&#34;95&#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;
      Banner of the Restarters website, which compiles and continuously updates the successes of the repair efforts.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Due to their strict methodical approach, only the organizers of the
restart parties log the item&amp;rsquo;s status of the appliances brought to the
event for repair. The organizers are also the ones who then enter the
results in the Fixometer online database. The Restart Project has
already contributed 17,840 data records to the joint data acquisition.&lt;/p&gt;



&lt;h2 id=&#34;aim-of-repairdata-package&#34;&gt;Aim of repairData package&lt;a href=&#34;#aim-of-repairdata-package&#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;With the data preparation for the large R community, I hope that the
data set will attract more attention and be examined more closely by
statistics, visualization, and modeling experts. I myself also plan to
take a closer look at the data as part of a planned R tutorial project.&lt;/p&gt;














&lt;figure  id=&#34;figure-repair-data&#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;Screenshot of the repairData documentation page.&#34; srcset=&#34;
               /2021/10/24/repairdata-my-first-r-package/images/repairData-screenshot-min_hua574726835dbc94a7867df4ede74ace8_63736_171bd6a77d86426aa71bd05536d2d882.png 400w,
               /2021/10/24/repairdata-my-first-r-package/images/repairData-screenshot-min_hua574726835dbc94a7867df4ede74ace8_63736_25d06d1608eacd2394a1175c9d3b7283.png 760w,
               /2021/10/24/repairdata-my-first-r-package/images/repairData-screenshot-min_hua574726835dbc94a7867df4ede74ace8_63736_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/10/24/repairdata-my-first-r-package/images/repairData-screenshot-min_hua574726835dbc94a7867df4ede74ace8_63736_171bd6a77d86426aa71bd05536d2d882.png&#34;
               width=&#34;100%&#34;
               height=&#34;461&#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;
      Screenshot of the repairData documentation page, written with the pkgdown package.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;&lt;i&gt;&amp;ldquo;We are people, we are repairers, we are sustainability
activists, we are community. &amp;mdash;&amp;mdash; We believe products should last
longer, and therefore when broken, they should be repaired. This
requires products to be designed for repair as well as support for
repairers of all kinds. &amp;mdash;&amp;mdash; We are asking for the right to
repair.&amp;quot;&lt;/i&gt; &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:2&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;We talk about planned obsolescence when a manufacturer consciously
makes design and manufacturing decisions that results in a limited
product life. This doesn&amp;rsquo;t necessarily mean that products are made
to break after a certain period. If a manufacturer designs a product
in such a way that it cannot be disassembled, or if they decide not
to make spare parts, repair information, or software updates
available, they are making a deliberate choice that result in a
limited product life &amp;ndash; the product becomes obsolete due to the
manufacturer&amp;rsquo;s decision not to support its prolonged use. &lt;a href=&#34;#fnref:2&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <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>Using Emojis Revisited</title>
      <link>https://notes.peter-baumgartner.net/2021/07/30/using-emojis-revisited/</link>
      <pubDate>Fri, 30 Jul 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/07/30/using-emojis-revisited/</guid>
      <description>
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/07/30/using-emojis-revisited/index_files/header-attrs/header-attrs.js&#34;&gt;&lt;/script&gt;


&lt;p&gt;I already &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/04/19/using-emojis-in-r-and-rmarkdown/&#34;&gt;reported on my learnings&lt;/a&gt; on the &lt;a href=&#34;https://github.com/hadley/emo&#34;&gt;emo package&lt;/a&gt; in conjunction with some pull requests for &lt;a href=&#34;https://github.com/OpenIntroStat/ims-tutorials&#34;&gt;interactive tutorials&lt;/a&gt; for the OpenIntro textbook &lt;a href=&#34;https://openintro-ims.netlify.app/index.html&#34;&gt;Introduction to Modern Statistics&lt;/a&gt;. In the meanwhile, the book is — after some reorganization of its chapters — finished and published. I ordered the &lt;a href=&#34;https://smile.amazon.de/Introduction-Modern-Statistics-Mine-%C3%87etinkaya-Rundel/dp/1943450145/&#34;&gt;print version of the book via Amazon&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;On August 13th, I started working through the tutorials and reading the new book and &lt;a href=&#34;https://github.com/OpenIntroStat/ims-tutorials/pulls?q=is%3Apr+author%3Apetzi53+&#34;&gt;prepared several pull requests&lt;/a&gt;. There I encountered the problem of finding a special emoji without knowing the name or keyword. Meanwhile, I solved the difficulty of finding the emoji name for 🔟. There are even several solutions.&lt;/p&gt;
&lt;ol style=&#34;list-style-type: decimal&#34;&gt;
&lt;li&gt;&lt;a href=&#34;https://github.com/mine-cetinkaya-rundel&#34; title=&#34;GitHub account of Mine Cetinkaya-Rundel&#34;&gt;Mine Cetinkaya-Rundel&lt;/a&gt; referenced the &lt;a href=&#34;emojiterra.com&#34;&gt;EmojiTerra.com&lt;/a&gt; website to me. There you can search for the symbol to get &lt;a href=&#34;https://emojiterra.com/keycap-10/&#34; title=&#34;Emoji Keycap-10 page on EmojiTerra&#34;&gt;all the details of the corresponding emoji&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;With &lt;code&gt;emo::ji_name&lt;/code&gt;, you will get a list of 4239 names as character strings and their corresponding value as emoji. But you have to inspect the list manually, which really is not practical. (At least I did not find a better solution programmatically.)&lt;/li&gt;
&lt;li&gt;A more practical solution is to produce a data frame with &lt;code&gt;emojis_df &amp;lt;- emo::jis&lt;/code&gt; and to inspect it via the RStudio command &lt;code&gt;View(emojis_df)&lt;/code&gt;. There you can put the emoji symbol into the search field to get the required information.&lt;/li&gt;
&lt;li&gt;You could also get the Unicode on macOS via the window for emojis and symbols (CMD-SHIFT-SPACE) with a right-click on the icon. You will get a bunch of localized information, including the Unicode.&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/macOS-emoji-window-min.png&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Screenshot of macOS window showing keycap-10 emoji&lt;/p&gt;
&lt;/div&gt;
&lt;pre class=&#34;html&#34;&gt;&lt;code&gt;🔟
Taste mit der Zahl 10
Unicode: U+1F51F, UTF-8: F0 9F 94 9F&lt;/code&gt;&lt;/pre&gt;
&lt;div id=&#34;summary&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Summary&lt;/h2&gt;
&lt;p&gt;All in all, just options 1 and 3 are feasible in a practical manner. Either to call the &lt;a href=&#34;emojiterra.com&#34;&gt;EmojiTerra.com&lt;/a&gt; website or to use &lt;code&gt;View(emo::jis)&lt;/code&gt; inside RStudio.&lt;/p&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>H5P and Introduction to Modern Statistics</title>
      <link>https://notes.peter-baumgartner.net/2021/07/11/h5p-and-introduction-to-modern-statistics/</link>
      <pubDate>Sun, 11 Jul 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/07/11/h5p-and-introduction-to-modern-statistics/</guid>
      <description>&lt;p&gt;Three week ago I received via amazon &lt;a href=&#34;https://smile.amazon.de/Introduction-Modern-Statistics-Mine-%C3%87etinkaya-Rundel/dp/1943450145/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;the paperback version of Introduction to Modern Statistics via Amazon&lt;/a&gt;. This is one of the rare exceptions where I need &amp;mdash; in addition to the online and/or ebook version &amp;mdash; the print edition as well. I didn&amp;rsquo;t buy the textbook just for reading but for adding educational tools, especially to this book and generally for the overall &lt;a href=&#34;https://openintro.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;OpenIntro project&lt;/a&gt;.&lt;/p&gt;



&lt;h2 id=&#34;how-to-integrate-h5p-exercises-into-statistics&#34;&gt;How to integrate H5P exercises into statistics?&lt;a href=&#34;#how-to-integrate-h5p-exercises-into-statistics&#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;heading&#34;&gt;&lt;a href=&#34;#heading&#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;My idea is to generate exercises with &lt;a href=&#34;https://h5p.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;H5P&lt;/a&gt; for statistics and/or data science courses applying R.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package and aims to make it easy for everyone to create, share and reuse interactive HTML5 content. (&lt;a href=&#34;https://en.wikipedia.org/w/index.php?title=H5P&amp;amp;oldid=1021454577&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I am convinced that the many sophisticated but easy-to-use H5P content types are an excellent choice to support textbooks with interactive exercises. Adding H5P exercises is especially valuable for those (predominantly theoretical) textbooks in statistics that are agnostic to a particular computing language.&lt;/p&gt;
&lt;p&gt;But my opinion is not very relevant, as I am not teaching statistics or related subjects. My conviction is motivated by my general educational expertise but not by subject knowledge on statistics or data science. As for any educational design only a cooperation between domain and didactic expert results in valuable educational interactions.&lt;/p&gt;
&lt;p&gt;But what about books using statistical software to apply theoretical knowledge?&lt;/p&gt;
&lt;p&gt;This question is especially relevant with R as there are some R packages designed to generate R tutorials (&lt;a href=&#34;https://swirlstats.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;swirl&lt;/a&gt; and &lt;a href=&#34;https://rstudio.github.io/learnr/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;learnr&lt;/a&gt;). The motto here is: Learning statistics with R through R. In addition to these specialized packages there is also the widely used educational strategy to disseminate R Markdown files where textual guidance and R programming chunks are intermingled to form a kind of lab for statistical computing.&lt;/p&gt;
&lt;p&gt;H5P exercises cannot replace these very practical and domain specific tutorials. At the moment I see three possible targets to add H5P exercises:&lt;/p&gt;



&lt;h2 id=&#34;narrative-part&#34;&gt;Narrative Part&lt;a href=&#34;#narrative-part&#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;Exercises for the narrative part of statistics textbooks are often sparse. In ims-book there are the formatting vehicles of examples and guided practices.&lt;/p&gt;



&lt;h3 id=&#34;examples&#34;&gt;Examples&lt;a href=&#34;#examples&#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;Examples will provide an understanding how methods should be applied. The textual answer (solution) follows the problem statement immediately, only separated by a line.&lt;/p&gt;



&lt;h3 id=&#34;guided-practices&#34;&gt;Guided Practices&lt;a href=&#34;#guided-practices&#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;When reader should find the solution on their own they will be presented by a Guided Practice. A footnote provides the textual answer (solution).&lt;/p&gt;
&lt;p&gt;With online-exercises there is no place restriction. One can provide not only a multitude of exercises but also use with different media. Besides text and graphic for exercises to the narrative part also animation and video are useful educational methods. Many different types of interactions are available (click, write, drag &amp;amp; drop, selection, &amp;hellip;) in different question formats (single choice, multiple choice, true/false, &amp;hellip;).&lt;/p&gt;
&lt;p&gt;I am also a supporter of the old but time-proven concept of multiple representations (Ainsworth 1999; van Someren et al., n.d.): The same content is learned/experienced with several distinctive exercises. This approach is not redundant as each activity addresses the brain capacity in different ways.&lt;/p&gt;
&lt;p&gt;I developed all exercises with self-detemined respecticvely self-directed learners in mind (Ryan and Deci 2018; Deci and Ryan 2008; Knowles 1975; Mezirow 1985). Learners should solve the task to their likening. I chose the educational settings toward the highest possible freedom supported by the software (H5P content type).&lt;/p&gt;
&lt;p&gt;Learners can choose the order of the exercises, repeat them as often as they want, and even view the solution before they start with the activity. The idea behind this strategy of maximizing educational freedom is that adult self-learners don&amp;rsquo;t want to fool themselves and are to respect in their self-organizing learning endeavor. There is one exception to the general rule of educational liberty: All activities under the sections Assessment have somewhat limited freedom so that learners could get some overall feedback about their performance.&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Test: Fenced Divs</title>
      <link>https://notes.peter-baumgartner.net/2021/05/27/test-fenced-divs/</link>
      <pubDate>Thu, 27 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/27/test-fenced-divs/</guid>
      <description>&lt;p&gt;::: {.notices .warning}
Hello &lt;strong&gt;world&lt;/strong&gt;!
:::&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Memento Time Travel</title>
      <link>https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/</link>
      <pubDate>Tue, 25 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/</guid>
      <description>
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/header-attrs/header-attrs.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/core-js/shim.min.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/react/react.min.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/react/react-dom.min.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/reactwidget/react-tools.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/htmlwidgets/htmlwidgets.js&#34;&gt;&lt;/script&gt;
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/reactable-binding/reactable.js&#34;&gt;&lt;/script&gt;

&lt;div id=&#34;TOC&#34;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#research-with-archived-web-data&#34;&gt;Research with archived web data&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#how-does-the-memento-api-work&#34;&gt;How does the Memento API work?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#where-to-find-the-desired-information&#34;&gt;Where to find the desired information?&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#contributed-packages&#34;&gt;Contributed Packages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#packages-by-name&#34;&gt;Packages By Name&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#packages-by-date-of-publication&#34;&gt;Packages By Date of Publication&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#which-page-to-scrape&#34;&gt;Which page to scrape?&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#contributed-packages-1&#34;&gt;Contributed Packages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#packages-by-name-1&#34;&gt;Packages By Name&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#packages-by-date-of-publication-1&#34;&gt;Packages by Date of Publication&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#memento-protocol-in-action&#34;&gt;Memento protocol in action&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#package-installation&#34;&gt;Package installation&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#mementos-link-types&#34;&gt;Mementos Link Types&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#memento-craw-list&#34;&gt;Memento Craw List&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#harvesting-web-pages&#34;&gt;Harvesting Web Pages&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#tidy-data&#34;&gt;Tidy data&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#get-number-of-available-packages&#34;&gt;Get number of available packages&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#visualizing-the-results&#34;&gt;Visualizing the results&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#summary&#34;&gt;Summary&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;div id=&#34;research-with-archived-web-data&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Research with archived web data&lt;/h2&gt;
&lt;p&gt;In a &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/07/22/archiving-quoted-web-resources/&#34;&gt;previous article&lt;/a&gt;, I wrote about the possibilities of the &lt;a href=&#34;https://archive.org/web/&#34;&gt;Wayback Machine&lt;/a&gt; for scientific writing. I argued that archiving web pages are essential for references as they prevent link rots when cited web resources are not available anymore. With this blog entry, I am looking into the reverse option: Finding and retrieving archived web pages for research reasons.&lt;/p&gt;
&lt;p&gt;Archived web pages as permanently stored data are indispensable for reproducibility issues. But they are also valuable research resources as they are data for historical and comparative research.&lt;/p&gt;
&lt;p&gt;This article rewrites my blog entry from 2019 on &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/08/01/scraping-archived-data-with-the-wayback-machine&#34;&gt;Scraping Archived Data with the Wayback Machine&lt;/a&gt; in three aspects:&lt;/p&gt;
&lt;ol style=&#34;list-style-type: decimal&#34;&gt;
&lt;li&gt;I am going into more detail to explain the Memento Protocol that stands behind the archiving procedures of the Internet Archive with the Wayback Machine.&lt;/li&gt;
&lt;li&gt;I will demonstrate the research significance of archived data with another — more simple — example. Instead, to analyze yearly differences in the ranking of the popularity of static site generators, I will focus on the number of statistical packages developed by the R community over time. The website structure for static site generators is complex, has changed several times, and contradicts the demonstration purpose.&lt;a href=&#34;#fn1&#34; class=&#34;footnote-ref&#34; id=&#34;fnref1&#34;&gt;&lt;sup&gt;1&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;To argue the importance of archived data convincingly, it is necessary to extract the URLs of archived data and use these data for research issues. Therefore, I will show how R can scrape web data and display the data for further analysis.&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
&lt;div id=&#34;how-does-the-memento-api-work&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;How does the Memento API work?&lt;/h2&gt;
&lt;p&gt;Mementos are prior versions of web pages cached by web crawlers and stored in web archives. The HTTP-based Memento framework is a &lt;a href=&#34;https://mementoweb.org/guide/rfc/&#34;&gt;description for Time-Based Access to Resource States&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;With Mementos, you can access a version of a Web resource as it existed at some date in the past. The complete information about the &lt;a href=&#34;http://mementoweb.org/about/&#34;&gt;Memento Project&lt;/a&gt; is specified in RFC 7089 as &lt;a href=&#34;http://mementoweb.org/guide/rfc/&#34;&gt;HTTP Framework for Time-Based Access to Resource States – Memento&lt;/a&gt;. I will explain the essential idea with the gentle &lt;a href=&#34;http://mementoweb.org/guide/quick-intro/&#34;&gt;non-technical introduction&lt;/a&gt; on the Memento website.&lt;/p&gt;
&lt;p&gt;In the Memento protocol there are four important components:&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/originalresource-min.png&#34; alt=&#34;Logo Original Resource&#34; class=&#34;inline-icon&#34; height=&#34;64&#34; width=&#34;64&#34;/&gt;&lt;strong&gt;Original Resource (URI-R)&lt;/strong&gt;: A Web resource that exists or used to exist on the live Web for which we want to find a prior version.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/mementoresource-min.png&#34; alt=&#34;Logo Memento Resource&#34; class=&#34;inline-icon&#34; height=&#34;64&#34; width=&#34;64&#34;/&gt;&lt;strong&gt;Memento (URI-M)&lt;/strong&gt;: A Web resource that is a prior version of the Original Resource. Prior versions are Web resources encapsulated in what the Original Resource was like at some time in the past.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/timegateresource-min.png&#34; alt=&#34;Logo Timegate Resource&#34; class=&#34;inline-icon&#34; height=&#34;64&#34; width=&#34;64&#34;/&gt;&lt;strong&gt;TimeGate (URI-G)&lt;/strong&gt;: A Web resource that “decides” on the basis of a given datetime, which Memento best matches what the Original Resource was like around that given datetime.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/timemapresource-min.png&#34; alt=&#34;Logo Timemap Resource&#34; class=&#34;inline-icon&#34; height=&#34;64&#34; width=&#34;64&#34;/&gt;&lt;strong&gt;TimeMap (URI-T)&lt;/strong&gt;: A list of URIs of Mementos of the Original Resource that is archived, e.g., available online.&lt;/p&gt;
&lt;p&gt;The central component is the TimeMap Resource. It is a machine-readable document that lists the Original Resource itself, its TimeGate, and its Mementos, as well as associated metadata such as archival DateTime for Mementos.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The HTTP-based Memento framework bridges the present and past Web. It facilitates obtaining representations of prior states of a given resource by introducing datetime negotiation and TimeMaps. Datetime negotiation is a variation on content negotiation that leverages the given resource’s URI and a user agent’s preferred datetime. TimeMaps are lists that enumerate URIs of resources that encapsulate prior states of the given resource. (Quoted from &lt;a href=&#34;http://mementoweb.org/guide/rfc/&#34;&gt;RFC 7089&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;














&lt;figure  id=&#34;figure-memento-timemap&#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;All four elements of the Memento framework (represented as round icons ) linked together.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/timemap-min_hu0deee6c42cb1e6169451468d86794e67_47457_624f102cbe1a1c35b6dbe454ae8824ba.png 400w,
               /2021/05/25/memento-time-travel/images/timemap-min_hu0deee6c42cb1e6169451468d86794e67_47457_2a0b5c9156d4636148351207406fc957.png 760w,
               /2021/05/25/memento-time-travel/images/timemap-min_hu0deee6c42cb1e6169451468d86794e67_47457_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/timemap-min_hu0deee6c42cb1e6169451468d86794e67_47457_624f102cbe1a1c35b6dbe454ae8824ba.png&#34;
               width=&#34;760&#34;
               height=&#34;224&#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;
      Architectural overview of how the Memento framework supports batch discovery of prior/archived versions of a resource (Mementos).
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div id=&#34;where-to-find-the-desired-information&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Where to find the desired information?&lt;/h2&gt;
&lt;p&gt;To demonstrate the interplay of the Memento protocol with the Wayback Machine, I will look into the history of the R project web page. I want to know the number of available packages over time.&lt;/p&gt;
&lt;p&gt;There are three web pages where I can find out the number of available packages:&lt;/p&gt;
&lt;div id=&#34;contributed-packages&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Contributed Packages&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://cran.r-project.org/web/packages/index.html&#34;&gt;Contributed Packages&lt;/a&gt;: On this page is the number of available packages written directly under the subheading “Available Packages”.&lt;/p&gt;














&lt;figure  id=&#34;figure-pkgs-number-1&#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;Screenshot displays webpage &amp;#39;Contributed Packages&amp;#39; of the R-project with the number of available packages (= 17648) highlighted.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/a1-number-of-packages-min_hu764fbfd701332cd16aeb391dfacbab1b_31541_b7ff97c67f6468b3339c8c14aaeb631e.png 400w,
               /2021/05/25/memento-time-travel/images/a1-number-of-packages-min_hu764fbfd701332cd16aeb391dfacbab1b_31541_908f309a07319c2ca531eb89266267cb.png 760w,
               /2021/05/25/memento-time-travel/images/a1-number-of-packages-min_hu764fbfd701332cd16aeb391dfacbab1b_31541_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/a1-number-of-packages-min_hu764fbfd701332cd16aeb391dfacbab1b_31541_b7ff97c67f6468b3339c8c14aaeb631e.png&#34;
               width=&#34;100%&#34;
               height=&#34;308&#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;
      Page &amp;lsquo;Contributed Packages&amp;rsquo; mentions the number of available packages.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div id=&#34;packages-by-name&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Packages By Name&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://cran.r-project.org/web/packages/available_packages_by_name.html&#34;&gt;Available CRAN Packages By Name&lt;/a&gt;: This page list all packages alphabetically. One could count the lines with the package’s name to get the desired number.&lt;/p&gt;














&lt;figure  id=&#34;figure-pkgs-number-2&#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;Screenshot displays web page &amp;#39;Available CRAN Packages By Name&amp;#39;.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/a2-name-number-of-packages-min_hude9f5a72d504580a67f2741086dc6520_54624_6486fb56a481662dbf1b22bbab943df7.png 400w,
               /2021/05/25/memento-time-travel/images/a2-name-number-of-packages-min_hude9f5a72d504580a67f2741086dc6520_54624_ed2c51d8c48a8254514608bbb51072fb.png 760w,
               /2021/05/25/memento-time-travel/images/a2-name-number-of-packages-min_hude9f5a72d504580a67f2741086dc6520_54624_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/a2-name-number-of-packages-min_hude9f5a72d504580a67f2741086dc6520_54624_6486fb56a481662dbf1b22bbab943df7.png&#34;
               width=&#34;100%&#34;
               height=&#34;454&#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;
      Screenshot of the web page &amp;lsquo;Available CRAN Packages By Name&amp;rsquo;.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div id=&#34;packages-by-date-of-publication&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Packages By Date of Publication&lt;/h3&gt;
&lt;p&gt;&lt;a href=&#34;https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;&gt;Available CRAN Packages By Date of Publication&lt;/a&gt;: This page list all packages by date of publication. Here one could also count the lines with the package’s dates to get the desired number.&lt;/p&gt;














&lt;figure  id=&#34;figure-pkgs-number-3&#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;Screenshot displays web page &amp;#39;Available CRAN Packages By Date of Publication&amp;#39;.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/a3-date-number-of-packages-min_hud2c76995fcec1cf6dc4e587f3615fa3f_39020_a8fde981516f38766069ddeb868ba96e.png 400w,
               /2021/05/25/memento-time-travel/images/a3-date-number-of-packages-min_hud2c76995fcec1cf6dc4e587f3615fa3f_39020_0fab10a12624644cffac2f28fbddb96a.png 760w,
               /2021/05/25/memento-time-travel/images/a3-date-number-of-packages-min_hud2c76995fcec1cf6dc4e587f3615fa3f_39020_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/a3-date-number-of-packages-min_hud2c76995fcec1cf6dc4e587f3615fa3f_39020_a8fde981516f38766069ddeb868ba96e.png&#34;
               width=&#34;100%&#34;
               height=&#34;454&#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;
      Screenshot of the web page &amp;lsquo;Available CRAN Packages By Date of Publication&amp;rsquo;.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;which-page-to-scrape&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Which page to scrape?&lt;/h2&gt;
&lt;p&gt;The question now arises if these pages are also available in the past. And if so: Have they the same structure to use the identical CSS selector in all archived instances?&lt;/p&gt;
&lt;p&gt;The question now arises if this page is available also in the past. And if so: Has it the same structure to use the identical CSS selector in all prior archived instances?&lt;/p&gt;
&lt;div id=&#34;contributed-packages-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Contributed Packages&lt;/h3&gt;
&lt;p&gt;It turns out that the first line after the subheading could be scraped with the CSS selector &lt;code&gt;#pkgs + p&lt;/code&gt;.&lt;/p&gt;














&lt;figure  id=&#34;figure-code-inspector-1&#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;Screenshot displays web page &amp;#39;Contributed Packages&amp;#39; of the R-project with opened context menue to select the code inspector.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/Prepraring-Code-Inspector-min_hue839324839a4b0d7ef4ac62ff1ed8160_48233_926e841cf4849d55955248f139960130.png 400w,
               /2021/05/25/memento-time-travel/images/Prepraring-Code-Inspector-min_hue839324839a4b0d7ef4ac62ff1ed8160_48233_e7b01d1f6e2803554715b133f6e76660.png 760w,
               /2021/05/25/memento-time-travel/images/Prepraring-Code-Inspector-min_hue839324839a4b0d7ef4ac62ff1ed8160_48233_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/Prepraring-Code-Inspector-min_hue839324839a4b0d7ef4ac62ff1ed8160_48233_926e841cf4849d55955248f139960130.png&#34;
               width=&#34;100%&#34;
               height=&#34;456&#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;
      Context menue via right clicke opened to select the code inspector.
    &lt;/figcaption&gt;&lt;/figure&gt;














&lt;figure  id=&#34;figure-css-selector-1&#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;Screenshot of the web page &amp;#39;Contributed Packages&amp;#39; opened by the code inspector displays CSS selector &amp;#39;h3#pgks&amp;#39; with a magnifier glass.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/CSS-selector-number-of-packages-min_hu91ebe1dc8c2d04b56c1913eb42956379_72586_c6bceee0e89dc07ef4a6363d62939a97.png 400w,
               /2021/05/25/memento-time-travel/images/CSS-selector-number-of-packages-min_hu91ebe1dc8c2d04b56c1913eb42956379_72586_0ad39758d0f1a9751ef3cc376cd91de4.png 760w,
               /2021/05/25/memento-time-travel/images/CSS-selector-number-of-packages-min_hu91ebe1dc8c2d04b56c1913eb42956379_72586_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/CSS-selector-number-of-packages-min_hu91ebe1dc8c2d04b56c1913eb42956379_72586_c6bceee0e89dc07ef4a6363d62939a97.png&#34;
               width=&#34;100%&#34;
               height=&#34;456&#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;
      Code inspector detects CSS selector &amp;lsquo;h3#pgks&amp;rsquo; and displays this result with a magnifier glass.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;To check if the website structure for the paragraph after the header with id = “pkgs” remains constant, we can use the browser plugin for the Wayback Machine (available for &lt;a href=&#34;https://chrome.google.com/webstore/detail/wayback-machine/fpnmgdkabkmnadcjpehmlllkndpkmiak?hl=en&amp;amp;gl=US&#34;&gt;Google Chrome&lt;/a&gt; and &lt;a href=&#34;https://addons.mozilla.org/en-US/firefox/addon/wayback-machine_new/&#34;&gt;Firefox.&lt;/a&gt;).&lt;/p&gt;














&lt;figure  id=&#34;figure-wayback-plugin-1&#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;Screenshot displays webpage &amp;#39;Contributed Packages&amp;#39; of the R-project with opened browser plugin of the Wayback Machine.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/01-wayback-machine-plugin-commented-min_hue17f30b1bec578480bad962cbe57f65f_52039_ff2c46216d1467da29bcd80c1dde68a7.png 400w,
               /2021/05/25/memento-time-travel/images/01-wayback-machine-plugin-commented-min_hue17f30b1bec578480bad962cbe57f65f_52039_37312283051b3af7f62f2add3e6847ee.png 760w,
               /2021/05/25/memento-time-travel/images/01-wayback-machine-plugin-commented-min_hue17f30b1bec578480bad962cbe57f65f_52039_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/01-wayback-machine-plugin-commented-min_hue17f30b1bec578480bad962cbe57f65f_52039_ff2c46216d1467da29bcd80c1dde68a7.png&#34;
               width=&#34;100%&#34;
               height=&#34;526&#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;
      Browser Plugin Wayback Machine
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;If you click on the Wayback Machine plugin, you can either go directly to the first or last (recent) snapshot of this web page. I choose “Overview” to display the calendar to inspect different instances of the archived page.&lt;/p&gt;














&lt;figure  id=&#34;figure-wayback-plugin-2&#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;Screenshot of the Wayback Machine calender displays the time span and the distribution of the archived page over time.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/02-wayback-machine-plugin-commented-min_hudebb4e5720c2ee2eba1ec577b42cdc12_49710_ba95304cebabbfe17d2d6b12adb14b51.png 400w,
               /2021/05/25/memento-time-travel/images/02-wayback-machine-plugin-commented-min_hudebb4e5720c2ee2eba1ec577b42cdc12_49710_c35f45ac72c7cf49a622455ab3be6ae7.png 760w,
               /2021/05/25/memento-time-travel/images/02-wayback-machine-plugin-commented-min_hudebb4e5720c2ee2eba1ec577b42cdc12_49710_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/02-wayback-machine-plugin-commented-min_hudebb4e5720c2ee2eba1ec577b42cdc12_49710_ba95304cebabbfe17d2d6b12adb14b51.png&#34;
               width=&#34;100%&#34;
               height=&#34;686&#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 calender displays time span and distribution of the archived page.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The calendar shows that the page was between May 14, 2008, and April 13, 2021, 145 times archived. From this overview page, one can select different instances and content and design of the ‘Contributed Packages’ page. To get an idea of possible changes in the structure, I start with the first instance of the archived page.&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    The number of times the page was crawled by the Wayback Machine (in my example: 145) has nothing to do with how often the page was updated.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;














&lt;figure  id=&#34;figure-wayback-plugin-3&#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;Screenshot of the &amp;#39;Contributed Package&amp;#39; page from May 14, 2008.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/03-wayback-machine-plugin-commented-min_hu8e286f241e8676fc8a102eddb8f1d2ac_112648_154349fbf2c2db4e36734586962e2af2.png 400w,
               /2021/05/25/memento-time-travel/images/03-wayback-machine-plugin-commented-min_hu8e286f241e8676fc8a102eddb8f1d2ac_112648_d1576d8ca29e94922fd7dd5825fd870a.png 760w,
               /2021/05/25/memento-time-travel/images/03-wayback-machine-plugin-commented-min_hu8e286f241e8676fc8a102eddb8f1d2ac_112648_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/03-wayback-machine-plugin-commented-min_hu8e286f241e8676fc8a102eddb8f1d2ac_112648_154349fbf2c2db4e36734586962e2af2.png&#34;
               width=&#34;100%&#34;
               height=&#34;459&#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;
      Screenshot of the &amp;lsquo;Contributed Package&amp;rsquo; page from May 14, 2008.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The archived page displays a different layout. The number of packages is not immediately after the first heading but after several paragraphs later (see number 2 in the image). Also, the name of the heading has changed from “Available Packages” to “Available Bundles and Packages”. But more importantly: The paragraph following immediately of this header mentions the amounts of different kinds of packages and bundles. It would be challenging to detect the desired number (in this case, 1425 packages) programmatically.&lt;/p&gt;
&lt;p&gt;A further inspection shows that the id still remains “pkgs”. But because of the different text of the first paragraph, I want to look at another page to grab my desired information easier.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;packages-by-name-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Packages By Name&lt;/h3&gt;
&lt;p&gt;Here I will demonstrate the use of a helpful tool. The &lt;a href=&#34;https://rvest.tidyverse.org/articles/rvest.html&#34;&gt;Web scraping 101 vignettes&lt;/a&gt; of the &lt;code&gt;rvest&lt;/code&gt; package references &lt;a href=&#34;https://rvest.tidyverse.org/articles/articles/selectorgadget.html&#34;&gt;SelectgorGadget&lt;/a&gt;, a JavaScript bookmarklet to find out the required CSS selector interactively.&lt;/p&gt;














&lt;figure  id=&#34;figure-selector-gadget-1&#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;Screenshot of the &amp;#39;Packages By Name&amp;#39; page with the SelectorGadget activated and selecting the first name,&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-1-min_hu40bf9efa1adc2595d127fdde25dd3a7c_54376_4cbba23be8f8b9e0ac9f2d565dc4c282.png 400w,
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-1-min_hu40bf9efa1adc2595d127fdde25dd3a7c_54376_60b38db503da59eae3f11a49cebeeb9b.png 760w,
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-1-min_hu40bf9efa1adc2595d127fdde25dd3a7c_54376_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/selected-packages-by-name-1-min_hu40bf9efa1adc2595d127fdde25dd3a7c_54376_4cbba23be8f8b9e0ac9f2d565dc4c282.png&#34;
               width=&#34;100%&#34;
               height=&#34;456&#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;
      SelectorGadget selects the first name.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;After selecting the first name, the SelectorGadget shows the CSS selector a, referring to all hyperlinks of this page. At the bottom, you can see that there are 17674 hyperlinks on this page. The problem is that the headline consists of the letters of the alphabet, which also are hyperlinks.&lt;/p&gt;














&lt;figure  id=&#34;figure-selector-gadget-2&#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;Screenshot of the &amp;#39;Packages By Name&amp;#39; page with the SelectorGadget activated and selecting the first letter of the alphabet.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-2-min_hu2a3c213cd739724d6d9c0d2dd2f04ca6_56144_6c43a9c9b0dc9b567b3b65335f80bd0c.png 400w,
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-2-min_hu2a3c213cd739724d6d9c0d2dd2f04ca6_56144_298e998d4bc5a28135f4800fed51cb80.png 760w,
               /2021/05/25/memento-time-travel/images/selected-packages-by-name-2-min_hu2a3c213cd739724d6d9c0d2dd2f04ca6_56144_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/selected-packages-by-name-2-min_hu2a3c213cd739724d6d9c0d2dd2f04ca6_56144_6c43a9c9b0dc9b567b3b65335f80bd0c.png&#34;
               width=&#34;100%&#34;
               height=&#34;456&#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;
      SelectorGadget selects the first letter of the alphabet.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;To select another position on the page with the SelectorGadget, subtracts these selected items. The bottom line shows the CSS selector with ‘td a’ (table data followed by a hyperlink) and removes the 26 characters to get 17648 selected objects. So this would be an easy way to get the number of available R packages.&lt;/p&gt;
&lt;p&gt;The first archived page starts with September 24, 2011, and reduces, therefore, our survey period. But more important: From the 193 archived pages (more than the 145 instances of the ‘Contributed Package’ page!) are many redirects.&lt;/p&gt;














&lt;figure  id=&#34;figure-redirects&#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;Screenshot of the Calendar view displaying dates with blue and green filled circles of different sizes. Red arrows point to all green circles.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/redirects-min_hu21db81a81e339c036e50f3ca226b998e_31225_4d3634282206762d07b5f4224cf0b12d.png 400w,
               /2021/05/25/memento-time-travel/images/redirects-min_hu21db81a81e339c036e50f3ca226b998e_31225_b419966d9f3da7a938bda135950324c2.png 760w,
               /2021/05/25/memento-time-travel/images/redirects-min_hu21db81a81e339c036e50f3ca226b998e_31225_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/redirects-min_hu21db81a81e339c036e50f3ca226b998e_31225_4d3634282206762d07b5f4224cf0b12d.png&#34;
               width=&#34;100%&#34;
               height=&#34;648&#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;
      Calender view with many green cicled dates (=redirects).
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The size of the circles displays the number of pages crawled. Blue is directly archived, green is an archived page after a redirect. I could not find a solution to distinguish the difference between direct archiving and after a redirect programmatically. The problem with a redirect is that the same state of a page is archived several times but counts as different pages in time. This pollutes the resulting data set.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;packages-by-date-of-publication-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Packages by Date of Publication&lt;/h3&gt;
&lt;p&gt;Finally, I decided to scrape the page “Packages by Date of Publication” with the simple CSS selector ‘a’. It has the same period as the “Package By Name” page (the first instance is from September 26, 2011). It was archived only 81 times but with very few redirects.&lt;/p&gt;














&lt;figure  id=&#34;figure-overview-date&#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;Screenshot of the Calendar view of the &amp;#39;Packages by Date of Publication&amp;#39; page.&#34; srcset=&#34;
               /2021/05/25/memento-time-travel/images/overview-date-commented-min_hu2f644e6b9cadad8fb78eb50fa107dd54_32450_deebd04d2e1a84c0924b67cb0f021512.png 400w,
               /2021/05/25/memento-time-travel/images/overview-date-commented-min_hu2f644e6b9cadad8fb78eb50fa107dd54_32450_9360fd5b23fe1a3582befd702b4addbb.png 760w,
               /2021/05/25/memento-time-travel/images/overview-date-commented-min_hu2f644e6b9cadad8fb78eb50fa107dd54_32450_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/images/overview-date-commented-min_hu2f644e6b9cadad8fb78eb50fa107dd54_32450_deebd04d2e1a84c0924b67cb0f021512.png&#34;
               width=&#34;100%&#34;
               height=&#34;531&#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;
      Calendar view of the &amp;lsquo;Packages by Date of Publication&amp;rsquo; page.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;memento-protocol-in-action&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Memento protocol in action&lt;/h2&gt;
&lt;div id=&#34;package-installation&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Package installation&lt;/h3&gt;
&lt;p&gt;At first, we have to install and load the &lt;a href=&#34;https://github.com/hrbrmstr/wayback&#34;&gt;wayback package&lt;/a&gt;, a wonderful and very practical library of Memento API wrappers, written by &lt;a href=&#34;https://rud.is/&#34;&gt;Bob Rudis&lt;/a&gt;.&lt;a href=&#34;#fn2&#34; class=&#34;footnote-ref&#34; id=&#34;fnref2&#34;&gt;&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    In the meanwhile there exists &lt;a href=&#34;https://cran.r-project.org/web/packages/wayback/index.html&#34;&gt;another package with the same name on CRAN&lt;/a&gt; (Comprehensive R Archive Network). It is dedicated to the installation for legacy R versions and has nothing to do with the wayback package on GitHub for the Wayback Machine of the Internet Archive.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;if (!require(&amp;quot;wayback&amp;quot;))
        {remotes::install_github(&amp;quot;hrbrmstr/wayback&amp;quot;, build_vignettes = TRUE)
        library(wayback)}&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## Loading required package: wayback&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;mementos-link-types&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Mementos Link Types&lt;/h3&gt;
&lt;p&gt;The next step is to use the &lt;code&gt;get_mementos()&lt;/code&gt; function. With &lt;code&gt;get_mementos(url, timestamp = format(Sys.Date(), &#34;%Y&#34;))&lt;/code&gt; we will receive a shortlist of relevant links to the archived content. Only the first parameter, &lt;code&gt;url&lt;/code&gt;, is mandatory. If no timestamp is provided, then the actual year is taken, and the most recent archived page will be the endpoint, which in our case is ok. The function will return the 4 link relation types as in the &lt;a href=&#34;https://mementoweb.org/guide/rfc/#Link-Header-Relation-Types&#34;&gt;Request for Comment for the Memento framework&lt;/a&gt; described and &lt;a href=&#34;#how-does-the-memento-api-work&#34;&gt;outlined above&lt;/a&gt;.&lt;/p&gt;
&lt;ol style=&#34;list-style-type: decimal&#34;&gt;
&lt;li&gt;Link Relation Type “original.”&lt;/li&gt;
&lt;li&gt;Link Relation Type “timemap.”&lt;/li&gt;
&lt;li&gt;Link Relation Type “timegate.”&lt;/li&gt;
&lt;li&gt;Link Relation Type “memento.”&lt;/li&gt;
&lt;/ol&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;url = &amp;quot;https://cran.r-project.org/web/packages/available_packages_by_date.html&amp;quot;
cran_link_types &amp;lt;- wayback::get_mementos(url)
saveRDS(cran_link_types, &amp;quot;data/cran_link_types.rds&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;cran_link_types &amp;lt;- readRDS(&amp;quot;data/cran_link_types.rds&amp;quot;)
knitr::kable(cran_link_types, 
             caption = &amp;quot;Memento Link Types&amp;quot;, 
             label=&amp;quot;memento-link-types&amp;quot;, 
             format = &amp;quot;html&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;table&gt;
&lt;caption&gt;
&lt;span id=&#34;tab:memento-link-types&#34;&gt;Table 1: &lt;/span&gt;Memento Link Types
&lt;/caption&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style=&#34;text-align:left;&#34;&gt;
link
&lt;/th&gt;
&lt;th style=&#34;text-align:left;&#34;&gt;
rel
&lt;/th&gt;
&lt;th style=&#34;text-align:left;&#34;&gt;
ts
&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;https://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;https://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
original
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
NA
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/timemap/link/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/timemap/link/https://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
timemap
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
NA
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/https://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
timegate
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
NA
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/20110926172444/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/20110926172444/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
first memento
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
2011-09-26 17:24:44
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/20210128201734/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/20210128201734/https://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
prev memento
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
2021-01-28 20:17:34
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/20210130222751/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/20210130222751/https://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
memento
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
2021-01-30 22:27:51
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/20210412212953/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/20210412212953/http://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
next memento
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
2021-04-12 21:29:53
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
&lt;a href=&#34;http://web.archive.org/web/20210412212953/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/20210412212953/http://cran.r-project.org/web/packages/available_packages_by_date.html&lt;/a&gt;
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
last memento
&lt;/td&gt;
&lt;td style=&#34;text-align:left;&#34;&gt;
2021-04-12 21:29:53
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;Besides these 4 main types of link relations, the function also provides the first, previous, next, and last available memento. When no particular date is given, then the last memento is identical with the next (= nearest) memento. In addition to the two columns, &lt;code&gt;link&lt;/code&gt; and &lt;code&gt;rel&lt;/code&gt;, there is a third one, &lt;code&gt;ts&lt;/code&gt;, containing the timestamps (empty for the first 3 link relation types). The return value in total is a tibble with eight observations (rows) and three columns.&lt;a href=&#34;#fn3&#34; class=&#34;footnote-ref&#34; id=&#34;fnref3&#34;&gt;&lt;sup&gt;3&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;memento-craw-list&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Memento Craw List&lt;/h3&gt;
&lt;p&gt;Providing an URL in the search field of the Wayback Machine results in the interactive browser version to the &lt;a href=&#34;https://web.archive.org/web/*/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;&gt;calendar view&lt;/a&gt; as shown by &lt;a href=&#34;#figure-redirects&#34;&gt;Figure 12&lt;/a&gt; and &lt;a href=&#34;#figure-overview-date&#34;&gt;Figure 13&lt;/a&gt;. The dates with archived content are blue or green (= redirected URL) circles. The bigger the circles, the more snapshots were archived on these dates.&lt;/p&gt;
&lt;p&gt;We get these dated crawl lists with the &lt;code&gt;get_timemap()&lt;/code&gt; function using the second observation of the result of the &lt;code&gt;get_mementos&lt;/code&gt; function. This is in our case &lt;code&gt;cran_link_types$link[2]&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;The execution of the following code chunk can take some time, depending on how many pages of the URL are archived. Be aware that the Wayback server is strained by this query, so do not repeat this operation. I store the result on my hard disk and will use the saved data for further processing.&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;cran_link_types &amp;lt;- readRDS(&amp;quot;data/cran_link_types.rds&amp;quot;)
cran_crawl_list &amp;lt;- wayback::get_timemap(cran_link_types$link[2])
saveRDS(cran_crawl_list, &amp;quot;data/cran_crawl_list.rds&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;cran_crawl_list &amp;lt;- readRDS(&amp;quot;data/cran_crawl_list.rds&amp;quot;)
reactable::reactable(
    cran_crawl_list,
    pagination = FALSE, 
    highlight = TRUE, 
    height = 500,
    compact = TRUE,
    bordered = TRUE,
    striped = TRUE,
    wrap = FALSE,
    resizable = TRUE
    )&lt;/code&gt;&lt;/pre&gt;
&lt;div id=&#34;htmlwidget-1&#34; class=&#34;reactable html-widget&#34; style=&#34;width:auto;height:500px;&#34;&gt;&lt;/div&gt;
&lt;script type=&#34;application/json&#34; data-for=&#34;htmlwidget-1&#34;&gt;{&#34;x&#34;:{&#34;tag&#34;:{&#34;name&#34;:&#34;Reactable&#34;,&#34;attribs&#34;:{&#34;data&#34;:{&#34;rel&#34;:[&#34;original&#34;,&#34;self&#34;,&#34;timegate&#34;,&#34;first memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,&#34;memento&#34;,null],&#34;link&#34;:[&#34;http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/timemap/link/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20110926172444/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20111011161922/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20111029143255/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20111129090224/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20111229185139/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120127155954/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120129075828/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120131132715/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120201062129/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120204192521/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120205083817/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120206022428/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120209094336/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120210103715/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120211124655/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120212110843/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120214054442/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120215111133/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120216125759/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120217182603/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120218141610/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120219110605/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120222164345/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120223125953/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120223235519/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120226101038/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120229073641/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120301015135/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120304105604/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120610025720/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20120614085234/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20121113203736/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130121072548/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130323095934/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130329132608/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130404053202/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130512232217/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20130821023335/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20140402061423/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20140924134100/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20141008164129/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20150124092856/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20150524002214/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20150906023756/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160104062049/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160310103316/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160325202321/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160329083804/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160409205215/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20160416060120/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20161013225025/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20161106042616/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20161201082429/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20170502002538/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20170704162625/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20170821101153/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20171024072928/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20171116014206/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20171224190220/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20180822083144/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190103070122/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190108153927/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190125012007/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190331233000/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190401204604/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190402201759/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20190407075624/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20191023085236/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20191120111214/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20191222170216/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200103222850/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200220224638/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200508124724/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200508124731/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200525194558/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200711161834/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20200719031416/http://cran.r-project.org:80/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20201112015705/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20210128201734/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20210130222751/https://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;http://web.archive.org/web/20210412212953/http://cran.r-project.org/web/packages/available_packages_by_date.html&#34;,&#34;&#34;],&#34;type&#34;:[null,&#34;application/link-format&#34;,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],&#34;from&#34;:[null,&#34;Mon, 26 Sep 2011 17:24:44 GMT&#34;,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],&#34;datetime&#34;:[null,null,null,&#34;Mon, 26 Sep 2011 17:24:44 GMT&#34;,&#34;Tue, 11 Oct 2011 16:19:22 GMT&#34;,&#34;Sat, 29 Oct 2011 14:32:55 GMT&#34;,&#34;Tue, 29 Nov 2011 09:02:24 GMT&#34;,&#34;Thu, 29 Dec 2011 18:51:39 GMT&#34;,&#34;Fri, 27 Jan 2012 15:59:54 GMT&#34;,&#34;Sun, 29 Jan 2012 07:58:28 GMT&#34;,&#34;Tue, 31 Jan 2012 13:27:15 GMT&#34;,&#34;Wed, 01 Feb 2012 06:21:29 GMT&#34;,&#34;Sat, 04 Feb 2012 19:25:21 GMT&#34;,&#34;Sun, 05 Feb 2012 08:38:17 GMT&#34;,&#34;Mon, 06 Feb 2012 02:24:28 GMT&#34;,&#34;Thu, 09 Feb 2012 09:43:36 GMT&#34;,&#34;Fri, 10 Feb 2012 10:37:15 GMT&#34;,&#34;Sat, 11 Feb 2012 12:46:55 GMT&#34;,&#34;Sun, 12 Feb 2012 11:08:43 GMT&#34;,&#34;Tue, 14 Feb 2012 05:44:42 GMT&#34;,&#34;Wed, 15 Feb 2012 11:11:33 GMT&#34;,&#34;Thu, 16 Feb 2012 12:57:59 GMT&#34;,&#34;Fri, 17 Feb 2012 18:26:03 GMT&#34;,&#34;Sat, 18 Feb 2012 14:16:10 GMT&#34;,&#34;Sun, 19 Feb 2012 11:06:05 GMT&#34;,&#34;Wed, 22 Feb 2012 16:43:45 GMT&#34;,&#34;Thu, 23 Feb 2012 12:59:53 GMT&#34;,&#34;Thu, 23 Feb 2012 23:55:19 GMT&#34;,&#34;Sun, 26 Feb 2012 10:10:38 GMT&#34;,&#34;Wed, 29 Feb 2012 07:36:41 GMT&#34;,&#34;Thu, 01 Mar 2012 01:51:35 GMT&#34;,&#34;Sun, 04 Mar 2012 10:56:04 GMT&#34;,&#34;Sun, 10 Jun 2012 02:57:20 GMT&#34;,&#34;Thu, 14 Jun 2012 08:52:34 GMT&#34;,&#34;Tue, 13 Nov 2012 20:37:36 GMT&#34;,&#34;Mon, 21 Jan 2013 07:25:48 GMT&#34;,&#34;Sat, 23 Mar 2013 09:59:34 GMT&#34;,&#34;Fri, 29 Mar 2013 13:26:08 GMT&#34;,&#34;Thu, 04 Apr 2013 05:32:02 GMT&#34;,&#34;Sun, 12 May 2013 23:22:17 GMT&#34;,&#34;Wed, 21 Aug 2013 02:33:35 GMT&#34;,&#34;Wed, 02 Apr 2014 06:14:23 GMT&#34;,&#34;Wed, 24 Sep 2014 13:41:00 GMT&#34;,&#34;Wed, 08 Oct 2014 16:41:29 GMT&#34;,&#34;Sat, 24 Jan 2015 09:28:56 GMT&#34;,&#34;Sun, 24 May 2015 00:22:14 GMT&#34;,&#34;Sun, 06 Sep 2015 02:37:56 GMT&#34;,&#34;Mon, 04 Jan 2016 06:20:49 GMT&#34;,&#34;Thu, 10 Mar 2016 10:33:16 GMT&#34;,&#34;Fri, 25 Mar 2016 20:23:21 GMT&#34;,&#34;Tue, 29 Mar 2016 08:38:04 GMT&#34;,&#34;Sat, 09 Apr 2016 20:52:15 GMT&#34;,&#34;Sat, 16 Apr 2016 06:01:20 GMT&#34;,&#34;Thu, 13 Oct 2016 22:50:25 GMT&#34;,&#34;Sun, 06 Nov 2016 04:26:16 GMT&#34;,&#34;Thu, 01 Dec 2016 08:24:29 GMT&#34;,&#34;Tue, 02 May 2017 00:25:38 GMT&#34;,&#34;Tue, 04 Jul 2017 16:26:25 GMT&#34;,&#34;Mon, 21 Aug 2017 10:11:53 GMT&#34;,&#34;Tue, 24 Oct 2017 07:29:28 GMT&#34;,&#34;Thu, 16 Nov 2017 01:42:06 GMT&#34;,&#34;Sun, 24 Dec 2017 19:02:20 GMT&#34;,&#34;Wed, 22 Aug 2018 08:31:44 GMT&#34;,&#34;Thu, 03 Jan 2019 07:01:22 GMT&#34;,&#34;Tue, 08 Jan 2019 15:39:27 GMT&#34;,&#34;Fri, 25 Jan 2019 01:20:07 GMT&#34;,&#34;Sun, 31 Mar 2019 23:30:00 GMT&#34;,&#34;Mon, 01 Apr 2019 20:46:04 GMT&#34;,&#34;Tue, 02 Apr 2019 20:17:59 GMT&#34;,&#34;Sun, 07 Apr 2019 07:56:24 GMT&#34;,&#34;Wed, 23 Oct 2019 08:52:36 GMT&#34;,&#34;Wed, 20 Nov 2019 11:12:14 GMT&#34;,&#34;Sun, 22 Dec 2019 17:02:16 GMT&#34;,&#34;Fri, 03 Jan 2020 22:28:50 GMT&#34;,&#34;Thu, 20 Feb 2020 22:46:38 GMT&#34;,&#34;Fri, 08 May 2020 12:47:24 GMT&#34;,&#34;Fri, 08 May 2020 12:47:31 GMT&#34;,&#34;Mon, 25 May 2020 19:45:58 GMT&#34;,&#34;Sat, 11 Jul 2020 16:18:34 GMT&#34;,&#34;Sun, 19 Jul 2020 03:14:16 GMT&#34;,&#34;Thu, 12 Nov 2020 01:57:05 GMT&#34;,&#34;Thu, 28 Jan 2021 20:17:34 GMT&#34;,&#34;Sat, 30 Jan 2021 22:27:51 GMT&#34;,&#34;Mon, 12 Apr 2021 21:29:53 GMT&#34;,null]},&#34;columns&#34;:[{&#34;accessor&#34;:&#34;rel&#34;,&#34;name&#34;:&#34;rel&#34;,&#34;type&#34;:&#34;character&#34;},{&#34;accessor&#34;:&#34;link&#34;,&#34;name&#34;:&#34;link&#34;,&#34;type&#34;:&#34;character&#34;},{&#34;accessor&#34;:&#34;type&#34;,&#34;name&#34;:&#34;type&#34;,&#34;type&#34;:&#34;character&#34;},{&#34;accessor&#34;:&#34;from&#34;,&#34;name&#34;:&#34;from&#34;,&#34;type&#34;:&#34;character&#34;},{&#34;accessor&#34;:&#34;datetime&#34;,&#34;name&#34;:&#34;datetime&#34;,&#34;type&#34;:&#34;character&#34;}],&#34;resizable&#34;:true,&#34;defaultPageSize&#34;:85,&#34;paginationType&#34;:&#34;numbers&#34;,&#34;showPageInfo&#34;:true,&#34;minRows&#34;:1,&#34;highlight&#34;:true,&#34;bordered&#34;:true,&#34;striped&#34;:true,&#34;compact&#34;:true,&#34;nowrap&#34;:true,&#34;height&#34;:&#34;500px&#34;,&#34;dataKey&#34;:&#34;08911f27651065abbd474bd57fd3d210&#34;,&#34;key&#34;:&#34;08911f27651065abbd474bd57fd3d210&#34;},&#34;children&#34;:[]},&#34;class&#34;:&#34;reactR_markup&#34;},&#34;evals&#34;:[],&#34;jsHooks&#34;:[]}&lt;/script&gt;
&lt;p&gt;We get a table with 85 rows, where the first three rows are not relevant for our purpose, and the last row is empty. So we get 85 - 3 - 1 = 81 mementos, which conforms to the number of &lt;a href=&#34;#figure-overview-date&#34;&gt;Figure 13&lt;/a&gt;. The URLs to the mementos are pretty long. You can widen/narrow the columns to inspect the structure of the URLs. Typically they start with “&lt;a href=&#34;http://web.archive.org/web/&#34; class=&#34;uri&#34;&gt;http://web.archive.org/web/&lt;/a&gt;” followed by the date-time string of the memento and the original URL.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;harvesting-web-pages&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Harvesting Web Pages&lt;/h2&gt;
&lt;p&gt;We have now collected all the URLs for the mementos. The next task is now getting our data from these pages and display them in a graphic. For this last step, we will use the packages &lt;code&gt;rvest&lt;/code&gt; and &lt;code&gt;ggplot2&lt;/code&gt;. It is a “standard” task of manipulating HTML and has only insofar with the memento framework to do, as we are using the URLs of the archived web pages.&lt;/p&gt;
&lt;div id=&#34;tidy-data&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Tidy data&lt;/h3&gt;
&lt;p&gt;We only need the memento links, date, and new column for our number of available packages.&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;library(tidyverse)&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## ── Attaching packages ─────────────────────────────────────── tidyverse 1.3.1 ──&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## ✓ ggplot2 3.3.3     ✓ purrr   0.3.4
## ✓ tibble  3.1.2     ✓ dplyr   1.0.6
## ✓ tidyr   1.1.3     ✓ stringr 1.4.0
## ✓ readr   1.4.0     ✓ forcats 0.5.1&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## ── Conflicts ────────────────────────────────────────── tidyverse_conflicts() ──
## x dplyr::filter() masks stats::filter()
## x dplyr::lag()    masks stats::lag()&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;cran_tidy_data &amp;lt;- readRDS(&amp;quot;data/cran_crawl_list.rds&amp;quot;) %&amp;gt;% 
  filter(stringr::str_detect(rel, &amp;quot;memento&amp;quot;)) %&amp;gt;% 
  mutate(date = anytime::anydate(datetime)) %&amp;gt;% 
  add_column(pkgs = 0) %&amp;gt;% 
  select(link, date, pkgs)
saveRDS(cran_tidy_data, &amp;quot;data/cran_tidy_data.rds&amp;quot;)

glimpse(cran_tidy_data)&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## Rows: 81
## Columns: 3
## $ link &amp;lt;chr&amp;gt; &amp;quot;http://web.archive.org/web/20110926172444/http://cran.r-project.…
## $ date &amp;lt;date&amp;gt; 2011-09-26, 2011-10-11, 2011-10-29, 2011-11-29, 2011-12-29, 2012…
## $ pkgs &amp;lt;dbl&amp;gt; 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,…&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;For the purpose of this demonstration, I do not want to scrape every one of the 81 links but only one link per year. As the archiving dates do not have a systematic regularity, we cannot provide time series, say January 1st every year. But this does not matter for this demo.&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;cran_yearly_links &amp;lt;- readRDS(&amp;quot;data/cran_tidy_data.rds&amp;quot;) %&amp;gt;% 
  dplyr::mutate(year = lubridate::year(date), .after = &amp;quot;date&amp;quot;)  

cran_yearly_links &amp;lt;- cran_yearly_links[!duplicated(cran_yearly_links[ , &amp;quot;year&amp;quot;]), ]
saveRDS(cran_yearly_links, &amp;quot;data/cran_yearly_links.rds&amp;quot;)
cran_yearly_links&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## # A tibble: 11 x 4
##    link                                                   date        year  pkgs
##    &amp;lt;chr&amp;gt;                                                  &amp;lt;date&amp;gt;     &amp;lt;dbl&amp;gt; &amp;lt;dbl&amp;gt;
##  1 http://web.archive.org/web/20110926172444/http://cran… 2011-09-26  2011     0
##  2 http://web.archive.org/web/20120127155954/http://cran… 2012-01-27  2012     0
##  3 http://web.archive.org/web/20130121072548/http://cran… 2013-01-21  2013     0
##  4 http://web.archive.org/web/20140402061423/http://cran… 2014-04-02  2014     0
##  5 http://web.archive.org/web/20150124092856/http://cran… 2015-01-24  2015     0
##  6 http://web.archive.org/web/20160104062049/https://cra… 2016-01-04  2016     0
##  7 http://web.archive.org/web/20170502002538/http://cran… 2017-05-02  2017     0
##  8 http://web.archive.org/web/20180822083144/https://cra… 2018-08-22  2018     0
##  9 http://web.archive.org/web/20190103070122/http://cran… 2019-01-03  2019     0
## 10 http://web.archive.org/web/20200103222850/https://cra… 2020-01-03  2020     0
## 11 http://web.archive.org/web/20210128201734/https://cra… 2021-01-28  2021     0&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;get-number-of-available-packages&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Get number of available packages&lt;/h3&gt;
&lt;p&gt;Although there are only 10 web pages to scrape, this will still take some time. Therefore I provide a progress indicator to monitor how much time the procedure will still last.&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;library(rvest)

cran_pkgs &amp;lt;- readRDS(&amp;quot;data/cran_yearly_links.rds&amp;quot;)
max = nrow(cran_pkgs)

pb &amp;lt;- txtProgressBar(min = 0, max = max, style = 3)
  for(i in 1:max) {
      html &amp;lt;- read_html(cran_pkgs$link[i])
      links &amp;lt;- html_nodes(html, &amp;quot;a&amp;quot;)
      cran_pkgs$pkgs[i] &amp;lt;- length(links)
    setTxtProgressBar(pb, i)
    }
close(pb)
saveRDS(cran_pkgs, &amp;quot;data/cran_pkgs.rds&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;(avail_pkgs &amp;lt;- readRDS(&amp;quot;data/cran_pkgs.rds&amp;quot;))&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## # A tibble: 11 x 4
##    link                                                   date        year  pkgs
##    &amp;lt;chr&amp;gt;                                                  &amp;lt;date&amp;gt;     &amp;lt;dbl&amp;gt; &amp;lt;dbl&amp;gt;
##  1 http://web.archive.org/web/20110926172444/http://cran… 2011-09-26  2011  3307
##  2 http://web.archive.org/web/20120127155954/http://cran… 2012-01-27  2012  3563
##  3 http://web.archive.org/web/20130121072548/http://cran… 2013-01-21  2013  4262
##  4 http://web.archive.org/web/20140402061423/http://cran… 2014-04-02  2014  5374
##  5 http://web.archive.org/web/20150124092856/http://cran… 2015-01-24  2015  6221
##  6 http://web.archive.org/web/20160104062049/https://cra… 2016-01-04  2016  7722
##  7 http://web.archive.org/web/20170502002538/http://cran… 2017-05-02  2017 10513
##  8 http://web.archive.org/web/20180822083144/https://cra… 2018-08-22  2018 12938
##  9 http://web.archive.org/web/20190103070122/http://cran… 2019-01-03  2019 13645
## 10 http://web.archive.org/web/20200103222850/https://cra… 2020-01-03  2020 15348
## 11 http://web.archive.org/web/20210128201734/https://cra… 2021-01-28  2021 17038&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;visualizing-the-results&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Visualizing the results&lt;/h3&gt;
&lt;p&gt;I am not going to produce a sophisticated graphic. A simple line graph to see how the number of packages is increasing has to be enough.&lt;/p&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;p &amp;lt;- readRDS(&amp;quot;data/cran_pkgs.rds&amp;quot;) %&amp;gt;% 
  ggplot(aes(year, pkgs, group = 1)) +
  geom_line()
p&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;img src=&#34;https://notes.peter-baumgartner.net/2021/05/25/memento-time-travel/index_files/figure-html/plot-pkgs-numbers-1.png&#34; width=&#34;672&#34; /&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;summary&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Summary&lt;/h2&gt;
&lt;p&gt;In this post, I have presented the memento protocol, a framework to generate and retrieve prior versions of web pages cached by web crawlers and stored in web archives. I have explained how to Memento API for the Wayback Machine of the Internet Archive is working. With the &lt;code&gt;wayback&lt;/code&gt; packages by Bob Rudis, I have demonstrated the practical handling to use the framework for retrieving, collecting, and displaying historical data.&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&#34;footnotes&#34;&gt;
&lt;hr /&gt;
&lt;ol&gt;
&lt;li id=&#34;fn1&#34;&gt;&lt;p&gt;Recently, even the URL has changed from &lt;a href=&#34;https://www.staticgen.com/&#34; class=&#34;uri&#34;&gt;https://www.staticgen.com/&lt;/a&gt; to &lt;a href=&#34;https://jamstack.org/generators/.&#34; class=&#34;uri&#34;&gt;https://jamstack.org/generators/.&lt;/a&gt;&lt;a href=&#34;#fnref1&#34; class=&#34;footnote-back&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li id=&#34;fn2&#34;&gt;&lt;p&gt;I have forked his GitHub repo and looked into his R scripts. I have to say that I became somewhat depressed as I noticed how much knowledge I am still lacking. Despite working now for four years with R, there are so many think I still have to learn!&lt;a href=&#34;#fnref2&#34; class=&#34;footnote-back&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li id=&#34;fn3&#34;&gt;&lt;p&gt;In many cases, the last memento is identical with the memento link relation type. Then the tibble has only seven rows.&lt;a href=&#34;#fnref3&#34; class=&#34;footnote-back&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Images in Different File Formats</title>
      <link>https://notes.peter-baumgartner.net/2021/05/14/images-in-different-file-formats/</link>
      <pubDate>Fri, 14 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/14/images-in-different-file-formats/</guid>
      <description>&lt;p&gt;I have investigated the different methods for inserting images into various file formats and conversion procedures.&lt;/p&gt;



&lt;h2 id=&#34;image-handling-in-rmd-md-and-rmarkdown-files&#34;&gt;Image handling in .Rmd, .md and .Rmarkdown files&lt;a href=&#34;#image-handling-in-rmd-md-and-rmarkdown-files&#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;ul&gt;
&lt;li&gt;At first I looked on the various options for &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/&#34;&gt;handling of images in .Rmd files&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Then &amp;ndash; as a contrast program &amp;ndash; I tested the outcomes of &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/05/06/images-in-md-files/&#34;&gt;image handling procedures in .md files&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;And finally I investigated the &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/05/07/images-in-rmarkdown-files/&#34;&gt;image procedures in.Rmarkdown files&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;observed-results&#34;&gt;Observed results&lt;a href=&#34;#observed-results&#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;The situation is complex and not easy to grasp. But on a meta-level, the case is pretty straightforward: The decision for a file format is much more important than the details in image handling.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;code&gt;.Rmd&lt;/code&gt;&lt;/strong&gt;: The window provided via Visual R Markdown provides all its great features only in .Rmd files. With the new page bundle feature in Hugo some disadvantages of .Rmd file disappear: As every file is in its own folder the several files produced by the conversion process do not hamper anymore. But .Rmd files loose some of the nice features of the Academic theme, e.g., the table of contents on the ride side. Also the chunk option &lt;code&gt;fig.align&lt;/code&gt; does not work with the Academic theme. To date I could not find &amp;amp; solve the annoying problem.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;code&gt;.Rmarkdown&lt;/code&gt;&lt;/strong&gt;: It turns out that &lt;strong&gt;.Rmarkdown files have the greatest advantages&lt;/strong&gt;. They have now almost the same features of R Markdown (writing and applying R code, using references and bibliography), but provides also the benefits of the (Academic) theme via the Goldmark renderer. Yes, you can&amp;rsquo;t use the full functionality of the Visual R Markdown window for including images but you could use instead the Hugo figure shortcode.&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;So the situation is pretty straightforward: The Hugo figure shortcode is for all different file formats a good solution. In the case of .Rmd files they have to be embedded in an HTML-chunk as &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format#code-in-html-chunk&#34;&gt;demonstrated in the .Rmd post&lt;/a&gt;.&lt;/p&gt;



&lt;h2 id=&#34;additional-tip&#34;&gt;Additional tip&lt;a href=&#34;#additional-tip&#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;RStudio markdown snippet do not work in .md files. I do not understand why not. Ok, there is no R programming code but it coud be used for other (text) snippets. RStudio markdown snippet do work with .Rmarkdown files. So I have prepared an snippet to include the &lt;a href=&#34;https://gohugo.io/content-management/shortcodes/#figure&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo figure shortcode&lt;/a&gt; syntax and saved under &amp;lsquo;ff&amp;rsquo;. So I just need to type &lt;code&gt;ff + SHIFT-Tab&lt;/code&gt; to get a template with all the parameters .&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=Images%20in%20Different%20File%20Formats&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=I%20have%20investigated%20the%20different%20methods%20for%20inserting%20images%20into%20various%20file%20formats%20and%20conversion%20procedures.%20The%20situation%20is%20complex%20and%20not%20easy%20to%20grasp.%20But%20on%20a%20meta-level,%20the%20case%20is%20pretty%20straightforward:%20The%20decision%20for%20a%20file%20format%20is%20much%20more%20important%20than%20the%20details%20in%20image%20handling.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2021%2F05%2F14%2Fimages-in-different-file-formats&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2021-05-14&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;At the moment I do not know if using the &lt;code&gt;figure&lt;/code&gt; shortcode results in some processing penalties. At least I read and experienced it myself that with many images the standard time-out parameter for Netlify has to be set much higher than the standard 10 seconds. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Images in Rmarkdown Files</title>
      <link>https://notes.peter-baumgartner.net/2021/05/07/images-in-rmarkdown-files/</link>
      <pubDate>Fri, 07 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/07/images-in-rmarkdown-files/</guid>
      <description>


&lt;h2 id=&#34;using-r-chunk-with-knitr&#34;&gt;Using R chunk with &lt;code&gt;knitr&lt;/code&gt;&lt;a href=&#34;#using-r-chunk-with-knitr&#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;Using R chunks with &lt;code&gt;knitr&lt;/code&gt; has the full features as outlined in the post &lt;a href=&#34;../images-from-rmd-to-html-format/#example&#34;&gt;Images: From R Markdown to HTML format&lt;/a&gt;.&lt;/p&gt;



&lt;h3 id=&#34;example&#34;&gt;Example&lt;a href=&#34;#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;div class=&#34;figure&#34; style=&#34;text-align: center&#34;&gt;
&lt;img src=&#34;images/my-image.png&#34; alt=&#34;Caption for this figure 1&#34; width=&#34;100%&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Figure 1: Caption for this figure 1&lt;/p&gt;
&lt;/div&gt;



&lt;h3 id=&#34;code-in-r-chunk&#34;&gt;Code in R Chunk&lt;a href=&#34;#code-in-r-chunk&#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;pre&gt;&lt;code&gt;```
{r img-with-knitr, echo=FALSE, fig.align=&#39;center&#39;, out.width=&#39;100%&#39;, fig.cap=&#39;Caption for this figure 1&#39;}
knitr::include_graphics(&amp;quot;images/my-image.png&amp;quot;)
```
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;code-in-html&#34;&gt;Code in HTML&lt;a href=&#34;#code-in-html&#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;pre&gt;&lt;code&gt;```
&amp;lt;div class=&amp;quot;figure&amp;quot; style=&amp;quot;text-align: center&amp;quot;&amp;gt;
    &amp;lt;span id=&amp;quot;fig:img-with-knitr&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Caption for this figure 1&amp;quot; width=&amp;quot;100%&amp;quot;/&amp;gt;
    &amp;lt;p class=&amp;quot;caption&amp;quot;&amp;gt;Figure 1: Caption for this figure 1&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;

```
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;css&#34;&gt;CSS&lt;a href=&#34;#css&#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;pre&gt;&lt;code&gt;div.figure {
        border: 1px;
        border-style: groove;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px  rgba(0, 0, 0, 0.19);
}

p.caption {
    text-align: center;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    font-size: smaller;
}
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 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;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes (format: &amp;ldquo;fig:&amp;lt;chunk name&amp;gt;)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes (with &lt;code&gt;out.extra&lt;/code&gt;, example: &lt;code&gt;out.extra=&#39;class=&amp;quot;border shadowed&amp;quot;&#39;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes (with out.extra, example: &lt;code&gt;out.extra=&#39;style=&amp;quot;background-color: #9ecff7; padding:10px; display: inline-block;&amp;quot;&#39;&lt;/code&gt; See blog post &lt;a href=&#34;http://zevross.com/blog/2017/06/19/tips-and-tricks-for-working-with-images-and-figures-in-r-markdown-documents/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Tips and tricks for working with images and figures in R Markdown documents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;markdown-via-addins-insert-image&#34;&gt;Markdown via Addins &amp;lsquo;Insert Image&amp;rsquo;&lt;a href=&#34;#markdown-via-addins-insert-image&#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;The behavior is the same as in &lt;a href=&#34;../images-in-md-files&#34;&gt;Images in .md files&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Using the RStudio Addin window without the width or height parameter it just generate markdown code. Is the width or height parameter included then HTML is generated but without &lt;code&gt;div.figure&lt;/code&gt; and &lt;code&gt;p.caption&lt;/code&gt; class. There is no caption visible and the CSS styling has to be done with &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag.&lt;/p&gt;



&lt;h3 id=&#34;example-1&#34;&gt;Example&lt;a href=&#34;#example-1&#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;img src=&#34;images/my-image.png&#34; alt=&#34;Alt text&#34; width=&#34;100%&#34;/&gt;
&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    You can&amp;rsquo;t use the Addins &amp;lsquo;Insert Image&amp;rsquo; in Visual R Markdown mode because it protects the conversion by adding a backslash in front of the squared brackets: &lt;code&gt;!\[Alt text\](images/my-image.png)&lt;/code&gt;.
  &lt;/div&gt;
&lt;/div&gt;



&lt;h3 id=&#34;code-in-markdown&#34;&gt;Code in markdown&lt;a href=&#34;#code-in-markdown&#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 first line is the markdown code for images without width/height parameters. The second line has a width parameter.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;![Alt text](images/my-image.png)
&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot; width=&amp;quot;100%&amp;quot;/&amp;gt; 
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;code-in-html-1&#34;&gt;Code in HTML&lt;a href=&#34;#code-in-html-1&#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 first line is the HTML code for images without width/height parameters. The second line has a width parameter.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot;&amp;gt;&amp;lt;/p&amp;gt; 
&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;css-1&#34;&gt;CSS&lt;a href=&#34;#css-1&#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 the RStudio Addin window is used, then the &lt;code&gt;img&lt;/code&gt; tag should be wrapped into a paragraph. Otherwise it would be generate a conflict with other tags related with images.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-css&#34;&gt;p img {
    border: 1px;
    border-style: groove;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px  rgba(0, 0, 0, 0.19);
}

&lt;/code&gt;&lt;/pre&gt;
&lt;style type=&#34;text/css&#34;&gt;
p img {
    border: 1px;
    border-style: groove;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px  rgba(0, 0, 0, 0.19);
}

&lt;/style&gt;



&lt;h3 id=&#34;summary-1&#34;&gt;Summary&lt;a href=&#34;#summary-1&#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;So &amp;ndash; all in all &amp;ndash; the Addins window is not very useful. The only advantage is the generation of the filepath and the copy of the image in the correct folder.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;visual-r-markdown-via-menu-insert-&#34;&gt;Visual R Markdown via Menu &amp;lsquo;Insert &amp;hellip;&amp;rsquo;&lt;a href=&#34;#visual-r-markdown-via-menu-insert-&#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;Again the same behavior as in &lt;a href=&#34;../images-in-md-files&#34;&gt;Images in .md files&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;With a &lt;code&gt;.Rmarkdown&lt;/code&gt; file Visual R Markdown offers only a reduced first part of the window as it is presented in an &lt;code&gt;.Rmd&lt;/code&gt; file. In contrast to the .Rmd version it lacks the fields to add width and height parameter.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/reduced-window-version-for-md-files-min.png&#34; alt=&#34;Window for inserting images in .md files with Visual R Markdown window with reduced number of input fields.&#34; title=&#34;text for title and tooltip&#34;&gt;&lt;/p&gt;
&lt;p&gt;But more important: There is no &lt;code&gt;caption&lt;/code&gt;! The text for the field &amp;lsquo;Caption/Alt&amp;rsquo; includes the text only for the &lt;code&gt;alt&lt;/code&gt;-attribute!&lt;/p&gt;



&lt;h3 id=&#34;example-2&#34;&gt;Example&lt;a href=&#34;#example-2&#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;&lt;img src=&#34;images/my-image.png&#34; alt=&#34;Alt text (no caption!)&#34; title=&#34;Text for title and tooltip&#34;&gt;&lt;/p&gt;



&lt;h3 id=&#34;code-in-markdown-1&#34;&gt;Code in markdown&lt;a href=&#34;#code-in-markdown-1&#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;pre&gt;&lt;code&gt;![Alt text (no caption!)](images/my-image.png &amp;quot;Text for title and tooltip&amp;quot;)
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;code-in-html-2&#34;&gt;Code in HTML&lt;a href=&#34;#code-in-html-2&#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;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text (no caption!)&amp;quot; title=&amp;quot;Text for title and tooltip&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;css-2&#34;&gt;CSS&lt;a href=&#34;#css-2&#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 same as with the RStudio Addin window.&lt;/p&gt;



&lt;h3 id=&#34;summary-2&#34;&gt;Summary&lt;a href=&#34;#summary-2&#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;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;hugo-figure-shortcut&#34;&gt;Hugo figure shortcut&lt;a href=&#34;#hugo-figure-shortcut&#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;Here again &amp;ndash; as in the .md file &amp;ndash; we do not need to protect the shortcode. We can insert it either via the Visual R Markdown menu &lt;code&gt;Insert -&amp;gt; Shortcode&lt;/code&gt; or write the code directly into markdown.&lt;/p&gt;



&lt;h3 id=&#34;example-3&#34;&gt;Example&lt;a href=&#34;#example-3&#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;figure class=&#34;center&#34; id=&#34;figure-figure-4-my-title-text&#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;my-alt text&#34; srcset=&#34;
               /2021/05/07/images-in-rmarkdown-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png 400w,
               /2021/05/07/images-in-rmarkdown-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_c4c18b47561549b1147ccf6dd152b5f0.png 760w,
               /2021/05/07/images-in-rmarkdown-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/07/images-in-rmarkdown-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png&#34;
               width=&#34;754&#34;
               height=&#34;226&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Figure 4: my title-text
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Everything I said about the features of the figure shortcode in the post &lt;a href=&#34;https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/#example-3&#34;&gt;Images: From R Markdown to HTML format&lt;/a&gt; applies for &lt;code&gt;.md&lt;/code&gt; and for .Rmarkdown files as well.&lt;/p&gt;



&lt;h3 id=&#34;summary-3&#34;&gt;Summary&lt;a href=&#34;#summary-3&#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;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no (zoomable)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;results-and-conclusion&#34;&gt;Results and Conclusion&lt;a href=&#34;#results-and-conclusion&#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;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Attribute&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;knitr&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Addin&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Visual&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Hugo&lt;/th&gt;
&lt;th&gt;Remark&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Caption&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;C. format&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌ 1&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌ 1&lt;/td&gt;
&lt;td&gt;1) standard = bold&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;C.numbered&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 2&lt;/td&gt;
&lt;td&gt;2) via &amp;lsquo;Academic&amp;rsquo; theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Alt&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Title&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Tooltip&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Width/Height&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Link to&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;ID&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 3&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 4&lt;/td&gt;
&lt;td&gt;3) &lt;code&gt;fig:&amp;lt;chunk name&amp;gt;&lt;/code&gt; 4) &lt;code&gt;figure-&amp;lt;caption text&amp;gt;&lt;/code&gt; or &amp;lsquo;Academic&amp;rsquo; theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;CSS&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Other&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌5&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 6&lt;/td&gt;
&lt;td&gt;1) via output chunk arbitrary HTML code! 4) &lt;code&gt;target&lt;/code&gt;, &lt;code&gt;rel&lt;/code&gt;, &lt;code&gt;attr&lt;/code&gt;, &lt;code&gt;attrlink&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;Table&lt;/strong&gt;: Features of different method of inserting images in &lt;code&gt;.Rmarkdown&lt;/code&gt; files converting to &lt;code&gt;.markdown&lt;/code&gt; using Pandoc and Hugo/Goldmark.&lt;/p&gt;
&lt;p&gt;Although both windows (Addins and Visual R Markdown windows) are not equipped with all the necessary attributes, here we have in contrast to &lt;code&gt;.md&lt;/code&gt; files also the alternative with &lt;code&gt;knitr&lt;/code&gt; chunks. So in way: &lt;code&gt;.Rmarkdown&lt;/code&gt; files are the best of both worlds! (This is also true with the Table of Contents, which works here as well.)&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=Images%20in%20Rmarkdown%20Files&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20post%20investigates%20different%20methods%20to%20include%20images%20in%20%60.Rmd%60%20files%20and%20how%20they%20are%20treated%20in%20the%20%60blogdown%60%20conversion%20process%20to%20.markdown%20files.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2021%2F05%2F07%2Fimages-in-rmarkdown-files&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2021-05-07&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Images in .md Files</title>
      <link>https://notes.peter-baumgartner.net/2021/05/06/images-in-md-files/</link>
      <pubDate>Thu, 06 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/06/images-in-md-files/</guid>
      <description>


&lt;h2 id=&#34;markdown-via-addins-insert-image&#34;&gt;Markdown via Addins &amp;lsquo;Insert Image&amp;rsquo;&lt;a href=&#34;#markdown-via-addins-insert-image&#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;Using the RStudio Addin window without the width or height parameter it just generate markdown code. Is the width or height parameter included then HTML is generated but without &lt;code&gt;div.figure&lt;/code&gt; and &lt;code&gt;p.caption&lt;/code&gt; class. There is no caption visible and the CSS styling has to be done with &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; tag.&lt;/p&gt;



&lt;h3 id=&#34;example&#34;&gt;Example&lt;a href=&#34;#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;img src=&#34;images/my-image.png&#34; alt=&#34;Alt text&#34; width=&#34;100%&#34;/&gt;
&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    You can&amp;rsquo;t use the Addins &amp;lsquo;Insert Image&amp;rsquo; in Visual R Markdown mode because it protects the conversion by adding a backslash in front of the squared brackets: &lt;code&gt;!\[Alt text\](images/my-image.png)&lt;/code&gt;.
  &lt;/div&gt;
&lt;/div&gt;



&lt;h3 id=&#34;code-in-markdown&#34;&gt;Code in markdown&lt;a href=&#34;#code-in-markdown&#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 first line is the markdown code for images without width/height parameters. The second line has a width parameter.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;![Alt text](images/my-image.png)
&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot; width=&amp;quot;100%&amp;quot;/&amp;gt; 
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;code-in-html&#34;&gt;Code in HTML&lt;a href=&#34;#code-in-html&#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 first line is the HTML code for images without width/height parameters. The second line has a width parameter.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot;&amp;gt;&amp;lt;/p&amp;gt; 
&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text&amp;quot; width=&amp;quot;100%&amp;quot;&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;css&#34;&gt;CSS&lt;a href=&#34;#css&#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 the RStudio Addin window is used, then the &lt;code&gt;img&lt;/code&gt; tag should be wrapped into a paragraph. Otherwise it would be generate a conflict with other tags related with images.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-{css}&#34;&gt;p img {
    border: 1px;
    border-style: groove;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px  rgba(0, 0, 0, 0.19);
}

&lt;/code&gt;&lt;/pre&gt;



&lt;h3 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;/h3&gt;
&lt;p&gt;So &amp;ndash; all in all &amp;ndash; the Addins window is not very useful. The only advantage is the generation of the filepath and the copy of the image in the correct folder.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;visual-r-markdown-via-menu-insert-&#34;&gt;Visual R Markdown via Menu &amp;lsquo;Insert &amp;hellip;&amp;rsquo;&lt;a href=&#34;#visual-r-markdown-via-menu-insert-&#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;With a &lt;code&gt;.md&lt;/code&gt; file Visual R Markdown offers only a reduced first part of the window as it is presented in an &lt;code&gt;.Rmd&lt;/code&gt; file. In contrast to the .Rmd version it lacks the fields to add width and height parameter.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/reduced-window-version-for-md-files-min.png&#34; alt=&#34;Window for inserting images in .md files with Visual R Markdown window with reduced number of input fields.&#34; title=&#34;text for title and tooltip&#34;&gt;&lt;/p&gt;
&lt;p&gt;But more important: There is no &lt;code&gt;caption&lt;/code&gt;! The text for the field &amp;lsquo;Caption/Alt&amp;rsquo; includes the text only for the &lt;code&gt;alt&lt;/code&gt;-attribute!&lt;/p&gt;



&lt;h3 id=&#34;example-1&#34;&gt;Example&lt;a href=&#34;#example-1&#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;&lt;img src=&#34;images/my-image.png&#34; alt=&#34;Alt text (no caption!)&#34; title=&#34;Text for title and tooltip&#34;&gt;&lt;/p&gt;



&lt;h3 id=&#34;code-in-markdown-1&#34;&gt;Code in markdown&lt;a href=&#34;#code-in-markdown-1&#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;pre&gt;&lt;code&gt;![Alt text (no caption!)](images/my-image.png &amp;quot;Text for title and tooltip&amp;quot;)
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;code-in-html-1&#34;&gt;Code in HTML&lt;a href=&#34;#code-in-html-1&#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;pre&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alt text (no caption!)&amp;quot; title=&amp;quot;Text for title and tooltip&amp;quot;&amp;gt;&amp;lt;/p&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;h3 id=&#34;css-1&#34;&gt;CSS&lt;a href=&#34;#css-1&#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 same as with the RStudio Addin window.&lt;/p&gt;



&lt;h3 id=&#34;summary-1&#34;&gt;Summary&lt;a href=&#34;#summary-1&#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;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;hugo-figure-shortcut&#34;&gt;Hugo figure shortcut&lt;a href=&#34;#hugo-figure-shortcut&#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;In contrast to the .Rmd file we do not need to protect the shortcode. We can insert it either via the Visual R Markdown menu &lt;code&gt;Insert -&amp;gt; Shortcode&lt;/code&gt; or write the code directly into markdown.&lt;/p&gt;



&lt;h3 id=&#34;example-2&#34;&gt;Example&lt;a href=&#34;#example-2&#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;figure class=&#34;center&#34; id=&#34;figure-figure-4-my-title-text&#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;my-alt text&#34; srcset=&#34;
               /2021/05/06/images-in-md-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png 400w,
               /2021/05/06/images-in-md-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_c4c18b47561549b1147ccf6dd152b5f0.png 760w,
               /2021/05/06/images-in-md-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/06/images-in-md-files/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png&#34;
               width=&#34;754&#34;
               height=&#34;226&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Figure 4: my title-text
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Everything I said about the features of the figure shortcode in the post &lt;a href=&#34;../images-from-rmd-to-html-format/#example-3&#34;&gt;Images: From R Markdown to HTML format&lt;/a&gt; applies for &lt;code&gt;.md&lt;/code&gt; files as well.&lt;/p&gt;



&lt;h3 id=&#34;summary-2&#34;&gt;Summary&lt;a href=&#34;#summary-2&#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;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no (zoomable)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;results-and-conclusion&#34;&gt;Results and Conclusion&lt;a href=&#34;#results-and-conclusion&#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;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Attribute&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Addin&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Visual&lt;/th&gt;
&lt;th style=&#34;text-align:center&#34;&gt;Hugo&lt;/th&gt;
&lt;th&gt;Remark&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Caption&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;C. format&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌ 1&lt;/td&gt;
&lt;td&gt;1) standard = bold&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;C.numbered&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 2&lt;/td&gt;
&lt;td&gt;2) via &amp;lsquo;Academic&amp;rsquo; theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Alt&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Title&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Tooltip&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Width/Height&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Link to&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;ID&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 3&lt;/td&gt;
&lt;td&gt;3) &lt;code&gt;figure-&amp;lt;caption text&amp;gt;&lt;/code&gt; or &amp;lsquo;Academic&amp;rsquo; theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;CSS&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Other&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;❌&lt;/td&gt;
&lt;td style=&#34;text-align:center&#34;&gt;✅ 4&lt;/td&gt;
&lt;td&gt;4) &lt;code&gt;target&lt;/code&gt;, &lt;code&gt;rel&lt;/code&gt;, &lt;code&gt;attr&lt;/code&gt;, &lt;code&gt;attrlink&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;Table&lt;/strong&gt;: Features of different method of inserting images in &lt;code&gt;.md&lt;/code&gt; files converting with Hugo/Goldmark to HTML&lt;/p&gt;
&lt;p&gt;Only Hugo shortcode (with ID and numbered extension by the Academic theme) is the only real choice for figures equipped with all necessary attributes and nice styled.&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=Images%20in%20.md%20Files&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20post%20investigates%20different%20methods%20to%20include%20images%20in%20%60.md%60%20files%20and%20how%20they%20are%20treated%20in%20the%20Hugo/Goldmark%20conversion%20process%20to%20HTML.&amp;amp;rft.identifier=post%2F2021%2F2021-05-06-images-in-md-files%2Fimages-in-md-files&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2021-05-06&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Images: From R Markdown to HTML format</title>
      <link>https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/</link>
      <pubDate>Wed, 05 May 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/</guid>
      <description>
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/index.en_files/header-attrs/header-attrs.js&#34;&gt;&lt;/script&gt;

&lt;div id=&#34;TOC&#34;&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#introduction&#34;&gt;Introduction&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#using-r-chunk-with-knitr&#34;&gt;Using r chunk with &lt;code&gt;knitr&lt;/code&gt;&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#example&#34;&gt;Example&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-r-chunk&#34;&gt;Code in R Chunk&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-html&#34;&gt;Code in HTML&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#css&#34;&gt;CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#summary&#34;&gt;Summary&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#markdown-via-addins-insert-image&#34;&gt;Markdown via Addins ‘Insert Image’&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#example-1&#34;&gt;Example&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-markdown&#34;&gt;Code in markdown&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-html-1&#34;&gt;Code in HTML&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#css-1&#34;&gt;CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#summary-1&#34;&gt;Summary&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#visual-r-markdown-via-menu-insert&#34;&gt;Visual R Markdown via Menu ‘Insert …’&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#example-2&#34;&gt;Example&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-markdown-1&#34;&gt;Code in markdown&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-html-2&#34;&gt;Code in HTML&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#css-2&#34;&gt;CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#summary-2&#34;&gt;Summary&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#hugo-figure-shortcut&#34;&gt;Hugo figure shortcut&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;#example-3&#34;&gt;Example&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#code-in-html-chunk&#34;&gt;Code in HTML chunk&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#css-3&#34;&gt;CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#summary-3&#34;&gt;Summary&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;#results-and-conclusion&#34;&gt;Results and Conclusion&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;div id=&#34;introduction&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Introduction&lt;/h2&gt;
&lt;p&gt;This article is the first of a series of posts to investigate methods of inserting figures into different markdown formats. The resulting code depends on how images are included and the conversion tool they have to undergo. And — at least I think — also somewhat on the theme in use. In my case it is the blog widget of the &lt;code&gt;starter-academic&lt;/code&gt; theme.&lt;/p&gt;
&lt;p&gt;Here I look at the process chain from Rmd via &lt;a href=&#34;https://pandoc.org/&#34;&gt;Pandoc&lt;/a&gt; to HTML. I will inspect inserting images with the following methods:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;R chunk code via &lt;code&gt;knitr::include_graphics()&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;‘Insert Image’ window via blogdown Addins&lt;/li&gt;
&lt;li&gt;‘Image …’ window vial Visual R Markdown&lt;/li&gt;
&lt;li&gt;Hugo shortcode&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Of course, you can always include HTML instead of markdown code, but this case is not of interest here as there are no changes during the conversion process.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;using-r-chunk-with-knitr&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Using r chunk with &lt;code&gt;knitr&lt;/code&gt;&lt;/h2&gt;
&lt;p&gt;You can include external images with the &lt;a href=&#34;https://www.rdocumentation.org/packages/knitr/versions/1.33/topics/include_graphics&#34;&gt;knitr function &lt;code&gt;include_graphics()&lt;/code&gt;&lt;/a&gt;. There are &lt;a href=&#34;https://yihui.org/knitr/options/#plots&#34;&gt;many chunk options&lt;/a&gt; to specify the resulting figure, but not all are useful for external images.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Use &lt;code&gt;out.width&lt;/code&gt; and &lt;code&gt;out.height&lt;/code&gt; (not &lt;code&gt;fig.width&lt;/code&gt; or &lt;code&gt;fig.height&lt;/code&gt;, they are for R-generated plots)&lt;/li&gt;
&lt;li&gt;Use &lt;code&gt;out.extra&lt;/code&gt; to add CSS styles (see for details &lt;a href=&#34;http://zevross.com/blog/2017/06/19/tips-and-tricks-for-working-with-images-and-figures-in-r-markdown-documents/#style-your-image-environment-with-css&#34;&gt;Style your image environment with CSS&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;If &lt;code&gt;fig.cap&lt;/code&gt; is provided without &lt;code&gt;fig.alt&lt;/code&gt;, it will also function as alternative text, which is usually not desired.&lt;/li&gt;
&lt;li&gt;Use &lt;a href=&#34;https://bookdown.org/yihui/rmarkdown-cookbook/output-hooks.html&#34;&gt;output hooks&lt;/a&gt; if you want even more control.&lt;/li&gt;
&lt;/ul&gt;
&lt;div id=&#34;example&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Example&lt;/h3&gt;
&lt;div class=&#34;figure&#34; style=&#34;text-align: center&#34;&gt;&lt;span id=&#34;fig:img-with-knitr&#34;&gt;&lt;/span&gt;
&lt;img src=&#34;images/my-image.png&#34; alt=&#34;Alternative text for figure 1&#34; width=&#34;50%&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;
Figure 1: Caption for figure 1
&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    The &lt;code&gt;fig.align&lt;/code&gt; parameter generally works correctly, but not in this theme. It always centers to a 10 (instead 0f 12) column width. Left and right alignments do not work at all. I could not find and solve the problem.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-r-chunk&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in R Chunk&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;```
{r img-with-knitr, echo=FALSE, fig.align=&amp;#39;center&amp;#39;, out.width=&amp;#39;50%&amp;#39;, fig.cap=&amp;#39;Caption for figure 1&amp;#39;, fig.alt=&amp;#39;Alternative text for figure 1&amp;#39;}
knitr::include_graphics(&amp;quot;images/my-image.png&amp;quot;)
```&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-html&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in HTML&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;```
&amp;lt;div class=&amp;quot;figure&amp;quot; style=&amp;quot;text-align: center&amp;quot;&amp;gt;&amp;lt;span id=&amp;quot;fig:img-with-knitr&amp;quot;&amp;gt;&amp;lt;/span&amp;gt;
    &amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;Alternative text for figure 1&amp;quot; width=&amp;quot;50%&amp;quot;&amp;gt;
    &amp;lt;p class=&amp;quot;caption&amp;quot;&amp;gt;
        Figure 1: Caption for figure 1
    &amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
```&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;It is a stand-alone feature of &lt;code&gt;knitr&lt;/code&gt; to provide automatically generated figure numbers that you can reference via their id. The id is generated from the chunk name with the pattern &lt;code&gt;fig:&amp;lt;chunk name&amp;gt;&lt;/code&gt;. The figure 1 above can be referenced with &lt;code&gt;\@ref(fig:img-with-knitr)&lt;/code&gt;. Like this:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;For more details see Figure &lt;a href=&#34;#fig:img-with-knitr&#34;&gt;1&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    But in that case, you cannot use other methods to insert figures with numbers as &lt;code&gt;knitr&lt;/code&gt; will not be aware of them.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;The relevant selectors for CSS styles are &lt;code&gt;div.figure&lt;/code&gt; and &lt;code&gt;p.caption&lt;/code&gt;. We will see that these styles are consistent with all the other methods provided by RStudio windows. But Hugo’s figure shortcode uses the HTML tags &lt;code&gt;figure&lt;/code&gt; and &lt;code&gt;figcaption&lt;/code&gt;. In the &lt;a href=&#34;https://bookdown.org/yihui/rmarkdown-cookbook/hook-html5.html&#34;&gt;R Markdown Coobook&lt;/a&gt; is a work around expained how you can produce these Hugo HTML tags with &lt;code&gt;knitr&lt;/code&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;css&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;CSS&lt;/h3&gt;
&lt;p&gt;The CSS style I have used to display the image:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;img {
        border: 1px;
        border-style: groove;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px  rgba(0, 0, 0, 0.19);
}

p.caption {
    text-align: center;
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
    font-size: smaller;
}&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;summary&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Summary&lt;/h3&gt;
&lt;p&gt;Using the &lt;code&gt;knitr&lt;/code&gt; function &lt;code&gt;include_graphics()&lt;/code&gt; for external images provides a rich set of image attributes (tags). It is also very flexible, especially if you are using the more complex possibilities like programming the output chunk hook.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes (format: &#34;fig:&amp;lt;chunk name&amp;gt;)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes (with &lt;code&gt;out.extra&lt;/code&gt;, example: &lt;code&gt;out.extra=&#39;class=&#34;border shadowed&#34;&#39;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes (with out.extra, example: &lt;code&gt;out.extra=&#39;style=&#34;background-color: #9ecff7; padding:10px; display: inline-block;&#34;&#39;&lt;/code&gt; See blog post &lt;a href=&#34;http://zevross.com/blog/2017/06/19/tips-and-tricks-for-working-with-images-and-figures-in-r-markdown-documents/&#34;&gt;Tips and tricks for working with images and figures in R Markdown documents&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;markdown-via-addins-insert-image&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Markdown via Addins ‘Insert Image’&lt;/h2&gt;
&lt;p&gt;&lt;img src=&#34;images/adding-external-window-with-rstudio-addin-min.png&#34; /&gt;&lt;/p&gt;
&lt;p&gt;The possibilities of RStudio Addins window for &lt;code&gt;blogdown&lt;/code&gt; are sparse. But it has one big advantage: The addin helps user to provide the correct file path and copies the image to the right place.&lt;/p&gt;
&lt;p&gt;The RStudio Addins window for &lt;code&gt;blogdown&lt;/code&gt; package allows only width / height arguments and alternative text. The content of the ‘alt’-attribute is in the final HTML code converted to the caption, &lt;a href=&#34;https://blog.spotibo.com/difference-between-alt-text-and-title-text/&#34;&gt;which is not correct&lt;/a&gt;:&lt;/p&gt;
&lt;p&gt;The alternate text should describe what you can see on the image in case the image does not appear (e.g., is blocked) or the user applies a screen reader. ‘Alt’ text is also rendered by search engines. Every picture should have a corresponding ‘alt’ attribute The caption by contrast is not so important. It provides additional information and appears under the image explaining the content to reader who are able to see the picture.&lt;/p&gt;
&lt;div id=&#34;example-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Example&lt;/h3&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/my-image.png&#34; style=&#34;width:100.0%&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;&lt;strong&gt;Figure 2:&lt;/strong&gt; Caption for this figure 2&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    You can’t use the Addins ‘Insert Image’ in Visual R Markdown mode because it protects the conversion by adding a backslash in front of the squared brackets: &lt;code&gt;![Alt text](images/my-image.png)&lt;/code&gt;.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-markdown&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in markdown&lt;/h3&gt;
&lt;p&gt;RStudio Addins window produces the following markdown code:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;![**Figure 2:** Caption for this figure 2](images/my-image.png){width=100%}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;I think starting with the RStudio version 1.4 (January 2021) the RStudio Addin window is superseded by the the &lt;a href=&#34;https://rstudio.github.io/visual-markdown-editing/#/&#34;&gt;Visual R Markdown&lt;/a&gt; window (see &lt;a href=&#34;#visual-r-markdown-via-menu-insert&#34;&gt;next section&lt;/a&gt;). If you are turning on the visual editor you can always enhance the rudimentary markdown of the addin window with all the features of Visual R Markdown.&lt;/p&gt;
&lt;p&gt;For this improvement you need to&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;turn on Visual RStudio Markdown;&lt;/li&gt;
&lt;li&gt;select the image which markdown you want to enhance;&lt;/li&gt;
&lt;li&gt;click into the small round button with the three points to open up the dialog window;&lt;/li&gt;
&lt;li&gt;correct or add the desired content for the attributes (there is more under the “Attributes” tab);&lt;/li&gt;
&lt;li&gt;close the window;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;If you want to work with markdown directly you may turn off Visual RStudio Markdown.&lt;/p&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/enhancing-markdown-with-visual-r-markdown-commented-min.png&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Screenshot of the Visual RStudio Markdown window&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-html-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in HTML&lt;/h3&gt;
&lt;p&gt;Here I am referring to the RStudio Addin without enhancement from the Visual R Markdown window.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;div class=&amp;quot;figure&amp;quot;&amp;gt;
    &amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; alt=&amp;quot;&amp;quot;&amp;gt;
    &amp;lt;p class=&amp;quot;caption&amp;quot;&amp;gt;&amp;lt;strong&amp;gt;Figure 2:&amp;lt;/strong&amp;gt; Caption for this figure 1           
    &amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;As you can see: The &lt;code&gt;alt&lt;/code&gt; attribute is empty, although I have filled it out!&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    If you do not provide text for the &lt;code&gt;alt&lt;/code&gt; (= capture) attributes then there is no &lt;code&gt;div.figure&lt;/code&gt; and &lt;code&gt;p.caption&lt;/code&gt; class. In this case there is only the &lt;code&gt;img&lt;/code&gt; tag as you can see with the image under the header &lt;a href=&#34;#markdown-via-addins-insert-image&#34;&gt;Markdown via Addins ‘Insert Image’&lt;/a&gt;.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;css-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;CSS&lt;/h3&gt;
&lt;p&gt;The conversion to HTML produced exactly the same classes as in the result with the &lt;code&gt;knitr&lt;/code&gt; image inclusion (see the &lt;a href=&#34;#css&#34;&gt;CSS code under the knitr section&lt;/a&gt;).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;summary-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Summary&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;visual-r-markdown-via-menu-insert&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Visual R Markdown via Menu ‘Insert …’&lt;/h2&gt;
&lt;p&gt;&lt;img src=&#34;images/image-dialog-window-side-by-side-min.png&#34; /&gt;&lt;/p&gt;
&lt;p&gt;After you have turned on Visual R Markdown you can load the image window via the Menu &lt;code&gt;&#39;Insert &#39; -&amp;gt; &#39;Image…&#39;&lt;/code&gt; or shortcut ⇧⌘I. For an overview I put in the picture above both parts of the window side by side. You can see that it offers a very complete list of image attributes.&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    If you do not include text in the “Caption/Alt” field then no HTML code for the &lt;code&gt;div.figure&lt;/code&gt; and &lt;code&gt;p.caption&lt;/code&gt; classes will be produced and the appropriate CSS styles cannot be applied.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;div id=&#34;example-2&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Example&lt;/h3&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/my-image.png&#34; title=&#34;title text and tooltip&#34; id=&#34;figure3&#34; alt=&#34;here comes a description for blind people, screen readers and search engines&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Figure 3: Caption for this figure&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;Even in this enhanced window is the wrong mixture of ‘Caption’ and ‘Alt’ attributes offered. But there is a work around with the ‘Other’-field as I have shown in the screenshot.&lt;/p&gt;
&lt;p&gt;&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Fill in the field “Caption/Alt” &lt;strong&gt;and&lt;/strong&gt; add the &lt;code&gt;alt&lt;/code&gt; attribute in the field “Others”. After the conversion to HTML the former constitutes the caption and the later the alternative text.
  &lt;/div&gt;
&lt;/div&gt;
&lt;/p&gt;
&lt;p&gt;If you click on the inserted image and call the window again, then a slightly different window appears where fields for width and height are added and can be changed. This addition appears under the image as well by just clicking on the image.&lt;/p&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/width-height-fields-after-image-inclusion-min.png&#34; id=&#34;width-height-added&#34; alt=&#34;Width and height field added after the image was included into the .Rmd page. Left: changed window, right: after click into the inserted window.&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Width and height field added after the image was included into the .Rmd page&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-markdown-1&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in markdown&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;![Figure 3: Caption for this figure](images/my-image.png &amp;quot;title text and tooltip&amp;quot;){#figure3 alt=&amp;quot;here comes a description for blind people, screen readers and search engines}&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;In addition to the standard markdown code all the other attributes are added inside curly brackets.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-html-2&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in HTML&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;div class=&amp;quot;figure&amp;quot;&amp;gt;
    &amp;lt;img src=&amp;quot;images/my-image.png&amp;quot; title=&amp;quot;title text and tooltip&amp;quot; id=&amp;quot;figure3&amp;quot;
    alt=&amp;quot;here comes a description for blind people, screen readers and search engines&amp;quot;&amp;gt;
    &amp;lt;p class=&amp;quot;caption&amp;quot;&amp;gt;
        Figure 3: Caption for this figure
    &amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;div id=&#34;css-2&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;CSS&lt;/h3&gt;
&lt;p&gt;The conversion to HTML produced exactly the same classes as in the result with the other two methods &lt;a href=&#34;#css&#34;&gt;&lt;code&gt;knitr&lt;/code&gt; image inclusion&lt;/a&gt; and &lt;a href=&#34;#css-1&#34;&gt;Addins ‘Insert Image’&lt;/a&gt;).&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;summary-2&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Summary&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): yes&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;hugo-figure-shortcut&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Hugo figure shortcut&lt;/h2&gt;
&lt;blockquote&gt;
&lt;p&gt;You cannot simply write {{&amp;lt; shortcode &amp;gt;}} in R Markdown, because Pandoc is not aware of Hugo shortcodes, and may convert special characters so that Hugo can no longer recognize the shortcodes (e.g. &amp;lt; will be converted to &amp;lt;).&lt;a href=&#34;#fn1&#34; class=&#34;footnote-ref&#34; id=&#34;fnref1&#34;&gt;&lt;sup&gt;1&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;With &lt;a href=&#34;https://gohugo.io/getting-started/configuration-markup/#blackfriday&#34;&gt;Blackfriday&lt;/a&gt; as default Markdown rendering engine I used to use for shortcodes the &lt;code&gt;blogdown::shortcode()&lt;/code&gt; function. But after Hugo v0.60 the default Markdown rendering engine changed to &lt;a href=&#34;https://gohugo.io/getting-started/configuration-markup/#goldmark&#34;&gt;Goldmark&lt;/a&gt;. In the above quoted man page for the shortcode() function there is a also special note on this issue:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Since Hugo v0.60, Hugo has switched its default Markdown rendering engine to Goldmark. One consequence is that shortcodes may fail to render. You may enable the unsafe option in the configuration file: &lt;a href=&#34;https://gohugo.io/getting-started/configuration-markup/#goldmark&#34; class=&#34;uri&#34;&gt;https://gohugo.io/getting-started/configuration-markup/#goldmark&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;I couldn’t understand this remark as for me all the Hugo shortcodes works well. But to apply it more easily I use pure HTML code chunks to prevent a conversion by Pandoc. This has the advantage that I can include Hugo’s shortcode syntax without any changes.&lt;/p&gt;
&lt;div id=&#34;example-3&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Example&lt;/h3&gt;














&lt;figure  id=&#34;figure-shortcut-figure&#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;My alt text&#34; srcset=&#34;
               /2021/05/05/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png 400w,
               /2021/05/05/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_c4c18b47561549b1147ccf6dd152b5f0.png 760w,
               /2021/05/05/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2021/05/05/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png&#34;
               width=&#34;754&#34;
               height=&#34;226&#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;
      My caption text
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;
&lt;div id=&#34;code-in-html-chunk&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Code in HTML chunk&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;```{=html}
{{&amp;lt; figure src=&amp;quot;images/my-image.png&amp;quot; class=&amp;quot;center&amp;quot; alt=&amp;quot;My alt text&amp;quot; caption=&amp;quot;My title text&amp;quot; id=&amp;quot;shortcut-figure&amp;quot; numbered=&amp;quot;true&amp;quot; &amp;gt;}}
```&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The &lt;code&gt;id&lt;/code&gt; and &lt;code&gt;numbered&lt;/code&gt; attributes are not provided by but they are a &lt;a href=&#34;https://wowchemy.com/docs/content/writing-markdown-latex/#single-image&#34;&gt;feature from the academic theme&lt;/a&gt;.&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;If you do not use &lt;code&gt;id&lt;/code&gt; explicitly then Hugo generates an ID with the “figure-” followed by the caption text (e.g., &lt;code&gt;id=&#34;figure-my-caption-text&#34;&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;You can see that the numbering systems starts from scratch, e.g., it does not account for the &lt;code&gt;knitr&lt;/code&gt; chunks. The same is true vice versa.&lt;/li&gt;
&lt;li&gt;Besides the already mentioned attributes Hugo also features &lt;code&gt;target&lt;/code&gt;, &lt;code&gt;rel&lt;/code&gt; and attribution (&lt;code&gt;attr&lt;/code&gt; = text; &lt;code&gt;attrlink&lt;/code&gt; = link).&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div id=&#34;css-3&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;CSS&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;```{=html}
&amp;lt;figure id=&amp;quot;figure-shortcut-figure&amp;quot;&amp;gt;
  &amp;lt;div class=&amp;quot;d-flex justify-content-center&amp;quot;&amp;gt;
    &amp;lt;div class=&amp;quot;w-100&amp;quot;&amp;gt;
        &amp;lt;img alt=&amp;quot;My alt text&amp;quot; srcset=&amp;quot;
               /post/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png 400w,
               /post/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_c4c18b47561549b1147ccf6dd152b5f0.png 760w,
               /post/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1200x1200_fit_lanczos_2.png 1200w&amp;quot; src=&amp;quot;/post/images-from-rmd-to-html-format/images/my-image_huf81a7faf920bb11d47d82b059b9dc0cf_20503_1061e20606536f4413fb34665581822b.png&amp;quot; width=&amp;quot;754&amp;quot; height=&amp;quot;226&amp;quot; loading=&amp;quot;lazy&amp;quot; data-zoomable=&amp;quot;&amp;quot; class=&amp;quot;medium-zoom-image&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
  &amp;lt;figcaption data-pre=&amp;quot;Figure&amp;amp;nbsp;&amp;quot; data-post=&amp;quot;:&amp;amp;nbsp;&amp;quot; class=&amp;quot;numbered&amp;quot;&amp;gt;
      My caption text
  &amp;lt;/figcaption&amp;gt;
&amp;lt;/figure&amp;gt;

```&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;The produced HTML is pretty complex, but here we are just interested in the two relevant tags for CSS styling: &lt;code&gt;&amp;lt;figure&amp;gt;&lt;/code&gt; and &lt;code&gt;&amp;lt;figcaption&amp;gt;&lt;/code&gt;. These two HTML tag are different to the code produced by other methods of inserting images. So maybe it would be a good idea to style both variants the same way.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;summary-3&#34; class=&#34;section level3&#34;&gt;
&lt;h3&gt;Summary&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Caption&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Format of caption&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Caption automatically numbered&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Alt&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Title&lt;/strong&gt;: no&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tooltip&lt;/strong&gt;: no (zoomable)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Width/Height&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Link to&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ID&lt;/strong&gt;: yes (Academic theme)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Classes&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS style&lt;/strong&gt;: yes&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Other&lt;/strong&gt; (key=value): no&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;results-and-conclusion&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Results and Conclusion&lt;/h2&gt;
&lt;table&gt;
&lt;caption&gt;Table: Features of different method of inserting images in Rmd files converting to HTML&lt;/caption&gt;
&lt;colgroup&gt;
&lt;col width=&#34;15%&#34; /&gt;
&lt;col width=&#34;8%&#34; /&gt;
&lt;col width=&#34;8%&#34; /&gt;
&lt;col width=&#34;9%&#34; /&gt;
&lt;col width=&#34;8%&#34; /&gt;
&lt;col width=&#34;51%&#34; /&gt;
&lt;/colgroup&gt;
&lt;thead&gt;
&lt;tr class=&#34;header&#34;&gt;
&lt;th&gt;Attribute&lt;/th&gt;
&lt;th align=&#34;center&#34;&gt;knitr&lt;/th&gt;
&lt;th align=&#34;center&#34;&gt;Addin&lt;/th&gt;
&lt;th align=&#34;center&#34;&gt;Visual&lt;/th&gt;
&lt;th align=&#34;center&#34;&gt;Hugo&lt;/th&gt;
&lt;th&gt;Remark&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;Caption&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;even&#34;&gt;
&lt;td&gt;C. format&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌ &lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌ &lt;sup&gt;2&lt;/sup&gt;&lt;/td&gt;
&lt;td&gt;&lt;sup&gt;2&lt;/sup&gt; standard = bold&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;C.numbered&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;3&lt;/sup&gt;&lt;/td&gt;
&lt;td&gt;&lt;sup&gt;3&lt;/sup&gt; via ‘Academic’ theme&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;even&#34;&gt;
&lt;td&gt;Alt&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;4&lt;/sup&gt;&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;sup&gt;4&lt;/sup&gt; via ‘Other’-field&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;Title&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;even&#34;&gt;
&lt;td&gt;Tooltip&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;Width/Height&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;even&#34;&gt;
&lt;td&gt;Link to&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;ID&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;5&lt;/sup&gt;&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;6&lt;/sup&gt;&lt;/td&gt;
&lt;td&gt;&lt;p&gt;&lt;sup&gt;5&lt;/sup&gt; &lt;code&gt;fig:&amp;lt;chunk name&amp;gt;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;sup&gt;6&lt;/sup&gt; &lt;code&gt;figure-&amp;lt;caption text&amp;gt;&lt;/code&gt; or ‘Academic’ theme&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;even&#34;&gt;
&lt;td&gt;CSS&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅&lt;/td&gt;
&lt;td&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr class=&#34;odd&#34;&gt;
&lt;td&gt;Other&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;sup&gt;1&lt;/sup&gt;&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;❌&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;7&lt;/sup&gt;&lt;/td&gt;
&lt;td align=&#34;center&#34;&gt;✅ &lt;sup&gt;8&lt;/sup&gt;&lt;/td&gt;
&lt;td&gt;&lt;p&gt;&lt;sup&gt;1&lt;/sup&gt;via output chunk arbitrary HTML code!&lt;/p&gt;
&lt;p&gt;&lt;sup&gt;7&lt;/sup&gt; free choice!&lt;/p&gt;
&lt;p&gt;&lt;sup&gt;8&lt;/sup&gt; &lt;code&gt;target&lt;/code&gt;, &lt;code&gt;rel&lt;/code&gt;, &lt;code&gt;attr&lt;/code&gt;, &lt;code&gt;attrlink&lt;/code&gt;&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;If we take into account that code produced by the RStudio Addin window can be improved at any time with the Visual R Markdown window then all the four offered methods are pretty similar. But keep in mind that advantages on the one hand are often counter acted by disadvantages on other areas. So — for instance — provides the conversion via Pandoc many advantages but looses also some features of Hugo or the applied theme.&lt;/p&gt;
&lt;p&gt;To sum up this this little investigation I see three patterns of decisions criteria:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;One big difference is the possibility to number the figures automatically. The Addin and Visual R Markdown windows do not provide this feature.&lt;/li&gt;
&lt;li&gt;On the other hand filling in the window fields is — especially for people who are not so comfortable with HTML or Markdown code — easier.&lt;/li&gt;
&lt;li&gt;Another decision criteria could be consistency: If you are using R chunks (which is the major reason to use the .Rmd format!) and want to be consistent throughout the file, then the decision for the &lt;code&gt;knitr&lt;/code&gt; method is obvious.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;But let’s see what the other file format are producing. For people using different methods&lt;a href=&#34;#fn2&#34; class=&#34;footnote-ref&#34; id=&#34;fnref2&#34;&gt;&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt; for their posts perhaps the comparison inside one file format is not sufficient. Perhaps there is a method not ideal when considered only one file format but has a higher consistency when looked all file format together.&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=Images:%20From%20R%20Markdown%20to%20HTML%20format&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20post%20investigates%20different%20methods%20to%20include%20images%20in%20%60.Rmd%60%20files%20and%20how%20they%20are%20treated%20in%20the%20%60blogdown%60%20conversion%20process%20to%20HTML.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2021%2F05%2F05%2Fimages-from-rmd-to-html-format&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2021-05-05&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt; 
&lt;/div&gt;
&lt;div class=&#34;footnotes&#34;&gt;
&lt;hr /&gt;
&lt;ol&gt;
&lt;li id=&#34;fn1&#34;&gt;&lt;p&gt;Helper functions to write Hugo shortcodes using the R syntax&lt;a href=&#34;#fnref1&#34; class=&#34;footnote-back&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li id=&#34;fn2&#34;&gt;&lt;p&gt;As with blogdown version 1.3 not all files are automatically rendered, one could choose a different file and conversion format for every post separately. This requires (1) deleting those files produced by the conversion process in the folder of the post under consideration (2) renaming the file ending of the main file and kniting/rendering the new file format again.&lt;a href=&#34;#fnref2&#34; class=&#34;footnote-back&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Using Emojis in R and R Markdown</title>
      <link>https://notes.peter-baumgartner.net/2021/04/19/using-emojis-in-r-and-rmarkdown/</link>
      <pubDate>Mon, 19 Apr 2021 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2021/04/19/using-emojis-in-r-and-rmarkdown/</guid>
      <description>
&lt;script src=&#34;https://notes.peter-baumgartner.net/2021/04/19/using-emojis-in-r-and-rmarkdown/index_files/header-attrs/header-attrs.js&#34;&gt;&lt;/script&gt;


&lt;p&gt;Recently I worked on some pull requests for &lt;a href=&#34;https://github.com/OpenIntroStat/ims-tutorials&#34;&gt;interactive tutorials&lt;/a&gt; for the OpenIntro textbook Introduction to Modern Statistics. There I came across the &lt;a href=&#34;https://github.com/hadley/emo&#34;&gt;package &lt;code&gt;emo&lt;/code&gt;&lt;/a&gt;. Its purpose is: “Easily insert emoji into &lt;svg aria-hidden=&#34;true&#34; role=&#34;img&#34; viewBox=&#34;0 0 581 512&#34; style=&#34;height:1em;width:1.13em;vertical-align:-0.125em;margin-left:auto;margin-right:auto;font-size:inherit;fill:steelblue;overflow:visible;position:relative;&#34;&gt;&lt;path d=&#34;M581 226.6C581 119.1 450.9 32 290.5 32S0 119.1 0 226.6C0 322.4 103.3 402 239.4 418.1V480h99.1v-61.5c24.3-2.7 47.6-7.4 69.4-13.9L448 480h112l-67.4-113.7c54.5-35.4 88.4-84.9 88.4-139.7zm-466.8 14.5c0-73.5 98.9-133 220.8-133s211.9 40.7 211.9 133c0 50.1-26.5 85-70.3 106.4-2.4-1.6-4.7-2.9-6.4-3.7-10.2-5.2-27.8-10.5-27.8-10.5s86.6-6.4 86.6-92.7-90.6-87.9-90.6-87.9h-199V361c-74.1-21.5-125.2-67.1-125.2-119.9zm225.1 38.3v-55.6c57.8 0 87.8-6.8 87.8 27.3 0 36.5-38.2 28.3-87.8 28.3zm-.9 72.5H365c10.8 0 18.9 11.7 24 19.2-16.1 1.9-33 2.8-50.6 2.9v-22.1z&#34;/&gt;&lt;/svg&gt; and RMarkdown”.&lt;/p&gt;
&lt;p&gt;I was surprised that there is a special package. I didn’t think that including emojis wouldn’t be a problem – at least on the macOS. I only have to open the window for emojis and symbols (CMD-SHIFT-SPACE) and double click on the icon to insert it into the markdown document. No big deal, so what’s the matter?&lt;/p&gt;
&lt;div class=&#34;figure&#34;&gt;
&lt;img src=&#34;images/macOs-emojis-min.png&#34; alt=&#34;&#34; /&gt;
&lt;p class=&#34;caption&#34;&gt;Screenshot of macOS window showing a selection of emojis&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;After I searched online, I saw that there many questions (and &lt;a href=&#34;https://stackoverflow.com/questions/52378661/how-to-display-emojis-in-ggplot2-using-emo-package-in-r&#34;&gt;solutions&lt;/a&gt;) about this problem. There is on CRAN a special &lt;a href=&#34;https://cran.r-project.org/web/packages/emojifont/index.html&#34;&gt;package &lt;code&gt;emojifont&lt;/code&gt;&lt;/a&gt; for using emojis and &lt;a href=&#34;https://fontawesome.com/&#34;&gt;Font Awesome&lt;/a&gt; in base R and &lt;code&gt;ggplot2&lt;/code&gt; graphics and with &lt;a href=&#34;https://github.com/dill/emoGG&#34;&gt;&lt;code&gt;emoGG&lt;/code&gt;&lt;/a&gt; another one on GitHub.&lt;/p&gt;
&lt;p&gt;For me, it is still not clear what exactly the problem is. Perhaps it has to do with different operating systems? Does the Unicode not translate to all systems?&lt;/p&gt;
&lt;p&gt;Anyway, I looked into &lt;code&gt;emo,&lt;/code&gt; and it turned out that it offers some useful functions when working with strings containing emojis. You can also add emojis to summarize p-values. Additionally, I learned several things:&lt;/p&gt;
&lt;ol style=&#34;list-style-type: decimal&#34;&gt;
&lt;li&gt;&lt;p&gt;With &lt;code&gt;emojis_df &amp;lt;- emo::jis&lt;/code&gt;, you get a data frame with 3570 emoticons categorized by 21 variables.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;In &lt;code&gt;emojis_df&lt;/code&gt;, you will find the keywords for each emoji. But this is problematic as they are not unique. In the &lt;a href=&#34;https://github.com/hadley/emo#keywords&#34;&gt;ReadMe of &lt;code&gt;emo&lt;/code&gt; in GitHub&lt;/a&gt;, you will see a massive list of multiple references for each keyword.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;If you are using keywords, the command &lt;code&gt;emo::ji(&amp;lt;keyword&amp;gt;)&lt;/code&gt; will randomly pick one.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;emo::ji(&amp;quot;face&amp;quot;)
emo::ji(&amp;quot;face&amp;quot;)
emo::ji(&amp;quot;face&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code&gt;## 😈
## 💆 
## 👼 &lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;To identify, you have to use the short name of the &lt;a href=&#34;http://cldr.unicode.org/&#34;&gt;Common Local Data Repository&lt;/a&gt; (CDLR) included in the &lt;code&gt;emojis_df&lt;/code&gt;. If you want to use emojis with a particular skin tone, you have to use the alias name as the CDLR name produces an error. Instead of looking up an emoji within the above-created data frame &lt;code&gt;emojis_df&lt;/code&gt;, I found it more practicable to search in the official &lt;a href=&#34;https://www.unicode.org/emoji/charts/emoji-list.html&#34;&gt;Unicode Emoji List&lt;/a&gt;. It has not so many different columns but focuses on icon display and CLDR short name.&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=Using%20Emojis%20in%20R%20and%20R%20Markdown&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Recently%20I%20worked%20on%20some%20pull%20requests%20for%20[interactive%20tutorials](https://github.com/OpenIntroStat/ims-tutorials)%20for%20the%20%20OpenIntro%20textbook%20Introduction%20to%20Modern%20Statistics.%20There%20I%20came%20across%20the%20[package%20%60emo%60](https://github.com/hadley/emo).%20Its%20purpose%20is:%20%22Easily%20insert%20emoji%20into%20R%20and%20R%20Markdown%22.%20This%20post%20describes%20some%20learnings%20on%20how%20to%20use%20this%20package.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2Fpost%2F2021%2F2021-04-19-using-emojis-in-r-and-rmarkdown.en%2Fusing-emojis-in-r-and-rmarkdown&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2021-04-19&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt; 
</description>
    </item>
    
    <item>
      <title>How to Register with a Hosting Service to Buy Space for your Server</title>
      <link>https://notes.peter-baumgartner.net/2020/12/16/register-hosting-service/</link>
      <pubDate>Wed, 16 Dec 2020 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2020/12/16/register-hosting-service/</guid>
      <description>&lt;p&gt;With this article, I begin a new series of step-by-step instructions focused on installing and working with open source tools on your own server space. I&amp;rsquo;ve learned some of these procedures participating as an audience member in a sequence of German web talks by &lt;a href=&#34;https://www.oercamp.de/webinare/ostools/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Guido Brombrach&lt;/a&gt;, organized by &lt;a href=&#34;https://www.oercamp.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;OERcamp&lt;/a&gt;.&lt;/p&gt;



&lt;h2 id=&#34;step-1-go-to-the-url-of-your-hosting-service&#34;&gt;Step 1: Go to the URL of your hosting service&lt;a href=&#34;#step-1-go-to-the-url-of-your-hosting-service&#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;&lt;img src=&#34;images/00-uberspace-startpage-min.png&#34; alt=&#34;Startpage Uberspace&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; Go to the URL of Uberspace and scroll to the middle of the start page.&lt;/figcaption&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Go to the start page of your hosting service. This tutorial uses &lt;a href=&#34;https://uberspace.de/en/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Uberspace&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Scroll to the middle of the page and click on the link SIGN ME UP!&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;



&lt;h2 id=&#34;step-2-provide-your-username&#34;&gt;Step 2: Provide your username&lt;a href=&#34;#step-2-provide-your-username&#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;&lt;img src=&#34;images/01-registration-min.jpg&#34; alt=&#34;Screenshot shows the registration page of Uberspace&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; Choose username and fill it in the form of the Uberspace registration page.&lt;/figcaption&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Think again about your chosen username. You can&amp;rsquo;t change it anymore. It will be the first part of the URL, followed by the server address.&lt;/li&gt;
&lt;li&gt;Fill in your username and tick the check box to conform to the technical and social house rules.&lt;/li&gt;
&lt;li&gt;Check if your username is still available.&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;



&lt;h2 id=&#34;step-3-provide-your-email-address-to-reset-your-password&#34;&gt;Step 3: Provide your email address (to reset your password)&lt;a href=&#34;#step-3-provide-your-email-address-to-reset-your-password&#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;&lt;img src=&#34;images/02a-eMail-min.jpg&#34; alt=&#34;Screenshot shows the registration page of Uberspace&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; After creating your account Uberspace asks for additional information. First part: eMail.&lt;/figcaption&gt;&lt;/p&gt;
&lt;p&gt;Uberspace comes back after some moment with this new form. Meanwhile, the program has stored your username in the Uberspace database and already logged you in. What you here see is the first part of the form.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Also, you have already gotten an email address.&lt;/li&gt;
&lt;li&gt;But for security reasons, I recommend providing another email address. Whenever you forgot your password, you can apply for a new password sent to your email account. Otherwise, you are locked out from your webspace.&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;



&lt;h2 id=&#34;step-4-set-your-password-and-choose-your-price-model&#34;&gt;Step 4: Set your password and choose your price model&lt;a href=&#34;#step-4-set-your-password-and-choose-your-price-model&#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;&lt;img src=&#34;images/02b-password-price-min.jpg&#34; alt=&#34;Screenshot shows the registration page of Uberspace&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 4:&lt;/strong&gt; Uberspace asking for additional information. Second part: Password and price.&lt;/figcaption&gt;&lt;/p&gt;
&lt;p&gt;After scrolling down, you will see this second part of the form.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Provide a password to enter later the admin pages of your webspace.&lt;/li&gt;
&lt;li&gt;This password has nothing to do with the password you will use to access the server via SSH or SFTP. (I will explain &lt;strong&gt;S&lt;/strong&gt;ecure &lt;strong&gt;Sh&lt;/strong&gt;ell resp. &lt;strong&gt;S&lt;/strong&gt;ecure &lt;strong&gt;F&lt;/strong&gt;ile &lt;strong&gt;T&lt;/strong&gt;ransfer &lt;strong&gt;P&lt;/strong&gt;rotocol in another tutorial.)&lt;/li&gt;
&lt;li&gt;Uberspace has an exciting price model. The first month is free in any case. After that, you have three paying options. All of them have the same services but differ in your financial contribution to the hosting service. You can always later change your decision.&lt;/li&gt;
&lt;li&gt;Then click the &amp;ldquo;Make it so&amp;rdquo; button.&lt;/li&gt;
&lt;li&gt;Be patient. It can take several minutes till your server space is ready for you to access.&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;



&lt;h2 id=&#34;step-5-success-of-web-registration&#34;&gt;Step 5: Success of web registration!&lt;a href=&#34;#step-5-success-of-web-registration&#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;&lt;img src=&#34;images/03-success-web-access-min.jpg&#34; alt=&#34;Screenshot shows the registration page of Uberspace&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 5:&lt;/strong&gt; Success page of the web registration process.&lt;/figcaption&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;When you see this page, your registration process was successful. Congrats!&lt;/li&gt;
&lt;li&gt;There are many helpful resources in the Uberspace &lt;a href=&#34;https://manual.uberspace.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;manual&lt;/a&gt; and &lt;a href=&#34;https://wiki.uberspace.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;wiki&lt;/a&gt;. But if you are still stuck, don&amp;rsquo;t be shy and ask the people at Uberspace directly via &lt;a href=&#34;hallo@uberspace.de&#34;&gt;email&lt;/a&gt;.&lt;/li&gt;
&lt;/ol&gt;
&lt;hr&gt;



&lt;h2 id=&#34;step-6-password-for-ssh-access&#34;&gt;Step 6: Password for SSH access&lt;a href=&#34;#step-6-password-for-ssh-access&#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;&lt;img src=&#34;images/04-ssh-access-min.png&#34; alt=&#34;Registration for SSH access&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Step 6:&lt;/strong&gt; Uberspace start page after logged in.&lt;/figcaption&gt;&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;The successful registration for web access only means that you can now enter your uberspace web admin page. To get the page you see on the screenshot, you have to login into Uberspace and open the tab &amp;ldquo;Logins.&amp;rdquo;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;On the left side, you see your login for the Uberspace admin page (your web access). If you want, you can provide another password that will override your old one. As you can see, under 2a, I am already logged in.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;What we need to do now is to provide a password for access to your server space. When you fill in this (different) password, you will get a red bar on top of the screen saying you have set an SSH password. With this password, you can now access your server with an FTP-client or via your terminal.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&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=How%20to%20Register%20with%20a%20Hosting%20Service%20to%20Buy%20Space%20for%20your%20Server&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=What%20do%20you%20have%20to%20watch%20out%20for%20your%20registration%20with%20a%20hosting%20web%20service?%20I%20take,%20as%20an%20example,%20the%20German%20hoster%20Uberspace%20and%20show%20the%20process%20step-by-step.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2020%2F12%2F16%2Fregister-hosting-service&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2020-12-16&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Educational Tools and Learning Theory</title>
      <link>https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/</link>
      <pubDate>Sun, 12 Jan 2020 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/</guid>
      <description>













&lt;figure class=&#34;border shadowed floatright&#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;Categories of tools by Jane Hart&#34; srcset=&#34;
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-categorization-min_hu7e33daf5a3d61e154e2f1623510f4058_28088_037f141e93060f647fbab77a30910bca.png 400w,
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-categorization-min_hu7e33daf5a3d61e154e2f1623510f4058_28088_8dc6d193f3fdea390da36b4c6e70da99.png 760w,
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-categorization-min_hu7e33daf5a3d61e154e2f1623510f4058_28088_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-categorization-min_hu7e33daf5a3d61e154e2f1623510f4058_28088_037f141e93060f647fbab77a30910bca.png&#34;
               width=&#34;204&#34;
               height=&#34;760&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;/figure&gt;
&lt;p&gt;This article suggests a procedure to categorize the enormous amount of educational tools in the market. My approach uses a framework of three well-grounded learning theories: Instruction, Cognition, and Construction based on presentation modes (one-way teaching), dialog settings (two-way education), and collaborative scenarios (learning by mastering complex situations). As a proof of concept, I will use the &lt;a href=&#34;https://www.toptools4learning.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Top Tools for Learning&lt;/a&gt; (TT4L), compiled by &lt;a href=&#34;https://www.toptools4learning.com/jane-hart/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Jane Hart&lt;/a&gt; as a result of the 13th Annual Learning Tools Survey (published 18 September 2019).&lt;/p&gt;
&lt;p&gt;Inspired by the yearly ranking of &lt;a href=&#34;https://www.toptools4learning.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Top Tools for Learning&lt;/a&gt; (TT4L) compiled by Jane Hart, I wanted to know if there are global changes or trends in e-learning over the years. The ranked list of tools goes back 13 years and is available for all past years via the &lt;a href=&#34;https://archive.org/web/web.php&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wayback Machine&lt;/a&gt;. As a plan for analysis and for presenting results, I imagine a similar procedure as I have used in &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/08/01/comparing-website-generators-over-time/&#34;&gt;comparing static website generators&lt;/a&gt; over the years.&lt;/p&gt;



&lt;h2 id=&#34;inconsistencies-in-janes-categories&#34;&gt;Inconsistencies in Jane&amp;rsquo;s categories&lt;a href=&#34;#inconsistencies-in-janes-categories&#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 compare the different rankings of the educational tools, I will need a classification of all apps/web services based on pedagogical reasons. For my purposes, the &lt;a href=&#34;http://c4lpt.co.uk/directory-of-learning-performance-tools/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;categorizations used by Jane Hart&lt;/a&gt; (see right column) is not useful:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;It is the functionality of the tool itself, which motivates her division in different classes primarily. Therefore all categories contain the word &amp;lsquo;tool&amp;rsquo; in their name. She distinguishes four main types:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Instructional tools&lt;/li&gt;
&lt;li&gt;Content development tools&lt;/li&gt;
&lt;li&gt;Social tools&lt;/li&gt;
&lt;li&gt;Personal (and professional) tools&lt;/li&gt;
&lt;/ol&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Her sub-categorization under the four main headings is not consistent and has changed over the years. Sometimes she uses &amp;lsquo;Content&amp;rsquo; as a fifth type, or she includes &amp;lsquo;professional&amp;rsquo; under the heading of &amp;lsquo;personal tool.&amp;rsquo;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Some tools are platform-dependent (e.g., Sharepoint, Keynote).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Even proprietary name for hardware is ranked in her list (e.g., iPhone, iPad, SMART board instead of smartphone, tablet, whiteboard).&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Another much better division can be drawn from her &lt;a href=&#34;https://www.toptools4learning.com/edu100/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;beautiful infographics&lt;/a&gt; (see below) on top tools for higher education 2019. Here Hart distinguishes by pedagogical reasons between&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Didactics (Formal Learning)&lt;/li&gt;
&lt;li&gt;Discovery (Informal Learning)&lt;/li&gt;
&lt;li&gt;Discourse (Social Learning) and&lt;/li&gt;
&lt;li&gt;Doing (Studying).&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Aside from the fact that &amp;lsquo;formal&amp;rsquo; and &amp;lsquo;informal learning&amp;rsquo; has another meaning (see the definition by the &lt;a href=&#34;https://www.coe.int/en/web/lang-migrants/formal-non-formal-and-informal-learning&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Council of Europe&lt;/a&gt; on formal, non-formal, and informal learning). I do not understand why &amp;lsquo;studying&amp;rsquo; is different from structured learning in an academic setting. And why should &amp;lsquo;studying&amp;rsquo; be linked just with the doing-bubble?&lt;/p&gt;














&lt;figure class=&#34;border shadowed&#34; id=&#34;figure-usage-of-top-tools-for-higher-edudation-in-2019-infographics-by-c4lpt-2019-httpswwwtoptools4learningcomedu100&#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;Infographics on the usage of the top tools for higher education in 2019&#34; srcset=&#34;
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-HE-categorization-min_hu50372094cf8432080a63681728d4aa64_142818_c8d9ea79b58caaae77cf028c8a53d1ba.png 400w,
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-HE-categorization-min_hu50372094cf8432080a63681728d4aa64_142818_57e7b6dc30ce549cda93a96b1cf21609.png 760w,
               /2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-HE-categorization-min_hu50372094cf8432080a63681728d4aa64_142818_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/images/2019-C4LPT-HE-categorization-min_hu50372094cf8432080a63681728d4aa64_142818_c8d9ea79b58caaae77cf028c8a53d1ba.png&#34;
               width=&#34;760&#34;
               height=&#34;570&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Usage of top tools for higher edudation in 2019. Infographics by C4LPT (2019): &lt;a href=&#34;https://www.toptools4learning.com/edu100/&#34;&gt;https://www.toptools4learning.com/edu100/&lt;/a&gt;.
    &lt;/figcaption&gt;&lt;/figure&gt;



&lt;h2 id=&#34;developing-educational-motivated-categories&#34;&gt;Developing educational motivated categories&lt;a href=&#34;#developing-educational-motivated-categories&#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;figure class=&#34;border shadowed floatright&#34; id=&#34;figure-three-different-learningteaching-modes-infographics-by-peter-baumgartner-2018&#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;Infographics: Three different learning/teaching modes&#34; srcset=&#34;
               /2020/01/12/educational-tools-and-learning-theory/images/learning-modes-min_hu6f110a62899558bf5862518c7de29d95_53930_cb3b0e8f42b9df5a0e3767094aec5d03.png 400w,
               /2020/01/12/educational-tools-and-learning-theory/images/learning-modes-min_hu6f110a62899558bf5862518c7de29d95_53930_5ad70f42037b9ce70db7fe251e3a1170.png 760w,
               /2020/01/12/educational-tools-and-learning-theory/images/learning-modes-min_hu6f110a62899558bf5862518c7de29d95_53930_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/images/learning-modes-min_hu6f110a62899558bf5862518c7de29d95_53930_cb3b0e8f42b9df5a0e3767094aec5d03.png&#34;
               width=&#34;760&#34;
               height=&#34;552&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Three different learning/teaching modes. Infographics by Peter Baumgartner (2018)
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Without going here into detail, I will use my categorization of learning theories published among others in The Zen Art of Teaching (&lt;a href=&#34;http://peter.baumgartner.name/wp-content/uploads/2012/12/Baumgartner_2004_The-Zen-Art-of-Teaching.pdf&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;PDF&lt;/a&gt;, 545 kB). This article outlines three different kinds of teaching modes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Instruction or Learning I&lt;/strong&gt;: Using static learning materials for reading, listening, and watching.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Cognition or Learning II&lt;/strong&gt;: Using dynamic and elaborated didactical educational interactions for guided practice.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Construction or Learning III&lt;/strong&gt;: Using collaborative scenarios for mastering unstructured situations.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This categorization results in different educational aspects for each of the three teaching/learning modes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Kind of knowledge acquisition&lt;/strong&gt;: static &amp;ndash;dynamic/procedural &amp;ndash; social.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Teaching modes&lt;/strong&gt;: transfer &amp;ndash; dialog/discussion &amp;ndash; collaboration.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Learning strategies&lt;/strong&gt;: study &amp;ndash; practice &amp;ndash; mastering.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Assessment methods&lt;/strong&gt;: correct answers &amp;ndash; applying adequate techniques, processes, and procedures &amp;ndash; success criteria.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Teaching strategies&lt;/strong&gt;: explaining &amp;ndash; observing and helping &amp;ndash; collaborating.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Even though my suggestion is coarse-grained as it distinguishes only three types, it has to overcome several problems of operationalizations:&lt;/p&gt;



&lt;h3 id=&#34;one-tool----several-functionalities&#34;&gt;One tool &amp;ndash; several functionalities&lt;a href=&#34;#one-tool----several-functionalities&#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;Sometimes it is not easy to classify tools unambiguously into one of the three categories. Modern tools incorporate many features that may address different types of learning modes. Take, for example, the use of a learning management system (LMS). You can use it for various activities (reading PDFs, work through quizzes, or writing collaboratively into a wiki). In those inconclusive situations, I will utilize the highest predominant functionality of the tools. &amp;lsquo;Highest&amp;rsquo; means that &lt;em&gt;Learning II&lt;/em&gt; is more elevated than &lt;em&gt;Learning I&lt;/em&gt;. This is not a quality rating of the different learning modes as all three modes have their value under certain conditions. &amp;lsquo;Higher&amp;rsquo; or &amp;lsquo;lower&amp;rsquo; address here the complexity of student activities.&lt;/p&gt;
&lt;p&gt;But what is the &amp;lsquo;predominant functionality&amp;rsquo; of a tool? I assume that every educational technology, every technology-supported learning environment, or internet application, implement a theoretical learning model &amp;ndash; irrespective of opinions and beliefs of developers and teachers. In the case of LMS dominates guided learning interactivity (&lt;em&gt;Learning II&lt;/em&gt;). Although teachers may use tools ingeniously for purposes not foreseen from the developers, I think that these inventing teaching strategies are not the mainstream.&lt;/p&gt;
&lt;p&gt;Following other users on the web with the same subject interests, getting in contact with them, commenting their blogs, etc. entitles for &lt;em&gt;Learning II&lt;/em&gt; but does &lt;strong&gt;not&lt;/strong&gt; qualify for &lt;em&gt;Learning III&lt;/em&gt;. I will rate only rate an educational setting as &lt;em&gt;Learning III&lt;/em&gt; if learners produce (individually or collaboratively) an artifact for learning purposes.&lt;/p&gt;



&lt;h3 id=&#34;general-tools-not-intended-primarily-for-education&#34;&gt;General tools not intended primarily for education&lt;a href=&#34;#general-tools-not-intended-primarily-for-education&#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 Jane Hart&amp;rsquo;s list of top tools are many products and web services not primarily developed for education, like word processors, email clients, file-sharing platforms, note-taking applications, browsers, search engines, etc. The reason for this broad mixture is the content of the questionnaire and their target group. Not learners or teachers, but mainly IT professionals and learning designers, addresses the survey. This orientation leads to two biases, as mentioned by Jane Hart:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;only 22% of voters came from colleges and universities, hence the Top 200 list is therefore skewed towards workplace learning.&lt;/li&gt;
&lt;li&gt;since only 6% of respondents came from schools, the EDU100 list this year focuses on tools for Higher Education.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure class=&#34;border shadowed floatright&#34; id=&#34;figure-snippet-of-survey-form-for-compiling-the-top-tool-list-for-2020&#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;Snippet of the survey form for compiling the top tool list for 2020&#34; srcset=&#34;
               /2020/01/12/educational-tools-and-learning-theory/images/survey-TT4L-min_hufec89ed7c9d9d027d2fc2787941ad76a_13464_7e796a9d12321e92aee19ad995ce98f6.png 400w,
               /2020/01/12/educational-tools-and-learning-theory/images/survey-TT4L-min_hufec89ed7c9d9d027d2fc2787941ad76a_13464_472c1f532bbc36739398ef4980c44ef1.png 760w,
               /2020/01/12/educational-tools-and-learning-theory/images/survey-TT4L-min_hufec89ed7c9d9d027d2fc2787941ad76a_13464_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2020/01/12/educational-tools-and-learning-theory/images/survey-TT4L-min_hufec89ed7c9d9d027d2fc2787941ad76a_13464_7e796a9d12321e92aee19ad995ce98f6.png&#34;
               width=&#34;736&#34;
               height=&#34;524&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Snippet of survey form for compiling the top tool list for 2020
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Another issue favoring general tools are the questions themselves. See, for instance, the &lt;a href=&#34;https://www.toptools4learning.com/voting/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;voting form for 2020&lt;/a&gt; on the right ahnd side of this article:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;A valid entry needs to include 10 different DIGITAL tools (resources, services, etc) &amp;ndash; listed in any order (emphasis not mine).&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;So the questions ask for &lt;strong&gt;digital&lt;/strong&gt; tools, not for digital &lt;strong&gt;educational&lt;/strong&gt; tools. The consequence is that the top list with a few exceptions &lt;strong&gt;does not include subject-oriented software&lt;/strong&gt; (e.g., apps for learning math, science, languages). This bias is an essential drawback as many e-learning scenarios use these kinds of content-related software.&lt;/p&gt;
&lt;p&gt;The other side of the same coin is that there is a bias towards personal knowledge management applications. Software like email clients, browsers, search engines, etc., are unquestionably also essential parts of a learning ecology. Using these tools always goes together with (informal) learning experiences. But an educational taxonomy of tools for education should focus on apps or web services developed for e-learning. To distinguish those personal productivity instruments from tools explicitly dedicated to learning, I have designated them with &lt;em&gt;Learning 0&lt;/em&gt;. Under this category, I also have classified support tools like converters or &amp;lsquo;neutral&amp;rsquo; web resources like portals for icons, images, or other material.&lt;/p&gt;
&lt;p&gt;Summarizing this subsection is the following types of tools designated with &lt;em&gt;Learning 0&lt;/em&gt;:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;General productivity: Word processors, email clients, browsers, search engines, converters, translators, grammar checkers, image/icon/theme libraries, and other supporting tools.&lt;/li&gt;
&lt;li&gt;Personal knowledge management: Note-taking software, calendars, project management, skill validation.&lt;/li&gt;
&lt;li&gt;Hardware: Smartphones, tablets, interactive whiteboards.&lt;/li&gt;
&lt;/ul&gt;



&lt;h3 id=&#34;developing-learning-material-or-using-it&#34;&gt;Developing learning material or using it?&lt;a href=&#34;#developing-learning-material-or-using-it&#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;Another complication arises from the fact that the educational judgment of developer tools can be seen two-fold:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;from the authoring perspective, e.g., the resource development view&lt;/li&gt;
&lt;li&gt;from the angle of using the developed product&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;There are content development tools which can be used by learner and teacher alike. Those apps or web services with various perspectives (e.g., blog services, screen-casting, curation tools) I will classify from their ownership. If it is easily possible that students get their personal instance, then I will designate it as &lt;em&gt;Learning III&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;With &amp;lsquo;easy&amp;rsquo; I mean&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;that it is free available at least in a freemium variant for personal usage. This definition of &amp;lsquo;free available&amp;rsquo; does not apply if learners are entitled to free usage only via an institutional account.&lt;/li&gt;
&lt;li&gt;that it is easy to install either through the download of packaged software without any special additional technical requirements, such as using the terminal or running a server, changing functionality programmatically, or only through a simple online registration).&lt;/li&gt;
&lt;li&gt;that it can be used easily in educational settings (no specialized knowledge necessary, learn time only 1-2hrs, no specialized hardware, platform-independent).&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Note that every case has to be judged individually. For a correct classification with the mentioned rules, one has to look into pricing models, installation procedures, user interface, and typical application patterns.&lt;/p&gt;



&lt;h2 id=&#34;conclusion&#34;&gt;Conclusion&lt;a href=&#34;#conclusion&#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 summarize my suggestion for an educational categorization of digital tools, I will define four types of apps, respectively web services:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Learning 0&lt;/strong&gt;: Tools supporting personal knowledge management, productivity, and portals for web resources.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Learning I&lt;/strong&gt;: Transfer of knowledge. The focus of learner engagement is primarily oriented to content to acquire factual knowledge.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Learning II&lt;/strong&gt;: Applying knowledge, practicing procedures. The emphasis here is learner interactivity with dynamic content and dialog with teacher and co-learner.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Learning III&lt;/strong&gt;: Collaboratively solving challenges. Essential is producing a useful output, doing something creatively and cooperatively.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Learning IV&lt;/strong&gt;: Multi-purpose tool with features for Learning III &lt;strong&gt;and&lt;/strong&gt; either Learning 0 or Learning I.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&amp;hellip; to be continued&lt;/p&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Update 2021-05-20: Originally, I have planned to reorganize Jane Hart&amp;rsquo;s data according to my set of categories. But unfortunately, because of other priorities, I didn&amp;rsquo;t have time so far. But the follow-up of this post is still on my schedule.
  &lt;/div&gt;
&lt;/div&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=Educational%20Tools%20and%20Learning%20Theory&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=This%20article%20suggests%20a%20procedure%20to%20categorize%20the%20enormous%20amount%20of%20educational%20tools%20in%20the%20market.%20My%20approach%20uses%20a%20framework%20of%20three%20well-grounded%20learning%20theories:%20Instruction,%20Cognition,%20and%20Construction%20based%20on%20presentation%20modes%20(one-way%20teaching),%20dialog%20settings%20(two-way%20education),%20and%20collaborative%20scenarios%20(learning%20by%20mastering%20complex%20situations).%20As%20a%20proof%20of%20concept,%20I%20will%20use%20the%20[Top%20Tools%20for%20Learning](https://www.toptools4learning.com/)%20(TT4L),%20compiled%20by%20[Jane%20Hart](https://www.toptools4learning.com/jane-hart/)%20as%20a%20result%20of%20the%2013th%20Annual%20Learning%20Tools%20Survey%20(published%2018.%20September%202019).&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2020%2F01%2F12%2Feducational-tools-and-learning-theory&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2020-01-12&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>DORA and Wakelet: Two Badges!</title>
      <link>https://notes.peter-baumgartner.net/2019/12/25/dora-and-wakelet-two-badges/</link>
      <pubDate>Wed, 25 Dec 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/12/25/dora-and-wakelet-two-badges/</guid>
      <description>&lt;p&gt;













&lt;figure class=&#34;floatleft&#34; id=&#34;figure-wakelet-community-badge&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/Community%20badge-min.png&#34; alt=&#34;Wakelet Community Badge&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Wakelet Community Badge
    &lt;/figcaption&gt;&lt;/figure&gt; Last week &amp;ndash; just before Christmas &amp;ndash; I received two badges: DORA (San Francisco Declaration on Research Assessment) sent me a newsletter about their advances for fostering Open Science in 2019. On this occasion, DORA also issued badges for individuals and organizations that have signed the declaration.&lt;/p&gt;
&lt;p&gt;The other badge came from &lt;a href=&#34;https://learn.wakelet.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet&lt;/a&gt;. As I had applied to be part of the Wakelet community, they welcomed me with an email with some tips and hints and issued the Community Badge to me.&lt;/p&gt;
&lt;p&gt;













&lt;figure class=&#34;floatright&#34; id=&#34;figure-dora-signatory-badge&#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;DORA Signatory Badge&#34; srcset=&#34;
               /2019/12/25/dora-and-wakelet-two-badges/images/Dora3-min_hu8648e71b379e83d717e1c938e1171b08_8550_e1d5a211d5050a74318409cc8d8ab200.png 400w,
               /2019/12/25/dora-and-wakelet-two-badges/images/Dora3-min_hu8648e71b379e83d717e1c938e1171b08_8550_1dfe731f7a3a88487c9a2d158f884673.png 760w,
               /2019/12/25/dora-and-wakelet-two-badges/images/Dora3-min_hu8648e71b379e83d717e1c938e1171b08_8550_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/12/25/dora-and-wakelet-two-badges/images/Dora3-min_hu8648e71b379e83d717e1c938e1171b08_8550_e1d5a211d5050a74318409cc8d8ab200.png&#34;
               width=&#34;400&#34;
               height=&#34;400&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      DORA Signatory Badge
    &lt;/figcaption&gt;&lt;/figure&gt; So just in time for Christmas Eve, I am honored with these two gratifications. I thought about a little thank-you gift. What I came up with was a Wakelet collection of DORA&amp;rsquo;s newsletter, which essentially is a commented list link. I turned these links into a &amp;lsquo;Wake&amp;rsquo; with some added value: Besides the DORA list, there is additional information in every linked section generated automatically by Wakelet. Additionally, the link list is now more visually appealing. So I killed two birds with one stone: A Wakelet about DORA&amp;rsquo;s advances of the year 2019! Enjoy! (There is more on my Wakelet Homepage.)&lt;/p&gt;
&lt;iframe class=&#34;wakeletEmbed&#34; width=&#34;100%&#34; height=&#34;760px&#34; src=&#34;https://embed.wakelet.com/wakes/6ca41aa0-772e-4fac-9c0e-680b109bfcc1/list?border=1&amp;amp;hide-cover=1&#34; style=&#34;border: none&#34; allow=&#34;autoplay&#34;&gt;
&lt;/iframe&gt;
&lt;script src=&#34;https://embed-assets.wakelet.com/wakelet-embed.js&#34; charset=&#34;UTF-8&#34;&gt;&lt;/script&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=DORA%20and%20Wakelet%3A%20Two%20Badges!&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Last%20week%20%E2%80%93%20just%20before%20Christmas%20%E2%80%93%20I%20received%20two%20badges.%20One%20from%0A%20%20DORA%20(San%20Francisco%20Declaration%20on%20Research%20Assessment)%20and%0A%20%20the%20other%20one%20from%20%20Wakelet.%20I%20thought%20about%20a%20little%0A%20%20thank-you%20gift.%20What%20I%20came%20up%20with%20---%20killing%20two%20birds%20with%20one%20stone%20---%20was%0A%20%20a%20Wakelet%20collection%20of%20DORA&amp;apos;s%20newsletter.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F12%2F25%2Fdora-and-wakelet-two-badges&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-12-25&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Wakelet - Share Visually-Engaging Stories</title>
      <link>https://notes.peter-baumgartner.net/2019/12/16/wakelet-share-visually-engaging-stories/</link>
      <pubDate>Mon, 16 Dec 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/12/16/wakelet-share-visually-engaging-stories/</guid>
      <description>


&lt;h2 id=&#34;what-is-a-wakelet&#34;&gt;What is a Wakelet?&lt;a href=&#34;#what-is-a-wakelet&#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;Several months ago, I came across &lt;a href=&#34;https://wakelet.com/home&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet&lt;/a&gt;.
My first impression was that it is another social bookmarker because you
can &amp;ldquo;bookmark anything you find online in two clicks.&amp;rdquo; But after some
days working with it, I noticed it is more than that.&lt;/p&gt;
&lt;p&gt;The reason for my changed awareness of Wakelet is its feature to create
stories. Arranging bookmarks into &amp;ldquo;collections,&amp;rdquo; you can organize your
bookmarks, adding text, and include images to get your narrative across.
With Wakelet, you curate and share content not only in a meaningful but
also in a visually-engaging way.&lt;/p&gt;
&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;https://www.youtube.com/embed/AGhCjFWM2C0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; allowfullscreen title=&#34;YouTube Video&#34;&gt;&lt;/iframe&gt;
&lt;/div&gt;



&lt;h2 id=&#34;how-do-people-use-wakelet&#34;&gt;How do People use Wakelet?&lt;a href=&#34;#how-do-people-use-wakelet&#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 think the best way is to illustrate the possibilities and benefits of
Wakelet is by showcasing some excellent examples. I have grouped my
collected Wakelets, and to demonstrate the range of different options, I
have always provided two instances for each category.&lt;/p&gt;



&lt;h3 id=&#34;sharing-resources&#34;&gt;Sharing resources&lt;a href=&#34;#sharing-resources&#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 is the first and prominent use of content curation, especially for
education. &lt;a href=&#34;https://wakelet.com/@realUcyJoy&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@realUcyJoy&lt;/a&gt; is as an
educational entrepreneur and advocate passionate about the use of
education technology in Africa to improve learning. She shares a
collection of &lt;a href=&#34;https://wakelet.com/wake/e9723f47-ca3d-4c65-bd3e-73dbb9183444&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;20 Digital skills for
educators&lt;/a&gt;
with us. Another very sophisticated design of a Wakelet resource page
has &lt;a href=&#34;https://wakelet.com/@drbexl&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@drbexl (Dr. Bex Lewis)&lt;/a&gt; created.&lt;/p&gt;



&lt;h3 id=&#34;portfolio&#34;&gt;Portfolio&lt;a href=&#34;#portfolio&#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;My name twin &lt;a href=&#34;https://wakelet.com/@felixbaumgartner&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;@FelixBaumgartner&lt;/a&gt;
(I am not related to him) famous for his spectacular skydive uses
Wakelet to promote himself and his adventurous projects. All collections
on his homepage serve as material for media publications. Another
showcasing page maintains &lt;a href=&#34;https://wakelet.com/@bethtweddlenews&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Beth Tweddle
@bethtweddlenews)&lt;/a&gt;, a gymnastics
Olympic medallist.&lt;/p&gt;



&lt;h3 id=&#34;raising-awareness&#34;&gt;Raising awareness&lt;a href=&#34;#raising-awareness&#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;&lt;a href=&#34;https://wakelet.com/@Rohingya&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Rohingya Crisis @Rohingya&lt;/a&gt; uses
Wakelet for political reasons to draw support to stop the genocide,
ethnic cleansing and numerous crimes against the Rohingya. The &lt;a href=&#34;https://wakelet.com/@theGCPH&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Glasgow
Centre for Population Health @theGCPH&lt;/a&gt;
documents its conferences on providing leadership for action to tackle
inequality and improve health via a series of tweeds, as can be seen by
the example of its &lt;a href=&#34;https://wakelet.com/wake/ef2f0813-cf49-4719-82da-eaf5f288faea&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Glasgow&amp;rsquo;s Healthier Future Forum
20&lt;/a&gt;.&lt;/p&gt;



&lt;h3 id=&#34;sharing-your-passion&#34;&gt;Sharing your passion&lt;a href=&#34;#sharing-your-passion&#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;&lt;a href=&#34;https://wakelet.com/@phil&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Philippe Schuler @Phil&lt;/a&gt; demonstrates his
love for sports, drums, photography, nature, and travel with some
astonishing photographs. Another example of this kind of usages gives
&lt;a href=&#34;https://wakelet.com/@teijasky&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Teijas ky @teijasky&lt;/a&gt;, one of the
developers of Wakelet. He binds his amazing &lt;a href=&#34;https://wakelet.com/wake/bf383456-18e4-4c4a-9f12-4504bfbce8c5&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;marine biology photos from
the Galapagos
Islands&lt;/a&gt;
into a story of the history of the geological and biological processes
of this archipelago.&lt;/p&gt;



&lt;h3 id=&#34;education&#34;&gt;Education&lt;a href=&#34;#education&#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;There are many examples of educational applications of Wakelet.
Educational scenarios with Wakelet are so crucial for the developers
that they dedicated a &lt;a href=&#34;https://learn.wakelet.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;particular homepage for learning
communities&lt;/a&gt;. There is a specialized &lt;a href=&#34;http://bit.ly/wakeletebook&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;guide
for educators&lt;/a&gt;, translated into several
languages providing tips and tricks. (Surprisingly, a guide in German is
still missing.) Some example Wakes are &lt;a href=&#34;https://wakelet.com/wake/295888d6-c308-413d-ab16-b6fa88dbabec&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Ancient Greek
Philosophy&lt;/a&gt;
for learning and &lt;a href=&#34;https://wakelet.com/wake/93897a3e-caf6-4f98-9136-fec172b13def&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The EdTech Toolbox -
2019&lt;/a&gt; for
teaching. See the &lt;a href=&#34;http://www.kathleenamorris.com/2018/08/27/wakelet/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blog of Kathleen
Morris&lt;/a&gt; and &lt;a href=&#34;https://blogs.umass.edu/onlinetools/learner-centered-tools/wakelet/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Online
Tools for teaching and
learning&lt;/a&gt;
for more learning activities and educational scenarios with Wakelets.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/wakelet-storytelling-tool-min.png&#34; alt=&#34;Six Use Cases for Wakelets&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;&lt;figcaption&gt;
&lt;strong&gt;Figure 1:&lt;/strong&gt; Six Use Cases for Wakelets&lt;/figcaption&gt;&lt;/p&gt;



&lt;h2 id=&#34;wakelet-and-the-samr-model&#34;&gt;Wakelet and the SAMR model&lt;a href=&#34;#wakelet-and-the-samr-model&#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;Ruben Puentedura&amp;rsquo;s &lt;a href=&#34;http://www.emergingedtech.com/2015/04/examples-of-transforming-lessons-through-samr/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;SAMR
model&lt;/a&gt;
exemplifies the meaningful integration of technology into teaching.
Instead of using &amp;ldquo;tech for tech&amp;rsquo;s sake,&amp;rdquo; the SAMR model features a view
inspired by social constructivism.&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/Getting-started-with-Wakelet-Kathleen-Morris-16dgfxb-min.png&#34; alt=&#34;Four Steps Getting Started With Wakelets&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;&lt;figcaption&gt;
&lt;strong&gt;Figure 2:&lt;/strong&gt; Getting started with Wakelet: Graphic by &lt;a href=&#34;http://www.kathleenamorris.com/2018/08/27/wakelet/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Kathleen
Morris&lt;/a&gt;&lt;/figcaption&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Substitution:&lt;/strong&gt; Students read an article on Wakelet instead of in
class.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Augmentation:&lt;/strong&gt; Wakelet allows for multimodality by enabling users
to embed images, videos, articles, and more.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Modification:&lt;/strong&gt; Students curate information and resources about a
specific topic on Wakelet and can share it widely via social media
for feedback. Students critically analyze content and research to
create an archive for discussion.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Redefinition:&lt;/strong&gt; Students have access to real-time collaboration on
multimodal content curation.&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;wakelet-works-seamlessly-with-various-apps&#34;&gt;Wakelet works seamlessly with various apps&lt;a href=&#34;#wakelet-works-seamlessly-with-various-apps&#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;&lt;img src=&#34;images/paste-any-web-address-min.png&#34; alt=&#34;Empty field for pasting any web address to save in your Wakelet space&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;&lt;figcaption&gt;&lt;strong&gt;Figure
3:&lt;/strong&gt; Ten different options to include content into a
Wake.(Screenshot)&lt;/figcaption&gt;&lt;/p&gt;
&lt;p&gt;You can embed &amp;ldquo;Wakes&amp;rdquo; (= collection of items) into your web pages as I
have done with the three referenced Wakelets above. (You can&amp;rsquo;t produce
Wakes from Wakelet homepages.) There are three different formats to
choose from and some design options how to present the Wakes.&lt;/p&gt;
&lt;iframe class=&#34;wakeletEmbed&#34; width=&#34;100%&#34; height=&#34;760px&#34; src=&#34;https://embed.wakelet.com/wakes/d8cbc14d-ccd2-4935-8682-709060e86a0c/list?border=1&#34; style=&#34;border: none&#34; allow=&#34;autoplay&#34;&gt;
&lt;/iframe&gt;
&lt;!-- Please only call https://embed-assets.wakelet.com/wakelet-embed.js once per page --&gt;
&lt;script src=&#34;https://embed-assets.wakelet.com/wakelet-embed.js&#34; charset=&#34;UTF-8&#34;&gt;&lt;/script&gt;
&lt;p&gt;The example above is an embedded Wake referring to other Wakes. Click on
the different sections to get the referenced Wakes. You can also produce
PDFs from your Wakes, but the PDFs are not interactive anymore. Look at
this &lt;a href=&#34;https://notes.peter-baumgartner.net/files/Wakelet-examples.pdf&#34; target=&#34;_blank&#34;&gt;PDF
example&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Storing content is just a two click action with its browser extensions,
available for Firefox, Chrome, and Safari. Wakelet comes with mobile
apps for Android (Google Play) and iOS (App Store) and it works also
seamlessly with various tools like&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://products.office.com/en-US/microsoft-teams/group-chat-software&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Microsoft
Teams&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://products.office.com/en-US/onenote/digital-note-taking-app/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Microsoft
OneNote&lt;/a&gt;
&amp;mdash; See: &lt;a href=&#34;https://wakelet.com/wake/9966a465-af6c-4a3d-85e0-d6a64abc06fb&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Better together: OneNote and
Wakelet&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.google.com/intl/en/drive/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Drive&lt;/a&gt; &amp;mdash; See:
&lt;a href=&#34;https://wakelet.com/wake/09b14790-eed8-4383-8559-410416db189b&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Drive
Integration&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://edu.google.com/products/classroom/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Classroom&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.remind.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Remind&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://info.flipgrid.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Fliprid&lt;/a&gt; &amp;mdash; See: &lt;a href=&#34;https://wakelet.com/wake/fce435fe-f664-40ad-a335-6fe3d94a951a&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Flipgrid
Integration&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;wakelet-is-free-and-always-will-be&#34;&gt;Wakelet is free and always will be&lt;a href=&#34;#wakelet-is-free-and-always-will-be&#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;Wakelet also has a refined &lt;a href=&#34;https://help.wakelet.com/hc/en-us/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;help
system&lt;/a&gt; featuring many short but
informative videos explaining the different highlights. Wakelet also
comes with a specialized guide for educators in several languages.
(Surprisingly, a guide in German is still missing.)&lt;/p&gt;
&lt;p&gt;Furthermore, Wakelet is confidence-inspiring as it has sensible &lt;a href=&#34;https://wakelet.com/rules.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;rules
of usage&lt;/a&gt; and stringent &lt;a href=&#34;https://wakelet.com/privacy.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;privacy
policy&lt;/a&gt; as well. And the best of it:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;a href=&#34;https://help.wakelet.com/hc/en-us/articles/360001534991-Is-Wakelet-Free-&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet is free and always will
be&lt;/a&gt;.
All of the features available now will remain free forever, even if we
introduce premium plans in the future.&lt;/p&gt;
&lt;/blockquote&gt;



&lt;h2 id=&#34;feature-requests&#34;&gt;Feature requests&lt;a href=&#34;#feature-requests&#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;There are a two features I wish Wakelet would include. Both have to do
with collaboration and sharing. I am not sure if my desires are in line
with the developer&amp;rsquo;s strategy and plans. But anyway, here they are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Genuine collaboration:&lt;/strong&gt; At the moment, I can only invite
&lt;em&gt;contributors&lt;/em&gt; to add links but not to change or to delete the work
I have done. So there is no real interworking in the sense of
cross-functional cooperation possible. All the participants work in
parallel but not as coordinated team players.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Community evaluation:&lt;/strong&gt; Sharing links is okay but lacks quality
control. I would like to have feedback from the community either as
comments or as attached discussion fora. Tools like stars to
appraise Wakes, as well as links, would also foster the community
discussion and showcase the best collections. Make this a feature to
turn on/turn off, so that people could decide if they want to draw
critiques and spend time for discussions.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;alert alert-&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2021-05-19: Both my feature requests are in the
meanwhile realized.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Collaboration:&lt;/strong&gt; The creator of a collection can offer a QR code, an
alphanumeric code, or an URL. You can join a collection by one of these
three options. You do not even have to log in! &lt;a href=&#34;https://blog.wakelet.com/2020/07/14/2626/&#34;&gt;Watch this
video&lt;/a&gt;. &amp;mdash; Another (even
newer) feature is &amp;ldquo;spaces&amp;rdquo;: With just several clicks, users can create a
&amp;ldquo;space&amp;rdquo; to house content to be shared.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Community evaluation:&lt;/strong&gt; Several icons (like 👍, 👏, 💯) are added so that
visitors can give their &amp;ldquo;likes&amp;rdquo; to the collection in general or to
individual links. Admittedly this is only a rudimentary evaluation, but
you always can open up your wakelet for free collaboration so that other
people can add additional links or comments.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;h2 id=&#34;conclusion&#34;&gt;Conclusion&lt;a href=&#34;#conclusion&#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;Wakelet is not only a free sophisticated tool for content curation but
also well-suited for visually-engaging presentations and story-telling.
It has a steadily growing user base. Already some of the world&amp;rsquo;s most
prominent organizations are using Wakelet.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/organizations-on-wakelet-min.png&#34; alt=&#34;Logoi from well-known organizations using Wakelets&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;&lt;figcaption&gt;&lt;strong&gt;Figure
4:&lt;/strong&gt; Prominent organizations using Wakelet.&lt;/figcaption&gt;&lt;/p&gt;
&lt;p&gt;Wakelet encourages both the sharing of resources and their joint
creation and curation of material. Still, in this area, some more
features for cooperation would be desirable. A strict privacy policy
combined with a well-engineered support page offering many short videos
and helpful articles and a responsible team creates confidence for a
long future of this product. And even if there comes a time where other
similar products gain prominence, you can save your work via Wakelet&amp;rsquo;s
export feature (JSON and PDF format) and change the web service
presumably without too many troubles.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/wakelet-team-min.png&#34; alt=&#34;The Wakelet Team&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;&lt;figcaption&gt;&lt;strong&gt;Figure
5:&lt;/strong&gt; The Wakelet team.&lt;/figcaption&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=Wakelet%20-%20Share%20Visually-Engaging%20Stories&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Storify%20is%20dead%20-%20long%20live%20Wakelet!%20This%20article%20features%20Wakelet%2C%20a%20similar%20program%20as%20the%20now-defunct%20Storify.%20But%20Wakelet%20is%20different%20in%20many%20aspects%2C%20and%20I%20bet%20it%20will%20stay%20for%20many%20years%20with%20us.%20Firstly%20it%20comes%20with%20many%20features%20Storify%20has%20lacked.%20It%20is%20already%20a%20full-fledged%20tool%20for%20content%20curation%2C%20presentation%2C%20and%20sharing.%20Secondly%2C%20it%20has%20a%20steadily%20growing%20user%20base%20where%20already%20some%20of%20the%20world&amp;apos;s%20most%20prominent%20organizations%20are%20using%20Wakelet.%20And%20the%20best%20of%20it%3A%20There%20is%20no%20Premium%20price%20model%3A%20Wakelet%20is%20free%20in%20all%20its%20functionality.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F12%2F16%2Fwakelet-share-visually-engaging-stories%2F&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-12-16&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;I follow with these text passages the above-quoted &amp;ldquo;Online Tools
for teaching and learning&amp;rdquo; &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Announcing the R package coinsR</title>
      <link>https://notes.peter-baumgartner.net/2019/08/02/announcing-the-r-package-coinsr/</link>
      <pubDate>Fri, 02 Aug 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/08/02/announcing-the-r-package-coinsr/</guid>
      <description>&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Update 2021-05-21: Because of some breaking changes in the Hugo site structure and management in the last three years, &lt;code&gt;coinsR&lt;/code&gt; works at the moment only with individual pages.
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;This blog entry announces the R program &lt;code&gt;coinsR&lt;/code&gt; to produce bibliographic metadata automatically for websites within the Hugo framework. The dominant use case at the moment is with the &lt;code&gt;blogdown&lt;/code&gt; package.&lt;/p&gt;
&lt;p&gt;In a &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/19/bibliographic-metadata-for-your-web-page/&#34;&gt;previous blog entry&lt;/a&gt; I wrote about the advantages of providing bibliographic metadata for your web pages producing COinS. COinS is the abbreviation of &lt;a href=&#34;https://en.wikipedia.org/wiki/COinS&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Context Objects in Spans&lt;/a&gt;. It refers to a &lt;a href=&#34;https://www.univie.ac.at/elib/index.php?title=COinS_Microfromat_Bibliographic_Metadata_for_Embedding_in_HTML&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;microformat standard to embed bibliographic metadata as HTML&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;A COinS string includes HTML code for all the information necessary to cite a publication correctly. It works for every type of writing (books, papers, web pages). COinS embedded in your HTML pages help your blog readers or website visitors to cite your posts and pages correctly.&lt;/p&gt;
&lt;p&gt;I wrote also a &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/19/how-to-produce-bibliographic-metadata-for-you-web-page/&#34;&gt;detailed tuorial&lt;/a&gt; how to produce COinS with the help of the free bibliographical research tool &lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero&lt;/a&gt;. But this is a quite complicated procedure with several steps. Besides, it works only for every page individually and not automatically for all blog entries of your website.&lt;/p&gt;
&lt;p&gt;To produce COinS for every web page quickly was my motivation to write the R package &lt;code&gt;coinsR&lt;/code&gt;.&lt;/p&gt;



&lt;h2 id=&#34;use-cases-of-coinsr-and-its-limitations&#34;&gt;Use cases of &lt;code&gt;coinsR&lt;/code&gt; and its limitations&lt;a href=&#34;#use-cases-of-coinsr-and-its-limitations&#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;The package requires:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;a href=&#34;https://gohugo.io&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo&lt;/a&gt; with the R package &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Config file in the TOML format (config.toml)&lt;/li&gt;
&lt;li&gt;Blog entries with YAML frontmatter&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;I plan for a future version to loosen the last two limitations and allow config.yaml and TOML frontmatter (but not for .json).&lt;/p&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Update 2021-05-21: This plan is still relevant: I would like to loosen some restrictions and improve the user interface.
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;You can call &lt;code&gt;coinsR&lt;/code&gt; via an RStudio Addin for every page individually. But you can also produce COinS automatically for all files under a specific directory.&lt;/p&gt;



&lt;h2 id=&#34;where-to-find-coinsr-and-how-to-install-it&#34;&gt;Where to find &lt;code&gt;coinsR&lt;/code&gt; and how to install it?&lt;a href=&#34;#where-to-find-coinsr-and-how-to-install-it&#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;You can download the package from Github with&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;remotes::install_github(&#39;petzi53/coinsR&#39;, build_vignettes = TRUE)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;I am trying to prepare &lt;code&gt;coinsR&lt;/code&gt; as an R package distributed via the &lt;a href=&#34;https://cran.r-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;CRAN repository&lt;/a&gt;. But as I am still not very experienced in R programming, I am not sure if I will succeed.&lt;/p&gt;
&lt;p&gt;You will find a detailed description in the help file and the vignette description of how to invoke the two functions &lt;code&gt;coins_this()&lt;/code&gt; and &lt;code&gt;coins_all()&lt;/code&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=Announcing%20the%20R%20package%20coinsR&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=This%20blog%20entry%20announces%20the%20R%20program%20%60coinsR%60%20to%20produce%20bibliographic%20metadata%20automatically%20for%20websites%20within%20the%20Hugo%20framework.%20The%20dominant%20use%20case%20at%20the%20moment%20is%20with%20the%20%60blogdown%60%20package.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F08%2F02%2Fannouncing-the-r-package-coinsr&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-08-02&amp;amp;rft.language=en&#39;&gt;&lt;/span&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=Announcing%20the%20R%20package%20coinsR&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=This%20blog%20entry%20announces%20the%20R%20program%20%60coinsR%60%20to%20produce%20bibliographic%20metadata%20automatically%20for%20websites%20within%20the%20Hugo%20framework.%20The%20dominant%20use%20case%20at%20the%20moment%20is%20with%20the%20%60blogdown%60%20package.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F08%2F02%2Fannouncing-the-r-package-coinsr&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-08-02&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Advantages of URL shortener</title>
      <link>https://notes.peter-baumgartner.net/2019/07/23/advantages-of-url-shortener/</link>
      <pubDate>Tue, 23 Jul 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/07/23/advantages-of-url-shortener/</guid>
      <description>&lt;p&gt;Citing and visiting web addresses with long URLs is sometimes complicated. Long URLs are particularly a hardness when there are no clickable links but only long strings printed on paper. This article suggests URL shortener to avoid the hurdle mentioned above.&lt;/p&gt;



&lt;h2 id=&#34;what-is-a-url-shortener1&#34;&gt;What is a URL Shortener?&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;a href=&#34;#what-is-a-url-shortener1&#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;At first, we need to clarify what an &amp;ldquo;URL&amp;rdquo; is. &amp;ldquo;URL&amp;rdquo; stands for &amp;ldquo;Uniform Resource Locator,&amp;rdquo; and they&amp;rsquo;re a way of identifying the location of a file on the internet.&lt;/p&gt;
&lt;p&gt;A URL is not the same as a domain name! Sometimes these both terms are confused and used interchangeably. But a domain name is just one part of a URL. The image below shows the difference:&lt;/p&gt;
&lt;img src=&#34;images/url-parts.png&#34; alt=&#34;Parts of an URL&#34; class=&#34;border shadow&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Parts of an Uniform Resource Locator (URL)&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;



&lt;h2 id=&#34;use-url-shortener-for-your-references&#34;&gt;Use URL shortener for your references&lt;a href=&#34;#use-url-shortener-for-your-references&#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;Depending on the Content Management System (CMS) the website is using you can get very long URLs. There are three types of long URLs:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Long pretty URLs:&lt;/strong&gt; These URLs consist of understandable text strings. Example: &lt;a href=&#34;https://www.dbfk.de/media/docs/expertengruppen/pflegemanagement/DBfK-Handreichung-BAG-Pflegemanagement-Anwerbung-auslaendischer-Mitarbeiter_innen.pdf&#34;&gt;https://www.dbfk.de/media/docs/expertengruppen/pflegemanagement/DBfK-Handreichung-BAG-Pflegemanagement-Anwerbung-auslaendischer-Mitarbeiter_innen.pdf&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Long ugly URLs:&lt;/strong&gt; These URLs include randomly mixed characters, generated automatically by the CMS. Example: &lt;a href=&#34;https://www.art.com/gallery/id--c23945/decorative-art-prints.htm?ui=6731D67F76A44083AD1B8F110C4FE301&#34;&gt;https://www.art.com/gallery/id--c23945/decorative-art-prints.htm?ui=6731D67F76A44083AD1B8F110C4FE301&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Long mixed URLs:&lt;/strong&gt; These URLs contain understandable parts, but these sequences are directed to the CMS and not to humans. Examples are strings for the search engine: &lt;a href=&#34;https://www.sfgate.com/search/?action=search&amp;amp;firstRequest=1&amp;amp;searchindex=solr&amp;amp;query=%22earthquake+san+francisco%22&#34;&gt;https://www.sfgate.com/search/?action=search&amp;amp;firstRequest=1&amp;amp;searchindex=solr&amp;amp;query=%22earthquake+san+francisco%22&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The solution for all these kinds of long URLs is the usage of URL shortener. There is a great variety of &lt;a href=&#34;https://bit.ly/pb-url-shortener&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;URL shortener&lt;/a&gt; available. But instead to use the automatic generated short URL (e.g., something like bit.ly/2GIYPa3) use the possibility to edit the URL with an appropriate and memorable word. Although these strings are often longer than the automatically generated short URL, they are much easier to type. Besides, you or other users can even memorize them (e.g., &lt;a href=&#34;https://bit.ly/url-shortener&#34;&gt;https://bit.ly/url-shortener&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;As other users of the service also take memorizable short URLs, sometimes there may be a clash of URLs. If this happens, then you are not allowed to generate this specific URL. To prevent colliding URLs, I use a short prefix referring to me as the author or to the subject/project of the URL (e.g., &lt;a href=&#34;https://bit.ly/pb-url-shortener&#34;&gt;https://bit.ly/pb-url-shortener&lt;/a&gt;).&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;You might be thinking that shortening your URL is an extra step, but URL shorteners are very beneficial:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Short URLs are more comfortable to share&lt;/li&gt;
&lt;li&gt;Short URLs are essential if there is limited space (e.g., Twitter)&lt;/li&gt;
&lt;li&gt;Short URLs are more visually appealing&lt;/li&gt;
&lt;li&gt;Short URLs are memorized easier&lt;/li&gt;
&lt;li&gt;Short URLs are more straightforward to type when there is only a paper reference&lt;/li&gt;
&lt;li&gt;Short URL services can provide additional information such as the number of clicks&lt;/li&gt;
&lt;li&gt;Short URLs can be adjusted if the original URL changes, so that users still have the correct links&lt;/li&gt;
&lt;li&gt;Short URLs services allow you sometimes to create your brand and categories for your URLs. If they do not provide this service, you can use prefixes to get some rudimentary management for your URLs&lt;/li&gt;
&lt;li&gt;Short URLs prevent line breakings (e.g., in emails) so that the user does not have to cut and paste to put the link together&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;But there is also a disadvantage of URL shortener:&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt; They are often used by spammers to hide the URL destination. That way, unsuspecting people are more likely to click on them.&lt;/p&gt;



&lt;h2 id=&#34;wakelet&#34;&gt;Wakelet&lt;a href=&#34;#wakelet&#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;In addition to the following &lt;a href=&#34;https://wakelet.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet&lt;/a&gt;, there is also a &lt;a href=&#34;https://wakelet.com/@PeterBaumgartner&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;community edition on my Wakelet homepage&lt;/a&gt; where you can add relevant links.&lt;/p&gt;
&lt;iframe class=&#34;wakeletEmbed&#34; width=&#34;100%&#34; height=&#34;760px&#34; src=&#34;https://embed.wakelet.com/wakes/5f48327e-dc0b-4a33-96cc-02fed51173dc/list&#34; style=&#34;border: none&#34; allow=&#34;autoplay&#34;&gt;
&lt;/iframe&gt;
&lt;script src=&#34;https://embed-assets.wakelet.com/wakelet-embed.js&#34; charset=&#34;UTF-8&#34;&gt;&lt;/script&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;I took the next two paragraphs from &lt;a href=&#34;https://www.oberlo.com/blog/best-url-shorteners&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Oberlo&lt;/a&gt; and modified them slightly. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:2&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;I took the next two sentences from &lt;a href=&#34;https://www.oberlo.com/blog/best-url-shorteners&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Oberlo&lt;/a&gt;. &lt;a href=&#34;#fnref:2&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Archiving Quoted Web Resources</title>
      <link>https://notes.peter-baumgartner.net/2019/07/22/archiving-quoted-web-resources/</link>
      <pubDate>Mon, 22 Jul 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/07/22/archiving-quoted-web-resources/</guid>
      <description>&lt;p&gt;Quoting web resources is a hassle for several reasons:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Web pages are not available anymore.&lt;/li&gt;
&lt;li&gt;Web pages have moved to another URL.&lt;/li&gt;
&lt;li&gt;Web pages change their content so that the cited reference is not correct anymore.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Humanities, where detailed content analysis of websites is a popular research method. Referring to exact quotes is a question of reproducibility and therefore crucial in science generally. This article presents some strategies and tools to bypass the challenges mentioned above.&lt;/p&gt;



&lt;h2 id=&#34;quote-websites-with-the-wayback-machine&#34;&gt;Quote websites with the Wayback Machine&lt;a href=&#34;#quote-websites-with-the-wayback-machine&#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;With &lt;a href=&#34;https://webcitation.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;WebCite&lt;/a&gt;, there used to be a web service to circumvent link rot and changed the content. WebCite &lt;a href=&#34;https://en.wikipedia.org/wiki/Wikipedia:Using_WebCite&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;allowed to archive online resources&lt;/a&gt; and returned an URL where these filed pages could be accessed. Besides that this service was often down and therefore &lt;a href=&#34;https://en.wikipedia.org/wiki/Talk%3AWebCite&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;notoriously unreliable&lt;/a&gt;, as of July 14, 2019, it does not accept any new archive requests anymore.&lt;/p&gt;
&lt;figure class=&#34;border shadowed&#34;&gt;
&lt;img src=&#34;images/WebCite-service-not-available-anymore-min.png&#34; alt=&#34;Start page of the WebCite service, proclaiming that new archiving request are currently not feasible anymore.&#34;/&gt;
&lt;figcaption&gt;
&lt;p&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Start page of the WebCite service, proclaiming that new archiving request are currently not feasible anymore.&lt;/p&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Luckily with &lt;a href=&#34;https://web.archive.org/save&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wayback Machine&lt;/a&gt;&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;, operated by the &lt;a href=&#34;https://en.wikipedia.org/wiki/Internet_Archive&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Internet Archive&lt;/a&gt;, there is recently a new and reliable web service available. Although there is a &lt;a href=&#34;https://en.wikipedia.org/wiki/Help:Using_the_Wayback_Machine&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;sophisticated how-to use&lt;/a&gt; of this service in the Wikipedia context, I have prepared my own &lt;a href=&#34;https://notes.peter-baumgartner.net/slide/wayback-machine-tutorial/&#34;&gt;How-to use Wayback Machine for the general public&lt;/a&gt;.&lt;/p&gt;
&lt;div class=&#34;notices info&#34; &gt;
&lt;p class=&#34;centered&#34;&gt;
&lt;p&gt;Visit my slides on &lt;a href=&#34;https://notes.peter-baumgartner.net/slides/2019-07-21-wayback-machine-tutorial/&#34;&gt; How-to use Wayback Machine for the general public&lt;/a&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;img src=&#34;images/wayback-machine-start-page-min.png&#34; alt=&#34;Start page of the Wayback Machine, a service by the Internet Archive&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt;
&lt;figcaption&gt;
&lt;p&gt;&lt;strong&gt;Figure 2:&lt;/strong&gt; Start page of the Wayback Machine, a service by the Internet Archive&lt;/p&gt;
&lt;/figcaption&gt;



&lt;h2 id=&#34;how-to-cite-archived-resources&#34;&gt;How to cite archived resources?&lt;a href=&#34;#how-to-cite-archived-resources&#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;Internet Archive asked the Modern Language Association (MLA) how to cite resources archived with the Wayback Machine. MLA Style is a prevalent system for documenting sources in scholarly writing.&lt;/p&gt;
&lt;p&gt;MLA answered&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;that there is no established format for resources like the Wayback Machine, but it’s best to err on the side of more information. You should cite the webpage as you would normally, and then give the Wayback Machine information.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;MLA also provided an example:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;McDonald, R. C. “Basic Canary Care.” &lt;em&gt;Robirda Online&lt;/em&gt;. 12 Sept. 2004. 18 Dec. 2006 &lt;code&gt;$$&amp;lt;http://www.robirda.com/cancare.html&amp;gt;$$&lt;/code&gt;. &lt;em&gt;Internet Archive&lt;/em&gt;. $$ &lt;a href=&#34;http://web.archive.org/web/20041009202820/http://www.robirda.com/cancare.html&#34;&gt;http://web.archive.org/web/20041009202820/http://www.robirda.com/cancare.html&lt;/a&gt;$$.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Note there are several additions to a standard bibliography:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Two dates:&lt;/strong&gt; The first is the date of the archive, then comes the date when the page is retrieved.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Two URLs:&lt;/strong&gt; The first is the original URL (not available anymore), then comes the archived URL from the Internet Archive.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Web service:&lt;/strong&gt; Between the two URLs comes the ‘second’ author, the name of the internet service which archived the resource and generated its URL.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;According to MLA, both URLs shouldn’t be underlined in the bibliography.&lt;/p&gt;
&lt;p&gt;Let’s try another example. The archiving service &lt;a href=&#34;http://peeep.us&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Peeep.Us&lt;/a&gt; is not available anymore. The Wayback Machine gives us as archived URL &lt;a href=&#34;https://web.archive.org/web/20180813205348/http://peeep.us:80/&#34;&gt;https://web.archive.org/web/20180813205348/http://peeep.us:80/&lt;/a&gt;. If we are are going to compose this bibliography in the usual way, we would get:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Nikolaev, Cyril. “Peeep.Us.” Save Snapshot of a Web Page Forever!, 13 Aug. 2018, &lt;a href=&#34;https://web.archive.org/web/20180813205348/http://peeep.us:80/&#34;&gt;https://web.archive.org/web/20180813205348/http://peeep.us:80/&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Using a name for web sites may questionable, but I use it whenever there is a reasonable possibility (e.g., from the Copyright or from the name of the institution, which produces the web site).&lt;/p&gt;
&lt;p&gt;Now we have to add the retrieval date, the original URL and the name of the archiving service:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Nikolaev, Cyril. “Peeep.Us.” &lt;em&gt;Save Snapshot of a Web Page Forever!&lt;/em&gt;, 13 Aug. 2018, 22 Jul. 2019 &lt;code&gt;$$&amp;lt;http://peeep.us&amp;gt;$$&lt;/code&gt;. &lt;em&gt;Internet Archive&lt;/em&gt;. &lt;code&gt;$$&amp;lt;https://web.archive.org/web/20180813205348/http://peeep.us:80/&amp;gt;$$&lt;/code&gt;.&lt;/p&gt;
&lt;/blockquote&gt;



&lt;h2 id=&#34;wakelet&#34;&gt;Wakelet&lt;a href=&#34;#wakelet&#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;In addition to the following &lt;a href=&#34;https://wakelet.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet&lt;/a&gt;, there is also a &lt;a href=&#34;https://wakelet.com/@PeterBaumgartner&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;community edition on my Wakelet homepage&lt;/a&gt; where you can add relevant links.&lt;/p&gt;
&lt;iframe class=&#34;wakeletEmbed&#34; width=&#34;100%&#34; height=&#34;760px&#34; src=&#34;https://embed.wakelet.com/wakes/ab838261-17e2-4603-b3c8-dc666064fe16/list&#34; style=&#34;border: none&#34; allow=&#34;autoplay&#34;&gt;
&lt;/iframe&gt;
&lt;!-- Please only call https://embed-assets.wakelet.com/wakelet-embed.js once per page --&gt;
&lt;script src=&#34;https://embed-assets.wakelet.com/wakelet-embed.js&#34; charset=&#34;UTF-8&#34;&gt;&lt;/script&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;To access this page you must be registered by &lt;a href=&#34;https://archive.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;archive.org&lt;/a&gt;. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Open Citations - TOS</title>
      <link>https://notes.peter-baumgartner.net/2019/06/25/open-citations-tos/</link>
      <pubDate>Tue, 25 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/25/open-citations-tos/</guid>
      <description>


&lt;h2 id=&#34;introduction&#34;&gt;Introduction&lt;a href=&#34;#introduction&#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 is the second post of a series of ten contributions about a better understanding of the different aspects of Open Science. In this post, I will outline the rationale and significance behind the Open Citation movement, to collect material for the development of a taxonomy of Open Science (TOS).&lt;/p&gt;
&lt;p&gt;The following graphics summarizes my proposal for the first level of a taxonomy of Open Science (TOS). Branches with red pointers are active links connecting to the corresponding posts I have written so far.&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&#34;images/open-science-0-min.png&#34; alt=&#34;Open Science Taxonomie&#34; class=&#34;border shadow&#34; usemap=&#34;#open-science-map&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; The first level of a suggested Taxonomy of Open Science (TOS)&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;map name=&#34;open-science-map&#34;&gt;
&lt;area alt=&#34;CC-BY-SA 4.0&#34; title=&#34;CC-BY-SA 4.0&#34; href=&#34;https://creativecommons.org/licenses/by-sa/4.0/&#34; coords=&#34;225,693,646,738&#34; shape=&#34;rect&#34;&gt;
&lt;area alt=&#34;Toward a taxonomy of Open Science&#34; title=&#34;Toward a taxonomy of Open Science&#34; href=&#34;https://notes.peter-baumgartner.net/2019/06/24/toward-a-taxonomy-of-open-science/&#34; coords=&#34;136,270,370,349&#34; shape=&#34;rect&#34;&gt;
&lt;/map&gt;



&lt;h2 id=&#34;citations-an-essential-activity-during-the-research-process&#34;&gt;Citations: An essential activity during the research process&lt;a href=&#34;#citations-an-essential-activity-during-the-research-process&#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;In contrast to Open Access, the movement on Open Citation is not so well known. However, to build a full-fledged ecosphere for Open Science, it is essential that citations are freely available, downloadable, machine-readable, and reusable.&lt;/p&gt;
&lt;p&gt;The following two quotes explain the significance of Open Citations:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;While the act of citation by the author may be the work of a moment, the citation itself, once the citing work is published, becomes an enduring component of the academic ecosystem. &lt;a href=&#34;https://figshare.com/articles/Open_Citation_Definition/6683855&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Citation Definition&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Citations are the links that knit together our scientific and cultural knowledge. They are primary data that provide both provenance and an explanation for how we know facts. They allow us to attribute and credit scientific contributions, and they enable the evaluation of research and its impacts. In sum, citations are the most important vehicle for the discovery, dissemination, and evaluation of all scholarly knowledge. &lt;a href=&#34;https://i4oc.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;I4OC: Initiative for Open Citations&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Even if an article is published as Open Access, its citations are not automatically Open Citations. To qualify as Open Citations, the publisher must fulfill some conditions:&lt;/p&gt;
&lt;div class=&#34;panel panel-primary&#34;&gt;
	&lt;div class=&#34;panel-heading&#34;&gt;Three obligatory requirements for Open Citations&lt;/div&gt;
	&lt;div class=&#34;panel-body&#34;&gt;
&lt;ul&gt;
&lt;li&gt;
Citations must be structured in a way that they can be accessed programmatically.
&lt;/li&gt;
&lt;li&gt;
Citations must be accessed separable from their sources, such as journals articles or books.
&lt;/li&gt;
&lt;li&gt;
Citations must not only be free accessible but also reusable.
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The origins of this movement can be traced back to &lt;a href=&#34;http://opencitations.net/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;OpenCitaton&lt;/a&gt;, a project funded by &lt;a href=&#34;https://www.jisc.ac.uk/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;JISC&lt;/a&gt;, a UK based organization, which provides digital solutions for the education and research. In 2016 the &lt;a href=&#34;https://i4oc.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Initiative for Open Citation&lt;/a&gt; was launched, which today is the driving force behind the movement. It aims for free availability and usage of all metadata from publications with a digital object identifier (DOI) registered by &lt;a href=&#34;https:%20//www.crossref.%20org%20/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Crossref&lt;/a&gt;. Freely available citation data are accessible through the &lt;a href=&#34;https://github.com/CrossRef/rest-api-doc&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Crossref program interface&lt;/a&gt; or the &lt;a href=&#34;http://opencitations.net/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Citation Corpus&lt;/a&gt;. Open Citations can be used to find publications, but also for the analysis of the citation corpus as well (e.g., “how do different fields of knowledge fit together?”).&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&#34;images/how-many-citations-are-open-min.png&#34; alt=&#34;Graphs shows how many citations referenced by Crossref are Open Citations&#34; class=&#34;border shadow&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 2:&lt;/strong&gt; How many citations referenced by Crossref are Open Citations? (see: &lt;a href=&#34;https://web.archive.org/web/20190623212728/https://i4oc.org/&#34;&gt;https://web.archive.org/web/20190623212728/https://i4oc.org/&lt;/a&gt;, accessed 2019-06-23.)&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Keep in mind that the figures above refer only to those citations referenced by Crossref. The relation of all scientific publication to Open Citations is much worse. The biggest problem is that Open Citations are not in the business interests of two key players: &lt;a href=&#34;https://www.elsevier.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Elsevier&lt;/a&gt; (&lt;a href=&#34;https://www.scopus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Scopus&lt;/a&gt;) and &lt;a href=&#34;https://clarivate.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Clarivate Analytics&lt;/a&gt; (&lt;a href=&#34;https://clarivate.com/products/web-of-science/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Web of Science&lt;/a&gt;).&lt;/p&gt;



&lt;h3 id=&#34;web-of-science-wos&#34;&gt;&lt;strong&gt;Web of Science (WoS):&lt;/strong&gt;&lt;a href=&#34;#web-of-science-wos&#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;WoS (previously known as Web of Knowledge) is a commercial online citation indexing service owned by Clarivate Analytics.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Clarivate Analytics was formerly the Intellectual Property and Science division of &lt;a href=&#34;https://www.thomsonreuters.com/en.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Thomson Reuters&lt;/a&gt;. In 2016 Thomson Reuters struck a 3.55 billion dollar deal in which they spun it off into an independent company and sold it. &lt;a href=&#34;https://en.wikipedia.org/wiki/Clarivate_Analytics&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikipedia&lt;/a&gt;. See more in detail the &lt;a href=&#34;https://www.the-scientist.com/the-nutshell/web-of-science-sold-for-more-than-3-billion-33184&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Scientist&lt;/a&gt;, a magazine for life science professionals.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;figure&gt;
&lt;img src=&#34;images/WoS-Clarivate-Product-Portfolio-min.png&#34; alt=&#34;Graphic about the structure of Web of Science services&#34; class=&#34;border shadow&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 3:&lt;/strong&gt; Clarivate Analytics &lt;a href=&#34;https://clarivate.libguides.com/webofscienceplatform/introduction&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Web of Science product portfolio&lt;/a&gt;&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;WoS is not only one product but platform with many different indexing services and several scientific literature search databases. The central product in the portfolio of Clarivate Analytics is the Web of Science Core Collection (see Figure 3). It includes:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;http://mjl.clarivate.com/cgi-bin/jrnlst/jlresults.cgi?PC=K&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Science Citation Index&lt;/a&gt; (SCI),&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;http://mjl.clarivate.com/cgi-bin/jrnlst/jlresults.cgi?PC=SS&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Social Sciences Citation Index&lt;/a&gt; (SSCI) and&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;http://mjl.clarivate.com/cgi-bin/jrnlst/jlresults.cgi?PC=H&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Arts &amp;amp; Humanities Citation Index&lt;/a&gt; (A&amp;amp;HCI).&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;From the WoS Core Collection data set derives the Journal Impact Factor (JIF), published in the yearly &lt;a href=&#34;https://clarivate.com/products/journal-citation-reports/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Journal Citation Reports&lt;/a&gt; (JCR). Although the JIF is seriously flawed, almost all academic institution e require their researcher to play by the rules of the JIF. Only in the last few years, the critiques gather speed. So &lt;a href=&#34;https://web.archive.org/web/20190624142449/https://sfdora.org/signers/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;signed to date&lt;/a&gt; (2019-06-24) already 1,415 organizations and 14,467 individual researchers the San Francisco &lt;a href=&#34;https://sfdora.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Declaration On Research Assessment&lt;/a&gt; (DORA) against the Journal Impact Factor. But not only critique but also the development of bibliometric alternatives (altmetrics) gain importance. I will cover bibliometric measures and these recent developments in other posts more in detail.&lt;/p&gt;
&lt;p&gt;WoS has a tremendous impact on the behavior of researchers and their career development. To date (2019-06-24) Clarivate Analytics covers the following numbers of academic publictions&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Category&lt;/th&gt;
&lt;th&gt;WoS Core&lt;/th&gt;
&lt;th&gt;WoS Platform&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;# of journals&lt;/td&gt;
&lt;td&gt;&amp;gt; 20,900&lt;/td&gt;
&lt;td&gt;&amp;gt; 34,200&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;# of records&lt;/td&gt;
&lt;td&gt;&amp;gt; 73 million&lt;/td&gt;
&lt;td&gt;&amp;gt; 155 million&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Cited references&lt;/td&gt;
&lt;td&gt;1.4 billion&lt;/td&gt;
&lt;td&gt;1.6 billion&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;To put these figures into perspectives: They cover “only” between 35% (Natural Sciences) to 12% (Arts and humanities) of all journals (&amp;gt; 62,500) as listed in &lt;a href=&#34;https://ulrichsweb.serialssolutions.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;UlrichsWeb&lt;/a&gt; (Ulrich’s Global Serials Directory) [@mongeon_journal_2016],&lt;/p&gt;
&lt;p&gt;Clarivate also possesses other vital tools and services for scholarly research:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://endnote.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Endnote&lt;/strong&gt;&lt;/a&gt;, a popular reference management software, formerly the property of Thomson Reuters.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://publons.com/about/home/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Publons&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;:&lt;/strong&gt; is a service for academics to honor respectively showcase their scientific work which does not lead to a “standard” publication in one of the JIF journals. The name of the enterprise is an homage to the moniker &lt;code&gt;publon&lt;/code&gt;, signifying the smallest publishable unit. This concept is a cynical reference to the phenomenon that for the academic career the number of publications is often more important than their individual quality, resulting in “salami slicing” of papers.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://kopernio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Kopernio&lt;/strong&gt;&lt;/a&gt; is a technology startup, which developed a web-browser extension that simplifies the process of finding and legally downloading scholarly publications.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Clarivate Analytics acquired Publons in 2017 and Kopernio in April 2018. These purchases in recent years demonstrate that Clarivate Analytics knows how to secure its leading market position: Both services are (currently) free and are doubtless useful for the individual researcher. Besides generating revenues from publishers, Clarivate binds academics to their main product as both free services are closely related and linked to WoS.&lt;/p&gt;
&lt;p&gt;This kind of effective use of the academic community is a well-known strategy, illustrated by two more examples.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;First example:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;In September 2008 Thomson Reuter – at that time still the owner of Endnote – started a lawsuit with the argument of copyright infringement for US$10 million against the developer of &lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero&lt;/a&gt;, the &lt;a href=&#34;https://rrchnm.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Center for History and New Media&lt;/a&gt; at the &lt;a href=&#34;https://www2.gmu.edu/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;George Mason University’s&lt;/a&gt;. Back then, I wrote about this lawsuit in my German blog (&lt;a href=&#34;https://peter.baumgartner.name/2008/09/29/endnote-klagt-zotero-auf-10-mio/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Endnote klagt Zotero auf 10 Mio $&lt;/a&gt; and &lt;a href=&#34;https://peter.baumgartner.name/2008/12/02/zotero-sieht-der-klage-gelassen-entgegen/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero sieht der Klage gelassen entgegen&lt;/a&gt;).&lt;/p&gt;
&lt;p&gt;Thomson Reuters criticized that Zotero has reverse engineered their Endnote bibliographic citation styles where each style addresses the particular requirement of a journal. Reuter saw it as a violation of the site license agreement, especially as Zotero transformed these bibliographic styles into the XML-based open &lt;a href=&#34;https://citationstyles.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Citation Style Language&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;However, the crux of the matter is that members of the community developed all these Endnote styles hosted on the Endnote website. Imagine a situation where Microsoft Word claims to be the owner of all MS Word templates, designed by us, the users! It seems that this is the way for many endeavors in academia: We scientist do the whole work free (e.g., peer review) and the commercial enterprises sell it (e.g., as quality assurance for their journals). – BTW: Thomson Reuters lost the case against Zotero (&lt;a href=&#34;https://en.wikipedia.org/wiki/EndNote#Legal_dispute_with_Zotero&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikipedia&lt;/a&gt;)&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Second example:&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;As helpful the services of Pablons for the scientists are, we have to keep in mind, that academic work by the research community on the Clarivate website are freebies in exchange to just higher visibility of their research. Researcher track their publications, citation metrics, peer reviews, and journal editing work not only for free but it is hardly any surprise, that their writings are imported from Clarivates WoS, their Endnote bibliographic reference manager (bought with 250 US$ from Clarivate) and their citation metrics come from the Web of Science Core Collection, owned again by Clarivate.&lt;/p&gt;



&lt;h3 id=&#34;scopus-elsevier&#34;&gt;Scopus (Elsevier)&lt;a href=&#34;#scopus-elsevier&#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;Elsevier has even more market power than Clarivate Analytics. It owns&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://www.scopus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Scopus&lt;/strong&gt;&lt;/a&gt;, a database of abstracts and citations with a coverage from about 47% (Biomedical journals) to 18% (Arts &amp;amp; Humanities)&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.sciencedirect.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Science Direct&lt;/strong&gt;&lt;/a&gt;, a database for scientific publications and ebooks (inclusive medical journals), which sells via subscriptions&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.scopus.com/home.uri&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Mendeley&lt;/strong&gt;&lt;/a&gt;, a desktop and web program for bibliographic management but also a social networking website for academics with to date (2019-06-24) more than &lt;a href=&#34;https://web.archive.org/web/20190624173014/https://www.mendeley.com/research-network/community&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;6 million users&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;In contrast to WoS and Google (with &lt;a href=&#34;https://scholar.google.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Scholar&lt;/a&gt; another big player in the citation reference business): Elsevier does not only sell the usage of their database but is also the owner of a vast list of journals themselves. From the perspective of this double ownership, Elsevier’s business model is a closed circle: It includes the paid use of their database so that academics can find and cite scientific literature. The result of these citations is an increase of reputation of Elsevier’s journals through a higher Journal Impact Factor.&lt;/p&gt;
&lt;p&gt;Elsevier is infamous for his incredibly high-profit margin, which is about 35-40%. In contrast, financial institutes and banks work with 10-15%, and the much-criticized Walmart has only about 3% profit. These figures come from the excellent and free accessible documentary “Paywall: The Business of Scholarship” [@schmitt_paywall_2018]. In other posts, I will dwell more about the business model and the nasty role of Elsevier in the Open Science movement.&lt;/p&gt;
&lt;!--
&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;//player.vimeo.com/video/273358286&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
 &lt;/div&gt;
--&gt;
&lt;p&gt;However, back to the Open Citations issue regarding Elsevier: It turns out that Elsevier is the biggest obstacle for a better proportion of Open Citations:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;… of all 956,050,193 references from journal articles stored at Crossref, 305,956,704 (32.00%) are from journal articles published by Elsevier, none of which are in the Crossref “Open” category, freely available for others to use. &lt;/br&gt; Put another way, of the 470,008,522 references from journal articles stored at Crossref that are not open, 305,956,704 (65.10%) are from journals published by Elsevier (&lt;a href=&#34;https://opencitations.wordpress.com/2017/11/24/elsevier-references-dominate-those-that-are-not-open-at-crossref/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Citations Blog&lt;/a&gt;).&lt;/p&gt;
&lt;/blockquote&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;In this post, I have outlined the rationale and significance of the Open Citation movement. Citations reflect the structure and relationship of our scientific and cultural knowledge and deserve research in its own right. As “dwarfs standing on the shoulders of giants” (Isaac Newton and nowadays also the motto of Google), we generate our knowledge from previous discoveries. Citations are the expression of a social network of interconnected links which itself are due to scientific research. Much can be learned of this interplay of different researchers, subject areas, and language communities through different times and regions.&lt;/p&gt;
&lt;p&gt;I have also argued that the economic interests of two key players in the research business are obstacles to overcome for a higher rate of Open Citations. Clarivate Analytics form together with Elsevier a duopoly and maybe with Google even a tripoly [@schoolworkhelper_business_2018]: Because of the competition between two or three sellers they cannot work like a monopoly and dictate without consideration their market condition. However, they can work in a kind competition-cooperation relationship; an economic framework called the coopetition paradox [@raza-ullah_coopetition_2014].&lt;/p&gt;
&lt;p&gt;Add relevant links to the subject of Open Citation on my &lt;a href=&#34;https://wakelet.com/@PeterBaumgartner&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wakelet page&lt;/a&gt;.&lt;/p&gt;
&lt;iframe class=&#34;wakeletEmbed&#34; width=&#34;100%&#34; height=&#34;760px&#34; src=&#34;https://embed.wakelet.com/wakes/6fcefc23-7806-4324-8fee-516e10472aad/list&#34; style=&#34;border: none&#34; allow=&#34;autoplay&#34;&gt;
&lt;/iframe&gt;
&lt;!-- Please only call https://embed-assets.wakelet.com/wakelet-embed.js once per page --&gt;
&lt;script src=&#34;https://embed-assets.wakelet.com/wakelet-embed.js&#34; charset=&#34;UTF-8&#34;&gt;&lt;/script&gt;



&lt;h2 id=&#34;references&#34;&gt;References&lt;a href=&#34;#references&#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;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;The category “journals” includes books, conference proceedings, and data sets. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Toward a Taxonomy of Open Science (TOS)</title>
      <link>https://notes.peter-baumgartner.net/2019/06/24/toward-a-taxonomy-of-open-science/</link>
      <pubDate>Mon, 24 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/24/toward-a-taxonomy-of-open-science/</guid>
      <description>&lt;p&gt;This post starts a series of ten contributions about a better understanding of the different aspects of Open Science. I want to collect material to develop a taxonomy of Open Science (TOS). The primary goal of this undertaking is not only to build a hierarchical system where every notion is unambiguous but to develop a heuristic tool useful for further research.&lt;/p&gt;



&lt;h2 id=&#34;the-many-faces-of-open-science&#34;&gt;The many faces of Open Science&lt;a href=&#34;#the-many-faces-of-open-science&#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;With a superficial approach to the topic, it almost looks as if Open Science is identical to Open Access. Indeed, Open Access represents within Open Science the strongest and far-reaching movement with the highest financial and political consequences. However, Open Access is only one (important) part of the Open Science movement, which consists of a wide variety of different viewpoints, each with distinct socio-political conditions and effects. The planned series of post on Open Science will show how extensive and diverse this area already is. A first impression about the complexity of the subject communicates the following graphic [@pontika_fostering_2015].&lt;/p&gt;
&lt;p&gt;Although I consider this compilation of the numerous fields of Open Science to be valuable, I see – sensitized by my own work on taxonomies [@baumgartner_feedback-arten_2016; @baumgartner_taxonomie_2014-5; @baumgartner_potential_2009] – in &lt;a href=&#34;#fig1&#34;&gt;Figure 1&lt;/a&gt; some inconsistency and shortcomings:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I miss some critical areas such as Open Content, Open Educational Resources, and Open Licenses.&lt;/li&gt;
&lt;li&gt;There are theoretical discrepancies and overlaps, e.g., Open Science Workflows is under Open Reproducible Research. In my opinion we need different workflows not only in the area of reproducible research but in &lt;em&gt;all&lt;/em&gt; Open Science activities. Another example: Irreproducible Research, is classified as a sub-item of Open Reproducible Research. However, how is it possible that the contraction of a thing is a sub-category of the very same thing? Irreproducible Research is not a part of Open Reproducible Research; it is plain and simple a misnomer.&lt;/li&gt;
&lt;/ul&gt;
&lt;figure&gt;
&lt;img src=&#34;images/foster-open-science-taxonomy-min.png&#34; alt=&#34;A mindmap as a graphical representation of an Open Science taxonomy&#34; id=&#34;fig1&#34; class=&#34;border shadow&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Open Science Taxonomy: Originally published in (Pontika et al. 2015, 3). See also the &lt;a href=&#34;https://www.fosteropenscience.eu/resources&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;interactive graphic&lt;/a&gt;, where all terms are linked to additional material on the &lt;a href=&#34;https://www.fosteropenscience.eu/resources&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Foster website&lt;/a&gt; (FOSTER consortium 2015).&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;Maybe the above figure was not really intended to be inherently consistent? As there is another version with live links to different subject worked out by the members of the project team, the diagram maybe just functions as a starting point to explore in a more systematic way the various relevant topics? Anyway: I believe that a self-consistent taxonomy would a helpful for a better understanding and holistic perspective of Open Science.&lt;/p&gt;
&lt;p&gt;I can’t here already provide a comprehensive alternative proposal for a taxonomy. For a logically consistent counterdraft of a taxonomy I would need to look more detailed into all the different aspects of Open Science. At them moment my understanding and knowledge on Open Science is still elementary.&lt;/p&gt;
&lt;p&gt;But what I will do here, is to suggest a &lt;em&gt;different first level for a taxonomy of Open Science (TOS)&lt;/em&gt;. Hopefully this will work out as a more precise and coherent starting point for further research. My recommendation corresponds to the nine elements of the first level of the FOSTER taxonomy: Open Access, Open Data, Open Reproducible Research, Open Science Definition, Open Science Evaluation, Open Science Guidelines, Open Science Policies, Open Science Projects, and Open Science Tools.&lt;/p&gt;
&lt;p&gt;My proposal contains also nine elements for the first level, but they differ essentially form the FOSTER taxonomy as the following graph shows:&lt;/p&gt;
&lt;figure&gt;
&lt;img src=&#34;images/open-science-0-min.png&#34; alt=&#34;Open Science Taxonomie&#34; class=&#34;border shadow&#34; usemap=&#34;#open-science-map&#34;/&gt;
&lt;figcaption&gt;
&lt;h4&gt;
&lt;p&gt;&lt;strong&gt;Figure 02:&lt;/strong&gt; Toward a taxonomy for Open Science (TOS)&lt;/p&gt;
&lt;/h4&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;map name=&#34;open-science-map&#34;&gt;
&lt;area alt=&#34;CC-BY-SA 4.0&#34; title=&#34;CC-BY-SA 4.0&#34; href=&#34;https://creativecommons.org/licenses/by-sa/4.0/&#34; coords=&#34;225,693,646,738&#34; shape=&#34;rect&#34;&gt;
&lt;area alt=&#34;Open Science&#34; title=&#34;Open Science&#34; href=&#34;https://notes.peter-baumgartner.net/2019/06/24/toward-a-taxonomy-of-open-science/&#34; coords=&#34;136,270,370,349&#34; shape=&#34;rect&#34;&gt;
&lt;/map&gt;
&lt;p&gt;I believe that &lt;strong&gt;the essence of Open Science is a particular (new) set of activities during the research process&lt;/strong&gt;. These nine categories designate a particular set of activities.To describe these activities in detail is the keypart of a better understanding about Open Science. I have already stated in &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/12/what-is-open-science-about/&#34;&gt;another post&lt;/a&gt;, that the “Open” in Open Science refers to the &lt;strong&gt;participatory way of knowledge creation and the shared usage of its products&lt;/strong&gt;. Therefore we are going to look into the different phases of the research process and its exploitation.&lt;/p&gt;
&lt;p&gt;In the next couple of weeks, I will therefore look into these activities of the research process. Hopefully this will provide me nd a deeper understaning what kinds of processes Open Science constitute. This should provide me with the material for the third tier of a taxonomy for Open Science.&lt;/p&gt;
&lt;p&gt;Every time I will publish one of these articles, I will repeat my graph with a slight change: You will see a new red arrow to the left of the relevant first level category. Behind these marked categories you will find active links to the corresponding post.&lt;/p&gt;



&lt;h2 id=&#34;references&#34;&gt;References&lt;a href=&#34;#references&#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 id=&#34;refs&#34; class=&#34;references csl-bib-body hanging-indent&#34;&gt;
&lt;div id=&#34;ref-foster_consortium_resources_2015&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;FOSTER consortium. 2015. “Resources | FOSTER.” &lt;em&gt;The Future of Science Is Open&lt;/em&gt;. &lt;a href=&#34;https://www.fosteropenscience.eu/resources&#34;&gt;https://www.fosteropenscience.eu/resources&lt;/a&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;ref-pontika_fostering_2015&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;Pontika, Nancy, Petr Knoth, Matteo Cancellieri, and Samuel Pearce. 2015. “Fostering Open Science to Research Using a Taxonomy and an &lt;span class=&#34;nocase&#34;&gt;eLearning Portal&lt;/span&gt;.” In &lt;em&gt;Proceedings of the 15th International Conference on Knowledge Technologies and Data-Driven Business&lt;/em&gt;, 11:1–8. I-KNOW ’15. New York, NY, USA: ACM. &lt;a href=&#34;https://doi.org/10.1145/2809563.2809571&#34;&gt;https://doi.org/10.1145/2809563.2809571&lt;/a&gt;.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Bibliographic Metadata for your web page</title>
      <link>https://notes.peter-baumgartner.net/2019/06/19/bibliographic-metadata-for-your-web-page/</link>
      <pubDate>Wed, 19 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/19/bibliographic-metadata-for-your-web-page/</guid>
      <description>&lt;p&gt;With &lt;em&gt;Web 2.0&lt;/em&gt;, we see a radical change in scholarly communication. On the one hand, there is a growing need for researchers to be present on different web channels (blog, twitter, youtube, and much more). On the other hand, the more traditional ways of publications in high ranked peer review channels are still prevalent. It is difficult for researchers to meet this twofold challenge at the same time: After all the day has only 24 hours!&lt;/p&gt;



&lt;h2 id=&#34;double-bind-for-ecrs&#34;&gt;Double bind for ECRs&lt;a href=&#34;#double-bind-for-ecrs&#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;&lt;a href=&#34;https://euraxess.ec.europa.eu/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;images/Logo-Euraxess-min.jpg&#34; alt=&#34;EUROAXESS log&#34; class=&#34;border shadow&#34;/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;figcaption&gt;
&lt;p&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; EURAXESS - Researchers in Motion is a unique pan-European initiative delivering information and support services to professional researchers.&lt;/p&gt;
&lt;/figcaption&gt;
&lt;p&gt;Especially for young researchers (so-called Early Career Researchers, or ECRs&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt; is this situation alarming and even existence-threatening. The find themselves in a double-bind: Should they more invest in traditional ways of career planning, or is it more promising to expand and foster their internet presence? I do not have a clear solution for myself. I think a transition period, the most secure strategy is to follow both paths.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;ECRs have both the most to gain and the most to lose from being at the forefront of changes to scholarly communications [@eve_open_2014; @st._louis_open_2015].&lt;/p&gt;
&lt;/blockquote&gt;



&lt;h2 id=&#34;coins-and-zotero&#34;&gt;COinS and Zotero&lt;a href=&#34;#coins-and-zotero&#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;&lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;images/zotero-logo-long.png&#34; alt=&#34;Logo Zotero&#34; class=&#34;border shadow&#34;/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;figcaption&gt;
&lt;p&gt;&lt;strong&gt;Figure 2:&lt;/strong&gt; Zotero is a free, easy-to-use tool to help you collect, organize, cite, and share research.&lt;/p&gt;
&lt;/figcaption&gt;
&lt;p&gt;The only way I can think of to meet both challenges is to maximize the efficiency of &lt;em&gt;all&lt;/em&gt; career moves. One of my aims with this blog on &lt;em&gt;Open Science Education&lt;/em&gt; is to talk about technology supported new ways for research and publication to fulfill both requirements.&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;images/zotero-logo-round-min.jpeg&#34; alt=&#34;Logo Zotoro&#34; class=&#34;floatright&#34;/&gt;&lt;/a&gt;With the following lines, I will show you how you can help your blog readers or website visitors to cite your posts and pages correctly and in way that they could count as a kind of publication.&lt;/p&gt;
&lt;p&gt;My suggestion is&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;to use the free research tool &lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;to produce a specific HTML code (COinS = Context Objects in Spans) and&lt;/li&gt;
&lt;li&gt;inject this code into your web page.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/COinS&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;COinS&lt;/a&gt; is a &lt;a href=&#34;https://www.univie.ac.at/elib/index.php?title=COinS_Microfromat_Bibliographic_Metadata_for_Embedding_in_HTML&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;microformat standard to embed bibliographic metadata&lt;/a&gt; for Embedding in HTML. COinS include as HTML code all the information necessary to cite a publication correctly. It works for every type of publication (books, papers, web pages).&lt;/p&gt;
&lt;p&gt;&lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;img src=&#34;images/zotero-startpage-min.png&#34; alt=&#34;Zotero Start Page&#34; class=&#34;border shadow&#34;/&gt;&lt;/a&gt;&lt;/p&gt;
&lt;figcaption&gt;
&lt;p&gt;&lt;strong&gt;Figure 3:&lt;/strong&gt; Zotero is designed to store, manage, and cite bibliographic references, such as books and articles. It is available for Mac, Windows, and Linux.&lt;/p&gt;
&lt;/figcaption&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    There are &lt;a href=&#34;https://en.wikipedia.org/wiki/COinS#Client_tools&#34;&gt;several possibilities to generate COinS&lt;/a&gt;, but I will focus on Zotero. I am not going into further details here, but &lt;a href=&#34;2019/06/19/how-to-produce-bibliographic-metadata-for-you-web-page/&#34;&gt;I have prepared a tutorial&lt;/a&gt; with images from all the necessary steps to produce, embed, and download COinS.
  &lt;/div&gt;
&lt;/div&gt;



&lt;h2 id=&#34;references&#34;&gt;References&lt;a href=&#34;#references&#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;&lt;span class=&#34;Z3988&#34; title=&#34;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=Bibliographic%20Metadata%20for%20your%20web%20page&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=With%20_Web%202.0_,%20we%20see%20a%20radical%20change%20in%20scholarly%20communication.%20This%20transition%20period%20poses%20problems%20for%20the%20researcher%20as%20the%20challenges%20have%20multiplied.%20On%20the%20one%20hand,%20there%20is%20a%20growing%20need%20to%20be%20present%20on%20different%20web%20channels%20%20(blog,%20twitter,%20youtube,%20and%20much%20more).%20On%20the%20other%20hand,%20the%20more%20traditional%20ways%20of%20publications%20in%20high%20ranked%20peer%20review%20channels%20are%20still%20prevalent.%20I%20present%20in%20this%20post%20a%20workaround%20to%20fulfill%20both%20requirements%20at%20a%20certain%20level:%20Embed%20bibliographic%20metadata%20in%20your%20web%20pages%20so%20that%20they%20can%20be%20cited%20and%20count%20as%20a%20web%20publication.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F19%2Fbibliographic-metadata-for-your-web-page&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-06-19&amp;amp;rft.language=en&#34;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;There are different definitions for ECRs around, varying how many years after a Ph.D. are included. The period starts from &lt;a href=&#34;https://blog.jobs.ac.uk/all-things-research/phd-ecr/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;4 years&lt;/a&gt; and goes to in some institutions to &lt;a href=&#34;https://blog.soton.ac.uk/athenaswan/ecrs/what-is-an-ecr/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;10 years&lt;/a&gt;. A more detailed description of different research profile descriptors has the European Research Commission (&lt;a href=&#34;https://euraxess.ec.europa.eu/europe/career-development/training-researchers/research-profiles-descriptors&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;EURAXESS&lt;/a&gt;) &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>How to produce bibliographic metadata for your web page?</title>
      <link>https://notes.peter-baumgartner.net/2019/06/19/how-to-produce-bibliographic-metadata-for-you-web-page/</link>
      <pubDate>Wed, 19 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/19/how-to-produce-bibliographic-metadata-for-you-web-page/</guid>
      <description>&lt;p&gt;In an &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/19/bibliographic-metadata-for-your-web-page&#34;&gt;accompanying post&lt;/a&gt; I explain why to provide bibliographic metadata for your web entries could be beneficial.&lt;/p&gt;



&lt;h2 id=&#34;requirements&#34;&gt;Requirements&lt;a href=&#34;#requirements&#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;In this tutorial, I will show how to produce and embed bibliographic metadata into your web page. To follow this guide, I assume that:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;you have installed the standalone version of &lt;a href=&#34;https://www.zotero.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;you have installed the appropriate &lt;a href=&#34;https://www.zotero.org/download/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero connector&lt;/a&gt; (plugin) for your browser.&lt;/li&gt;
&lt;li&gt;you have a working knowledge how to use Zotero (There are many (video) instructions on the internet, see for instance the &amp;lsquo;official&amp;rsquo; &lt;a href=&#34;https://www.zotero.org/support/quick_start_guide&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero Quick Start Guide&lt;/a&gt; or the &lt;a href=&#34;https://isu.libguides.com/zotero&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;introduction by the Idaho State University&lt;/a&gt;).&lt;/li&gt;
&lt;/ol&gt;



&lt;h2 id=&#34;bibliographic-metadata-in-14-small-steps&#34;&gt;Bibliographic metadata in 14 small steps&lt;a href=&#34;#bibliographic-metadata-in-14-small-steps&#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;ol&gt;
&lt;li&gt;
&lt;p&gt;Start Zotero and your browser. Go to the page where you want to embed the metadata. You see the Zotero icon for web pages in the place where your web browsers shows the symbols for its installed extensions. &lt;img src=&#34;images/zotero-coins-01-min.png&#34; alt=&#34;Screenshot of the target web page for embedding bibliographic metadata.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 01:&lt;/strong&gt; Target web page for embedding bibliographic metadata.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Click on the icon and download the rudimentary bibliographic information for the web page. &lt;img src=&#34;images/zotero-coins-02-min.png&#34; alt=&#34;Screenshot shows the menu to download the rudimentary bibliographic information with Zotero&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 02:&lt;/strong&gt; Download the rudimentary bibliographic information with Zotero.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Change to Zotero and inspect the new downloaded entry. You will notice that many details are still missing. &lt;img src=&#34;images/zotero-coins-03-min.png&#34; alt=&#34;Sreenshot of the Zotero bilbiograpy with the new downloaed biobliographic entry.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 03:&lt;/strong&gt; Zotero bilbiograpy with the new downloaed biobliographic entry. &lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Change the item type to an appropriate value: in my case &amp;ldquo;Blog Post&amp;rdquo;. You will see that the Zotero icon changes to reflect the new value. Different item types have different fields. &lt;img src=&#34;images/zotero-coins-04-min.png&#34; alt=&#34;Annoted screenshot explains missing bibliographic information.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 04:&lt;/strong&gt; The standard web page entry misses many information in its bilbiographic record.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Add the relevant information as shown on the screenshot. Depending on the chosen item type, there are different fields to fill in. There is a list of item types, fields, and their meanings on a &lt;a href=&#34;https://www.zotero.org/support/kb/item_types_and_fields&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero help page&lt;/a&gt;. &lt;img src=&#34;images/zotero-coins-05-min.png&#34; alt=&#34;Screenshot shows the information added.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 05:&lt;/strong&gt; Adding information into the bibliographic record.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;When you bibliographic entry is complete you can start the conversion and export procedure. Open the context menu (on MacOS is it a right mouse click). &lt;img src=&#34;images/zotero-coins-06-min.png&#34; alt=&#34;Screenshot show opening of the context menu of the bibliography entry to start the export&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 06:&lt;/strong&gt; Opening the context menu of the bibliography entry to start the export.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;From the appearing drop down menu choose the &amp;ldquo;COinS&amp;rdquo; translator. &lt;img src=&#34;images/zotero-coins-06a-min.png&#34; alt=&#34;Screenshot shows choosing COinS as export translator.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 07:&lt;/strong&gt; Choose COinS as export translator.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Save the converted data in a file on your hard disk. The place is not essential as we only need the text inside the file. After we have copied the COinS data into our web site, we will delete our intermediary file. &lt;img src=&#34;images/zotero-coins-07-min.png&#34; alt=&#34;Screenshot shows preparation of saving the converted information.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 08:&lt;/strong&gt; Prepare to save the converted information.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;File name and file extension are also irrelevant. Just check if your export format is &amp;ldquo;COinS&amp;rdquo;. &lt;img src=&#34;images/zotero-coins-08-min.png&#34; alt=&#34;Screenshot shows MacOS Save File dialog window with export mode &amp;apos;COinS&amp;apos;.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 09:&lt;/strong&gt; MacOS Save File dialog window with export mode &amp;ldquo;COinS&amp;rdquo;.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Open the exported file with your text editor and select the COinS HTML code. You will see the text of your bibliography record &lt;a href=&#34;https://www.w3schools.com/tags/ref_urlencode.asp&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;URL encoded&lt;/a&gt; in the COinS standard format. URL Encoding replaces unsafe ASCII characters with a &amp;ldquo;%&amp;rdquo; followed by two hexadecimal digits. But don&amp;rsquo;t worry, it is not necessary to understand the code snippet. &lt;img src=&#34;images/zotero-coins-09-min.png&#34; alt=&#34;Screenshot shows exported COinS code in a text editor.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 10:&lt;/strong&gt; Exported COinS code as it is seen after opening the file with a text editor.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Copy and paste the code in the source code of your web page. Again, the place does not matter. On a life web page visitor do not see these code but only the result &amp;ndash; the particular Zotero icon. &lt;img src=&#34;images/zotero-coins-10-min.png&#34; alt=&#34;Screenshot shows how the exported COinS code is inserted into the HTML source code of the web page.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 11:&lt;/strong&gt; Embed the exported COinS code into the HTML source code of the web page.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Now inspect you life web page. You will see that the Zotero icon has changed from &amp;ldquo;Web Page&amp;rdquo; to &amp;ldquo;Block Post&amp;rdquo;. Congratulation you made it! &lt;img src=&#34;images/zotero-coins-11-min.png&#34; alt=&#34;Screenshot of life inspection of the modified web page.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 12:&lt;/strong&gt; Inspection the modified web page.&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;We need to check if everything works as intended. Save the new generated bibliographic metadata into your zotero database. &lt;img src=&#34;images/zotero-coins-12-min.png&#34; alt=&#34;Screenshot shows download of the new generated metadata.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 13:&lt;/strong&gt; Download of the new generated metadata to test if everything works as intended. &lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Check if all the bibliographic metadata are imported correctly. &lt;img src=&#34;images/zotero-coins-13-min.png&#34; alt=&#34;Screenshot shows how the modified bibliographic entry is inspected in Zotero.&#34; class=&#34;border shadow&#34; width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;strong&gt;Figure 14:&lt;/strong&gt; Inspection of the modified bibliographic record in Zotero&lt;/figcaption&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;



&lt;h2 id=&#34;wrapping-up-and-additional-information&#34;&gt;Wrapping up and additional information&lt;a href=&#34;#wrapping-up-and-additional-information&#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;img src=&#34;images/zotero-menu-item-type-min.png&#34; alt=&#34;Zotero drop down menu of different types of bibliographic entries.&#34; class=&#34;floatright&#34;/&gt;
&lt;p&gt;You have learned to create, embed, and download bibliographic metadata from those web pages where you have access to the source code. There are further options in addition to what I have demonstrated in the tutorial:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;em&gt;You are not limited to the item type &amp;ldquo;Block Post&amp;rdquo;:&lt;/em&gt; You can choose from all the 34 different types of bibliographic entries. But watch out: Every item type has its (slightly) different input form and Zotero icon. You need to know what kind of information each bibliographic record type needs.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;You are not limited to one COinS entry:&lt;/em&gt; You can generate and embed as many bibliographic entries you want. If your web page has a list of references, you can offer visitors of your web page to download the bibliographic information for the full bibliography. The Zotero icon changes to a folder if there is more than one bibliographic entry to download.&lt;/li&gt;
&lt;li&gt;&lt;em&gt;You do not need to generate a COinS entry by yourself if the bibliographic entry has a DOI:&lt;/em&gt; I do not know how this works, but Zotero recognizes DOI entries. See as an example, my &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/18/data-science-education-with-coursera/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blog post about data science education&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&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=How%20to%20produce%20bibliographic%20metadata%20for%20your%20web%20page?&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20tutorial%20explains%20how%20to%20use%20Zotero%20to%20produce%20and%20embed%20bibliographic%20metadata%20into%20your%20web%20page.%20An%20annotated%20screenshot%20illustrates%20each%20of%20the%2014%20simple%20steps.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F19%2Fhow-to-produce-bibliographic-metadata-for-you-web-page&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-06-19&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Data Science Education with coursera</title>
      <link>https://notes.peter-baumgartner.net/2019/06/18/data-science-education-with-coursera/</link>
      <pubDate>Tue, 18 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/18/data-science-education-with-coursera/</guid>
      <description>&lt;p&gt;Beginning in December 2016, I initiated a new personal enterprise: Learning the statistical programming language R to acquire competencies of a data scientist. With “learning enterprise,” I do not mean to get just interested in a new subject, to read from time to time a relevant book and to look into some web-based tutorials. No, with “enterprise” I mean a much more significant undertaking, namely to focus and concentrate several months on a systematic study for a new set of qualifications.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/Coursera-Certificate-Toolbox-min.png&#34; alt=&#34;Coursera Certificate for Peter Baumgartner for the course on Data Science Toolboxes.&#34;&gt;&lt;/p&gt;
&lt;p&gt;I started with a nine-part (June 2019: now ten-part) &lt;a href=&#34;https://www.coursera.org/specializations/jhu-data-science&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;course specialization to data science&lt;/a&gt;, taught by three professors of &lt;a href=&#34;https://www.jhu.edu/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;John Hopkins University&lt;/a&gt; (&lt;a href=&#34;https://www.coursera.org/instructor/~694443&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Jeff Leek&lt;/a&gt;, &lt;a href=&#34;https://www.coursera.org/instructor/rdpeng&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Roger D. Peng&lt;/a&gt;, and &lt;a href=&#34;https://www.coursera.org/instructor/~688901&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Brian Caffo&lt;/a&gt;) and offered via the MOOC&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;-platform &lt;a href=&#34;https://www.coursera.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Coursera.&lt;/a&gt;&lt;/p&gt;



&lt;h2 id=&#34;one-sided-course-philosophy&#34;&gt;One-Sided Course Philosophy&lt;a href=&#34;#one-sided-course-philosophy&#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 after I have finished successfully two courses with certificates, I turned impatient with the teaching style and course philosophy. My dissatisfaction did not so much arise by these three professors but had more abstract reasons: The course has as target audience people who need certified knowledge to get into (a better) job position. People like me (experienced adult learner, who are already permanently employed and have no intention to change the job) who want to learn specific skills for their working needs, are not well supported. I do not need to provide evidence of some acquired general qualifications as most of the course participants do. I was instead looking for some Personal Knowledge [@polanyi_personal_1974-2], which I could combine with my life and working experiences. After a long time again in the learner role, I found it very strange that I had to spend much &lt;em&gt;learning time on material arranged by other people&lt;/em&gt; which I didn’t need and had, on the other hand, to learn some stuff superficially or to skip altogether, which is essential for my use cases.&lt;/p&gt;
&lt;p&gt;&lt;img src=&#34;images/Coursera-Certificate-R-Programming-min.png&#34; alt=&#34;Coursera Certificate for Peter Baumgartner for the course on R Programming.&#34;&gt;&lt;/p&gt;
&lt;p&gt;To exemplify the problem in more detail: In the third course on Getting and Cleaning Data we had to learn different ways to get data into the R environment: To download it with URLs, to scrap it from web pages, to load it from Excel sheets, to collect it via an API. But – for instance – we didn’t learn how to get data from an SQL database. I appreciate that all these different methods are conceivably relevant, and as a becoming data scientist, one should know how to apply them all. I also understand that it is impossible to learn all the different use cases in every detail. But I disagree that the best teaching method is an exemplary journey through some of these potentially essential methods!&lt;/p&gt;
&lt;p&gt;A teaching strategy which would have better suited me and other &lt;a href=&#34;https://www.schoology.com/blog/heutagogy-explained-self-determined-learning-education&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;self-determinded learners&lt;/a&gt; would have been a systematic and complete list of all approaches with their pointers to the relevant R packages and supplemented with some prototypical program snippets to get started. After a &lt;em&gt;systematic overview and instructional material of all techniques&lt;/em&gt;, one should have the opportunity to choose those two or three methods which cover those skills which are essential for the particular learner. In practical assignments, self-determined learners learner should have the chance to be trained and to practice precisely only those procedures they are interested in.&lt;/p&gt;
&lt;img src=&#34;images/cover-make-it-stick-min.jpg&#34; alt=&#34;Book cover of &amp;apos;Make It Stick&amp;apos;&#34; class=&#34;floatleft&#34;/&gt;
&lt;p&gt;Another example that coursera is not interested in the self-determined learner is their change in the billing strategy: Coursera made a switch to a subscription model for the Data Science Specialization. Instead, to bill per course, you have now to pay a monthly fee, which is counteracting self-learning and autodidacticism. To economize and save money for the course, one has to study fast and without looking for additional material, exercises, or implementations for his/her use cases. Consequences are a rigid study behavior where students follow the course design uncritically and without generating and posing questions. From an educational point of view, such a course of studies contradicts the psychological research on learning thoroughly [@ambrose_how_2010; @brown_make_2014].&lt;/p&gt;



&lt;h2 id=&#34;how-to-support-the-self-determined-learner&#34;&gt;How to support the self-determined learner?&lt;a href=&#34;#how-to-support-the-self-determined-learner&#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;img src=&#34;images/cover-how-learning-works-min.jpg&#34; alt=&#34;Book Cover of &amp;apos;How Learning Works&amp;apos;&#34; class=&#34;floatright&#34;/&gt;
&lt;p&gt;Consequently, I stopped my course attendance and started to look for tutorials, courses, and other learning material that are more to the point for my needs. I have to confess that I didn’t know how exciting but also how difficult this self-paced and self-determined learning approach was, respectively is. Between us educators, we are talking routinely about self-determined learning [@deci_handbook_2008; @deci_overview_2012-1; @deci_self-determination_2008-2], but often it is just a plea without detailed tips on how to achieve it.&lt;/p&gt;
&lt;p&gt;When we are preparing material for learners, we are restricted by the learning time of our students (measured in credit points) and have therefore to select from the available resources. This strategy poses a problem for the self-determined learner as we as teacher decide which material is essential to learn and which not. Even if we are experienced teacher on the subject material in question and know therefore which skills are generally more in demand in real-life applications, we will always be wrong whenever some of our students have different needs or requirements.&lt;/p&gt;
&lt;p&gt;For the design of online courses, there is an easy solution. Even if every curriculum has a reference point for the average amount of learning hours a student should need to cover a specific subject, there is no restriction on quantity for uploaded material. When we quantify the necessary learning hours of each different subject branch we are going to provide, then we can leave the choices to the students. The only requirement they would have to satisfy is a certain amount of learning hours. Students have to choose from a list of options in such a way that they fulfill this requirement by the curriculum.&lt;/p&gt;
&lt;p&gt;To provide a course design where all students have to learn the same material generates an anachronistic situation: We are living in times of opulence where for almost all products, many variants for individual choices are available. But not so in the educational sector where with cohort learning still the industrial mass production model is prevalent. It is time to change this now — and with online courses, we have already the appropriate learning environment for individualization ready at hand.&lt;/p&gt;



&lt;h2 id=&#34;résumé&#34;&gt;Résumé&lt;a href=&#34;#r%c3%a9sum%c3%a9&#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;Online courses should not only address learner looking for (non-)formal education and validated certificates but should also support the self-determined learner with its particular learning goals. Yes, my recommended educational strategy in the case mentioned above is a laboriously and hard-working solution in two aspects:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;You need to work out all different learning paths with their answers, examples, exercises, and tests.&lt;/li&gt;
&lt;li&gt;You need to provide an introductory section with a basic explanation of each branch so that students can make an informed decision.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I agree that these two requirements for the self-determined learner are additional work. But for MOOCs with their vast numbers of learners from different backgrounds, an individualized educational design would be valuable and economically feasible. Another advantage of the suggested instructional method to teach all approaches for a specific subject (e.g., ‘How to get data into the R environment?’) is that every one of these different procedures to choose from can be explained in exhaustive detail. As the various branches of the learning material separated in different self-contained modules, it is easy to add new methods or correct out-dated ones. With the proper design approach, each of these modules is an autonomous learning object that can be used in other (learning) contexts as well.&lt;/p&gt;



&lt;h2 id=&#34;references&#34;&gt;References&lt;a href=&#34;#references&#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;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Massive Open Online Course &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>RStudio Snippets for Markdown</title>
      <link>https://notes.peter-baumgartner.net/2019/06/12/rstudio-snippets-for-markdown/</link>
      <pubDate>Wed, 12 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/12/rstudio-snippets-for-markdown/</guid>
      <description>


&lt;h2 id=&#34;tutorial-for-rstudio-code-snippets&#34;&gt;Tutorial for RStudio code snippets&lt;a href=&#34;#tutorial-for-rstudio-code-snippets&#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;Code snippets are text macros which you can insert into your programs. They are used for repetitive tasks and can boost your productivity tremendously. Here I am not going to explain how to use it. There are already several good tutorials around:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;The official &lt;a href=&#34;https://support.rstudio.com/hc/en-us/articles/204463668-Code-Snippets&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;RStudio tutorial&lt;/a&gt; on code snippets&lt;/li&gt;
&lt;li&gt;A &lt;a href=&#34;https://datacritics.com/2019/01/28/rstudio-snippets/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Blog entry by Jake Daniels&lt;/a&gt;: How RStudio Snippets Improve My Productivity&lt;/li&gt;
&lt;li&gt;A &lt;a href=&#34;https://jozef.io/r906-rstudio-snippets/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Blog entry by Jozef Hajnala&lt;/a&gt;: 4 ways to be more efficient using RStudio&amp;rsquo;s Code Snippets, with 11 ready to use examples&lt;/li&gt;
&lt;li&gt;A &lt;a href=&#34;https://www.youtube.com/watch?v=h_i__VTSurU&amp;amp;list=PL7D2RMSmRO9JOvPC1gbA8Mc3azvSfm8Vv&amp;amp;index=28&amp;amp;t=141s&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Video by Sharon Machlis&lt;/a&gt;: R tip: Save time with RStudio code snippets (part of her video channel &lt;a href=&#34;https://www.youtube.com/playlist?list=PL7D2RMSmRO9JOvPC1gbA8Mc3azvSfm8Vv&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Do more with R&lt;/a&gt;)&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;eight-useful-reminders&#34;&gt;Eight useful reminders&lt;a href=&#34;#eight-useful-reminders&#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;In this post, I want to summarize some important details, which I learned laboriously after time-consuming trials:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;The Markdown section in the snippet editor works only with &lt;code&gt;.Rmd&lt;/code&gt; and &lt;code&gt;.Rmarkdown&lt;/code&gt; files. &amp;ndash; So if you are going to write just text (e.g., a blog entry) &lt;em&gt;and&lt;/em&gt; you want use RStudio snippets to insert shortcodes than you have to write into &lt;code&gt;.Rmd&lt;/code&gt; / &lt;code&gt;.Rmarkdown&lt;/code&gt; files.&lt;/li&gt;
&lt;li&gt;The snippets in the R section of the snippet editor are for code chunks whereas the snippets in the Markdown section work only in markdown text of &lt;code&gt;.Rmd&lt;/code&gt; / &lt;code&gt;.Rmarkdown&lt;/code&gt; files.&lt;/li&gt;
&lt;li&gt;To insert snippets in the Markdown part of &lt;code&gt;.Rmd&lt;/code&gt; / &lt;code&gt;.Rmarkdown&lt;/code&gt; files, you have to use SHIFT-TAB (and not just TAB as for R snippets in the code chunks).&lt;/li&gt;
&lt;li&gt;To write your snippets, you have to use the TAB key for indenting. 4 Spaces do not work!&lt;/li&gt;
&lt;li&gt;It is legitimate to write huge snippets for large code junks. For instance, you can write complex &lt;code&gt;ggplot2&lt;/code&gt; snippets as a kind of a template you are going to use frequently.&lt;/li&gt;
&lt;li&gt;For large code chunks, it may be preferable to write the snippets with the RStudio code pane. You can load the snippet files under &lt;code&gt;~/.R/r.snippets&lt;/code&gt; respectively ~&lt;code&gt;.R/markdown.snippets&lt;/code&gt; into RStudio.&lt;/li&gt;
&lt;li&gt;You can share you snippets sending these files to your colleagues and collaborators.&lt;/li&gt;
&lt;li&gt;Do not use names, which are difficult to type to call your snippets. For instance, to insert the markdown syntax for an image do not name it &amp;ldquo;![&amp;rdquo; but &amp;ldquo;ii&amp;rdquo; for example.&lt;/li&gt;
&lt;/ol&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=RStudio%20Snippets%20for%20Markdown%20%3A%3A%20Open%20Science%20Education&amp;amp;rft.source=RStudio%20Snippets%20for%20Markdown&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Code%20snippets%20are%20text%20macros%20which%20you%20can%20insert%20into%20your%20programs.%20They%20are%20used%20for%20repetitive%20tasks%20and%20can%20boost%20your%20productivity%20tremendously.%20After%20providing%20some%20link%20to%20tutorials%20about%20RStudio%20snippets%2C%20I%20am%20going%20to%20summarize%20eight%20reminders%20for%20practical%20usage.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F12%2Frstudio-snippets-for-markdown%2F&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2019-06-07&amp;amp;rft.language=EN&#39;&gt;&lt;/span&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=RStudio%20Snippets%20for%20Markdown%20::%20Open%20Science%20Education&amp;amp;rft.source=RStudio%20Snippets%20for%20Markdown&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Code%20snippets%20are%20text%20macros%20which%20you%20can%20insert%20into%20your%20programs.%20They%20are%20used%20for%20repetitive%20tasks%20and%20can%20boost%20your%20productivity%20tremendously.%20After%20providing%20some%20link%20to%20tutorials%20about%20RStudio%20snippets,%20I%20am%20going%20to%20summarize%20eight%20reminders%20for%20practical%20usage.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F12%2Frstudio-snippets-for-markdown&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>What is Open Science About?</title>
      <link>https://notes.peter-baumgartner.net/2019/06/12/what-is-open-science-about/</link>
      <pubDate>Wed, 12 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/12/what-is-open-science-about/</guid>
      <description>


&lt;h2 id=&#34;the-double-meaning-of-open-science&#34;&gt;The double meaning of &amp;lsquo;Open Science&amp;rsquo;&lt;a href=&#34;#the-double-meaning-of-open-science&#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 understand the challenges Open Science poses to civil society, scientists and the public alike have to focus on the double meaning of this term. On the one hand, it refers to a movement to make scientific knowledge publicly accessible for everybody, and on the other hand, it strives for open procedures in the knowledge creation itself.&lt;/p&gt;
&lt;p&gt;This second aspect (&amp;ldquo;to strive for open procedures in the knowledge creation&amp;rdquo;) is often not included in the definition of Open Science, or at least the significance of this goal is not appropriately valued. The following quotes illustrate our claim that the process facet of Open Science is frequently underdeveloped.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Open science is the movement to make scientific research (including publications, data, physical samples, and software) and its dissemination accessible to all levels of an inquiring society, amateur or professional. &lt;a href=&#34;https://en.wikipedia.org/w/index.php?title=Open_science&amp;amp;oldid=900178688&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikipedia&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Open data and content can be freely used, modified, and shared by anyone for any purpose. &lt;a href=&#34;https://opendefinition.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Open Definition&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;The first example is from Wikipedia, the most popular website featuring not only free content but also supporting community building for Open Knowledge. The immediately following quote is the short version of the famous &lt;em&gt;Open Definition&lt;/em&gt; by Open Knowledge Foundation, a global non-profit organization, dedicated to help civil society groups to access and use data to solve social problems.&lt;/p&gt;
&lt;p&gt;Accountable for not mentioning of the process components of Open Science is not the compact form of these two definitions, as can be seen by a more exhaustive wording in the next citation. The following third example uses the term &lt;em&gt;Open Knowledge&lt;/em&gt; instead of Open Science, but as explained further below we will not only show the equivalence of these two notions but argue that Open Knowledge is even the better concept.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;lsquo;Open knowledge&amp;rsquo; is any content, information or data that people are free to use, re-use and redistribute &amp;mdash; without any legal, technological or social restriction. We detail exactly what openness entails in the Open Knowledge Definition. The main principles are:&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;Free and open &lt;strong&gt;access&lt;/strong&gt; to the material&lt;/li&gt;
&lt;li&gt;Freedom to &lt;strong&gt;redistribute&lt;/strong&gt; the material&lt;/li&gt;
&lt;li&gt;Freedom to &lt;strong&gt;reuse&lt;/strong&gt; the material&lt;/li&gt;
&lt;li&gt;No restriction of the above based on who someone is (such as their job) or where they are (such as their country of residence) or their field of endeavour (including whether they are working on a commercial or non-commercial project)&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Open knowledge&lt;/strong&gt; is what open data becomes when it&amp;rsquo;s &lt;strong&gt;useful, usable and used&lt;/strong&gt; - not just that some data is open and can be freely used, but that it is useful &amp;ndash; accessible, understandable, meaningful, and able to help someone solve a real problem.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;So open knowledge is empowering &amp;ndash; it helps us effect change and improve the world.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Clearly, this an applaudable quote! It targets to foster social responsibility and civil society. But look at it in more detail: The focus is on &amp;lsquo;material&amp;rsquo; (= product), there are no references to the &lt;strong&gt;generation processes&lt;/strong&gt; of material. Taken verbatim it does not necessarily include &lt;em&gt;Open Research Workflow&lt;/em&gt;, &lt;em&gt;Open Methodology&lt;/em&gt;, &lt;em&gt;Open (Peer) Review&lt;/em&gt; or &lt;em&gt;Open Scholarship&lt;/em&gt;, to name just a few notions relevant in the making of knowledge. Knowledge does not sit around and wait to be picked up but emerges in a (controversial) construction process. (Latour, 2007)^[Latour, B. (2007). Reassembling the Social: An Introduction to Actor-Network-Theory (New Ed). Oxford University Press.]&lt;/p&gt;



&lt;h2 id=&#34;openness-as-conditia-qua-non-for-transparency&#34;&gt;Openness as conditia qua non for transparency&lt;a href=&#34;#openness-as-conditia-qua-non-for-transparency&#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;A better approach is, in our opinion, the definition by &lt;a href=&#34;https://www.fosteropenscience.eu&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Foster&lt;/a&gt;, an EU funded project:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Open Science is the practice of science in such a way that others can collaborate and contribute, where research data, lab notes and other research processes are freely available, under terms that enable reuse, redistribution and reproduction of the research and its underlying data and methods. &lt;a href=&#34;https://www.fosteropenscience.eu/foster-taxonomy/open-science-definition&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Foster&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;To embrace collaboration and contribution in the definition signifies that only access to the products is not enough and automatically includes the requirement that the &lt;em&gt;whole&lt;/em&gt; research process has to be open to qualify as transparent.&lt;/p&gt;
&lt;p&gt;What are the consequences of our insistence in transparent processes in all phases of the research endeavor? Transparency in its own right is crucial for reproducibility, a topic we will have to say a lot more later on. If one takes the double meaning of Open Science seriously, then it includes technology means (e.g., machine processing techniques) as well as behavior adaptation of institutions and scientists (e.g., social changes). If not only the product (the scientific findings) but also the process of knowledge production (the scientific workflow) has to take place without (social, technical, legal, etc.,) barriers, then research data and their interpretation must be transparent in every aspect. It covers the epistemological interest as the starting point, followed up by all kinds of manipulation and reprocessing until the findings get finally published.&lt;/p&gt;



&lt;h2 id=&#34;open-science-versus-free-or-libre-science&#34;&gt;Open Science versus Free or Libre Science&lt;a href=&#34;#open-science-versus-free-or-libre-science&#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;The openness in Open Science is not restricted to public access. Therefore, we cannot translate the term as &amp;lsquo;Public Science&amp;rsquo; without losing some of its meaning. Maybe &amp;ldquo;open&amp;rdquo; is the wrong qualifier in the first place? Richard Stallman argues extensively that Open Source is not the same as Free Software (see for instance &lt;a href=&#34;https://www.gnu.org/philosophy/free-sw.en.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;What is free software?&lt;/a&gt; or &lt;a href=&#34;https://www.gnu.org/philosophy/open-source-misses-the-point.en.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Why Open Source misses the point of Free Software&lt;/a&gt;). He explains that &amp;lsquo;free&amp;rsquo; is not a matter of price like in &amp;ldquo;free beer&amp;rdquo; but of freedom like in &amp;ldquo;free speech.&amp;rdquo; Looking for a better word, he suggests to use &lt;code&gt;Libre&lt;/code&gt;; a word borrowed from the French or Spanish language and where there is no confusion between &amp;lsquo;free&amp;rsquo; and &amp;lsquo;freedom.&amp;rsquo; Taken this line of reasoning into account: Perhaps we should also prefer to talk about &amp;ldquo;Free Science&amp;rdquo; or even better of &amp;ldquo;Libre Science&amp;rdquo; instead of &amp;ldquo;Open Science&amp;rdquo;?&lt;/p&gt;
&lt;p&gt;Assuming a holistic perspective and taking all mentioned three elements together &amp;ndash; access to the research products, access to the research process and the right (=freedom) to participate or collaborate &amp;ndash; has significant consequences: It calls for a cultural transition with a modified research practice (&lt;em&gt;Open Research Practice&lt;/em&gt;) and thus a new self-concept as a researcher (&lt;em&gt;Open Scholarship&lt;/em&gt;). And last not least, we will not only focus on some technical improvements but also on the need to change the power relations in our society.&lt;/p&gt;



&lt;h2 id=&#34;open-science-versus-open-knowledge&#34;&gt;Open Science versus Open Knowledge&lt;a href=&#34;#open-science-versus-open-knowledge&#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;The English terminology of &amp;lsquo;Open Science&amp;rsquo; has the disadvantage that with &amp;lsquo;Science&amp;rsquo; is meant the natural sciences predominantly. And indeed, the Open Science movement is far more prevalent and entrenched in the &lt;a href=&#34;https://en.wikipedia.org/w/index.php?title=Science,_technology,_engineering,_and_mathematics&amp;amp;oldid=900970900&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;STEM&lt;/a&gt; subjects (Science, Technology, Engineering and Mathematics than in &lt;a href=&#34;https://link.springer.com/content/pdf/10.1007%2Fs10734-009-9265-2.pdf&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;HASS&lt;/a&gt; (Humanities, Arts and Social Sciences) disciplines. As a result of this observation, &lt;a href=&#34;https://link.springer.com/chapter/10.1007%2F978-3-319-00026-8_5&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Michelle Sidler suggests&lt;/a&gt;:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;The movement should thus consider changing its moniker to open knowledge in order to include academic disciplines that do not self-identify as science (2014, 77).&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Although we doubt that the meager involvement of HASS in Open Science can be attributed solely to the chosen naming, Sidler&amp;rsquo;s suggestion is appealing for us. Even under the caveat that &amp;lsquo;Knowledge&amp;rsquo; also has a double meaning in English: &amp;lsquo;Knowledge&amp;rsquo; in the general understanding that some knowledge is already acquired and knowledge in the more philosophical sense of insight or discovery. In the first denotation, &amp;lsquo;Knowledge&amp;rsquo; refers to the ownership of a product, in the second to the process of acquisition. However, from our perspective, this is just a desired ambiguity!&lt;/p&gt;



&lt;h2 id=&#34;open-science-versus-escience&#34;&gt;Open Science versus eScience&lt;a href=&#34;#open-science-versus-escience&#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;Another misunderstanding arises from the notions of &amp;lsquo;Cyberscience,&amp;rsquo; &amp;lsquo;Science 2.0&amp;rsquo; and &amp;lsquo;eScience.&amp;rsquo;&lt;/p&gt;
&lt;p&gt;Although there are overlaps between Open Science and Science 2.0, we want to emphasize that these two terms are not congruent: Science 2.0 refers to collaborative processes using the so-called Web 2.0 and stresses, therefore, the elements of participation and sharing. It is legitimate to use the notion of &amp;lsquo;eScience&amp;rsquo; when, for instance, researchers work together with appropriate cloud-based software on a scientific contribution. But if the resulting publication is not freely available, then we cannot speak of &amp;lsquo;Open Science.&amp;rsquo;&lt;/p&gt;
&lt;p&gt;For Open Science, it is not decisive whether the research process takes place individually or collectively, but whether all activities are transparent and freely available and changeable. Yes, web-based technologies facilitate free availability, access, and transparency, but we should not confuse the possibilities and properties of tools with their final product. (See similar reasoning in Bartling and Friesike 2014, 8^[Bartling, S., &amp;amp; Friesike, S. (2014). Opening science: The evolving guide on how the internet is changing research, collaboration and scholarly publishing. Springer.]; Leibniz Research Alliance Science 2.0 2016^[Leibniz Research Alliance Science 2.0. (2016, May 27). Aim and scope | Leibniz Research Alliance Science 2.0. Retrieved October 8, 2018, from Leibniz-Forschungsverbund Science 2.0 website: &lt;a href=&#34;http://www.leibniz-science20.de/ueber-uns/aufgaben-und-ziele/&#34;&gt;http://www.leibniz-science20.de/ueber-uns/aufgaben-und-ziele/&lt;/a&gt;]).&lt;/p&gt;



&lt;h2 id=&#34;wrapping-up&#34;&gt;Wrapping up&lt;a href=&#34;#wrapping-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;/h2&gt;
&lt;p&gt;We have discussed several elements and approaches to defining Open Science. It turns out that this notion suffers from some inherent and implicit shortcoming. It would be better to use the term &amp;lsquo;Libre Knowledge&amp;rsquo; to avoid possible misunderstandings. But as the concept of &amp;lsquo;Libre Knowledge&amp;rsquo; is not widespread and in common use, for the sake of simplicity we will apply &amp;lsquo;Open Knowledge&amp;rsquo; or even &amp;lsquo;Open Science,&amp;rsquo; but in the broader meaning as we have outlined above.&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=What%20is%20Open%20Science%20About?%20::%20Open%20Science%20Education&amp;amp;rft.source=What%20is%20Open%20Science%20About?&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=By%20discussing%20different%20definitions%20of%20%E2%80%98Open%20Science%E2%80%99%20quoted%20in%20the%20literature,%20the%20post%20develops%20a%20particular%20perspective:%20We%20argue%20that%20openness%20must%20include%20not%20only%20scientific%20findings%20but%20also%20the%20process%20of%20knowledge%20creation.%20The%20article%20is%20the%20first%20of%20a%20series%20and%20contrasts%20a%20holistic%20understanding%20of%20Open%20Science%20with%20the%20concepts%20of%20eScience,%20Cyberscience%20or%20Science%202.0,%20Libre%20Science%20and%20Open%20respective%20Libre%20Knowledge.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F12%2Fwhat-is-open-science-about&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Grammarly: A Case Study</title>
      <link>https://notes.peter-baumgartner.net/2019/06/09/grammarly-a-case-study/</link>
      <pubDate>Sun, 09 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/09/grammarly-a-case-study/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://notes.peter-baumgartner.net/post/grammarly-improves-your-writing/&#34;&gt;In another post&lt;/a&gt;, I reported on my general experiences with &lt;a href=&#34;https://www.grammarly.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Grammarly&lt;/a&gt;. I commented on different use cases, mainly with text pieces from my blog writing. By contrast, this post here focuses on a case study with a literary text piece from a novel.&lt;/p&gt;
&lt;p&gt;I have taken the first 5,000 characters of a still unpublished German novel from a friend of mine. For an informed assessment, I am not just going to explain the different steps but will also provide the resulting text documents as attachments.&lt;/p&gt;



&lt;h2 id=&#34;the-different-phases-of-my-workflow&#34;&gt;The different phases of my workflow&lt;a href=&#34;#the-different-phases-of-my-workflow&#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 ran the text passage through &lt;a href=&#34;https://translate.google.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Translate&lt;/a&gt; and revised the text with Grammarly in two steps.&lt;/p&gt;
&lt;p&gt;&lt;img class=&#34;border shadow&#34; src=&#34;images/grammarly-after-google-translate-min.png&#34; alt=&#34;Screenshot of Grammarly alerts after Google Translate&#34;  width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;h4&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Screenshot of Grammarly alerts after Google Translate&lt;/h4&gt;&lt;/figcaption&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Step 1:&lt;/strong&gt; This is the German &lt;a href=&#34;files/step1_original-text-German.pdf&#34;&gt;original text&lt;/a&gt; passage.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Step 2:&lt;/strong&gt; The &lt;a href=&#34;files/step2_google-translate-English.pdf&#34;&gt;text after Google Translate&lt;/a&gt; (1 minute). In several passages, it is not understandable, and it feels awkward and clumsy.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Step 3:&lt;/strong&gt; Working through the text with &lt;a href=&#34;files/step3_grammarly-without-thinking.pdf&#34;&gt;Grammarly uncritically&lt;/a&gt;, e.g., without reading and thinking, only following Grammarly&amp;rsquo;s alerts (2 minutes). Grammarly comes up with 19 alerts, almost half of them about spelling (5) and punctuation (4). Grammarly does &lt;strong&gt;not&lt;/strong&gt; detect the incomprehensible sentences or clauses.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Step 4:&lt;/strong&gt; Working through the text with &lt;a href=&#34;files/step4_grammarly-with-thorougly-revision.pdf&#34;&gt;Grammarly thoroughly&lt;/a&gt;, e.g., finding (with &lt;a href=&#34;https://www.dict.cc/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;dict.cc&lt;/a&gt;) better suited vocabulary and changing sentence structures where appropriate to get a more correct and lively English (75 minutes).&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;p&gt;I believe the final text is much better; even it is still imperfect and flawed. Please keep in mind that I am not an English native speaker.&lt;/p&gt;
&lt;p&gt;The essential conclusion I want to draw after this experiment: The resulting text passage is in a quality I would have never achieved without the three tools I mentioned: &lt;code&gt;Google Translate,&lt;/code&gt; &lt;code&gt;dict.cc,&lt;/code&gt; and &lt;code&gt;Grammarly&lt;/code&gt;].&lt;/p&gt;
&lt;p&gt;&lt;img class=&#34;border shadow&#34; src=&#34;images/grammarly-pricing-min.png&#34; alt=&#34;Screenshot of Grammarly plans and pricing&#34;  width=&#34;100%&#34;/&gt; &lt;figcaption&gt;&lt;h4&gt;&lt;strong&gt;Figure 2:&lt;/strong&gt; Screenshot of Grammarly plans and pricing&lt;/h4&gt;&lt;/figcaption&gt;&lt;/p&gt;



&lt;h2 id=&#34;comments-desired&#34;&gt;Comments desired!&lt;a href=&#34;#comments-desired&#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 would love to get comments from you:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;If you are a German native speaker: What do you think about the quality of the result concerning the time needed?&lt;/li&gt;
&lt;li&gt;If you are an English native speaker: Would you confirm that the Google Translator text is clumsy and in some passage not understandable? And first and foremost: Is the quality of the final version not all that bad and tolerable?&lt;/li&gt;
&lt;li&gt;If you are neither a German nor English native speaker: What do you think about the final result respective to your English language skills? Would you think that Grammarly could improve your English?&lt;/li&gt;
&lt;li&gt;And to all of you: Did the final text passage entice you to read more of the book? Should my friend invest 140 bucks to buy the premium version of Grammarly for one year and spend her leisure time to publish her novel?&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;/ul&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=Grammarly:%20A%20Case%20Study%20::%20Open%20Science%20Education&amp;amp;rft.source=Grammarly:%20A%20Case%20Study&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=[In%20another%20post](/2019/06/07/grammarly-improves-your-writing),%20I%20reported%20on%20my%20general%20experiences%20with%20[Grammarly](https://www.grammarly.com).%20I%20commented%20on%20different%20use%20cases,%20mainly%20with%20text%20piece%20from%20my%20blog%20writing.%20By%20contrast,%20this%20post%20here%20focuses%20on%20a%20case%20study%20with%20a%20literary%20text%20piece%20from%20a%20novel.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F09%2Fgrammarly-a-case-study&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Just a rough calculation: For 5,000 characters I needed all in all about 80 minutes. My friend&amp;rsquo;s English is better so that she would be possibly faster (and better) in the translation. But let us continue the calculation with 80 minutes. The novel has 450,000 characters = 90 x 5,000 character, i.e., 90 x 80 minutes = 8,100 minutes or 135 hours or 27 working days á 5 hours. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Grammarly improves your writing</title>
      <link>https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/</link>
      <pubDate>Fri, 07 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/</guid>
      <description>


&lt;h2 id=&#34;my-story-with-grammarly&#34;&gt;My story with Grammarly&lt;a href=&#34;#my-story-with-grammarly&#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 article reports on my experiences with the premium version of Grammarly, an AI-powered web service for grammar and spell checking. As this is going to be a very positive review, I feel the obligation to publicly disclose that I am not in any way affiliated with Grammarly Inc., the enterprise behind this product.&lt;/p&gt;
&lt;p&gt;It was almost exactly one year ago in June 2018 when I learned the first time about Grammarly. I cannot remember anymore, why I stumbled over Grammarly. At first, I used it only with the free plan experimentally for some of my English writing on the web. I have to confess that I was very skeptical about the practical usefulness of this kind of app.&lt;/p&gt;
&lt;p&gt;But after some tests, I was surprised about the quality of the suggestions. Grammarly was quite helpful as it gave me not only corrections for words spelled wrongly but also tips and ideas for a better style in English writing. At the same time, Grammarly told me not only how many improvements it has already suggested to me for a specific text passage, but also how many more suggestions would be in the premium version. Clearly enough, this was a sales gimmick, but a well-done one! I became curious about these other recommendations and signed finally up in August 2018 for the Premium version. At that time, it was still &lt;code&gt;US$ 62,98&lt;/code&gt; for a year, but in the meantime, the price has more than doubled (&lt;code&gt;US$ 139,95&lt;/code&gt;) for the yearly subscription. I didn&amp;rsquo;t regret it!&lt;/p&gt;



&lt;h2 id=&#34;use-cases-illustrated-by-screenshots&#34;&gt;Use cases illustrated by screenshots&lt;a href=&#34;#use-cases-illustrated-by-screenshots&#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;Besides spell and grammar, Grammarly also helped me with style issues and even to find the right tone to address a particular audience. As a non-native speaker, it is difficult for me to judge any English improvements. But from reading much English literature, I&amp;rsquo;ve got the feeling that my English writing has improved tremendously.&lt;/p&gt;
&lt;p&gt;I do not intend to write a tutorial for Grammarly, but I will give you some examples of use cases, illustrated by screenshots.&lt;/p&gt;



&lt;h3 id=&#34;use-case-1-an-already-published-article&#34;&gt;Use case 1: An already published article&lt;a href=&#34;#use-case-1-an-already-published-article&#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 took a &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/10/17/what-is-obvious-and-for-whom/&#34;&gt;lengthy article&lt;/a&gt; (about 2.500 words), which I had published two years ago. I copied the markdown formatted text directly into the web interface of Grammarly. This article has a somewhat philosophical flavor so that technical concepts, which Grammarly has not in its dictionary, didn&amp;rsquo;t play a role. I had the text already cleaned up form spelling errors using RStudio&amp;rsquo;s spell checker. Nevertheless, Grammarly came up with more than 125 suggestions for improvements. I didn&amp;rsquo;t think that my English is so bad. How embarrassing!&lt;/p&gt;
&lt;p&gt;When I inspected the text in detail, it turned out, that 19 suggested &amp;ldquo;improvements&amp;rdquo; weren&amp;rsquo;t useful, as they addressed quotes from English books by famous people like &lt;a href=&#34;https://www.newworldencyclopedia.org/entry/Michael_Polanyi&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Michael Polanyi&lt;/a&gt; or &lt;a href=&#34;https://www.iep.utm.edu/wittgens/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Ludwig Wittgenstein&lt;/a&gt;. Another four recommendations related to markdown formatted text, where corrections would have resulted in syntax errors. But still there remained about 100 helpful tips! Statistically, Grammarly advised me about possible improvements every 25 words. I was shocked, and even a little depressed!&lt;/p&gt;














&lt;figure  id=&#34;figure-grammarly-suggests-and-explains-a-possible-improvement&#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;Screenshot how Grammarly suggests a writing improvement&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot01-min_huc60b0cbb94a93533827a5e1e061410fd_94019_4c17b4c562437075634d89ff327a530c.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot01-min_huc60b0cbb94a93533827a5e1e061410fd_94019_8e177a94812ab1668acef6b92b70e2cb.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot01-min_huc60b0cbb94a93533827a5e1e061410fd_94019_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot01-min_huc60b0cbb94a93533827a5e1e061410fd_94019_4c17b4c562437075634d89ff327a530c.png&#34;
               width=&#34;760&#34;
               height=&#34;486&#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;
      Grammarly suggests and explains a possible improvement
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;You see on the right top of the screenshot the number of alerts or warnings (= 120). Grammarly suggests finding a more common synonym for &amp;ldquo;emphatically&amp;rdquo; and explains with examples why it is maybe not the best choice. As all recommendations didn&amp;rsquo;t quite fit for my writing intention, I decided to delete this &amp;ldquo;overly complex&amp;rdquo; word without a substitution.&lt;/p&gt;



&lt;h3 id=&#34;use-case-2-german-text-translated-via-google-translate&#34;&gt;Use case 2: German text translated via Google Translate&lt;a href=&#34;#use-case-2-german-text-translated-via-google-translate&#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 transcribed a &lt;a href=&#34;https://notes.peter-baumgartner.net/2019/06/05/physik-libre-a-bookdown-project/&#34;&gt;German interview with Michael Rundel&lt;/a&gt; and ran the text through &lt;a href=&#34;https://translate.google.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Translate&lt;/a&gt;. I believe, &lt;code&gt;Google Translate&lt;/code&gt; has already overcome its start-up difficulties. Nowadays, I think, its translation is pretty good. But the writing must still be reviewed by a human.&lt;/p&gt;
&lt;p&gt;As you can see in the image below, Grammarly recommended after an &lt;em&gt;unpolished&lt;/em&gt; Google Translation from German to English a slightly better rate of improvements per word: 1892 words (bottom-left) with 104 tips (top-right) which accounts for one suggestion every 18 words.&lt;/p&gt;














&lt;figure  id=&#34;figure-grammarly-alerts-in-a-machine-translated-text&#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;Screenshot how Grammarly improves a machine-translated text&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot02-min_hu8fc7d2a08a6d74da5b2f60cbf847ce43_89380_0bede485841c7cece8b20bef1221a1ab.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot02-min_hu8fc7d2a08a6d74da5b2f60cbf847ce43_89380_4a4ab820fd1e461280156159972c8c87.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot02-min_hu8fc7d2a08a6d74da5b2f60cbf847ce43_89380_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot02-min_hu8fc7d2a08a6d74da5b2f60cbf847ce43_89380_0bede485841c7cece8b20bef1221a1ab.png&#34;
               width=&#34;760&#34;
               height=&#34;397&#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;
      Grammarly alerts in a machine-translated text
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;If you subtract the high number of 37 tips for punctuation issues (third line in the alerts list) &amp;ndash; which partly are markdown formatting requirements and partly are differences between American and English punctuation rules &amp;ndash; then the ratio improves to 1 tip for every 28 words. Admittedly this calculation is done under the caveat that after Google Translate, one has more sentences to restructure or to reformulate completely. But you can use Grammarly to implement these changes fairly quickly.&lt;/p&gt;
&lt;p&gt;This calculation startles. Instead of struggling to formulate an English text from scratch and then to polish it with Grammarly, it appears to be more efficient &amp;ndash; at least for me &amp;ndash; to use another workflow: Writing my thoughts in a German paper -&amp;gt; than to translate it with Google Translate -&amp;gt; and finally using Grammarly to polish it.&lt;/p&gt;
&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;Write the text in German&lt;br /&gt;&lt;/li&gt;
&lt;li&gt;Translate it with Google Translate&lt;br /&gt;&lt;/li&gt;
&lt;li&gt;Polish it with Grammarly&lt;br /&gt;&lt;/li&gt;
&lt;li&gt;Publish it with Bookdown /Blogdown&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
&lt;p&gt;But this reasoning is not entirely correct: The first version of the English text could already be done with Grammarly and would save one complete phase of the mentioned workflows. At least, I believe, this is valid for technical writing, where writing in English is not so complicated grammatically and therefore faster. But for publications in the Humanities, the workflow with Google Translate would be perhaps the better choice.&lt;/p&gt;



&lt;h3 id=&#34;use-case-3-writing-english-directly-with-grammarly&#34;&gt;Use case 3: Writing English directly with Grammarly&lt;a href=&#34;#use-case-3-writing-english-directly-with-grammarly&#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 write text &amp;ldquo;live&amp;rdquo; in Grammarly has several advantages:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly gives you immediately a short explanation for every alert so that you can reformulate or restructure your document instantly.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-grammarly-explains-every-current-alert-briefly-and-succinctly&#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;Screenshot of an alert by Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot03-min_hu18063bc686a8c3d87f83aef6ae384f0e_24040_8ac9825647cbe5b26ab56a5d02cc1da1.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot03-min_hu18063bc686a8c3d87f83aef6ae384f0e_24040_eff1f5bfae23017cba77269d94253a6b.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot03-min_hu18063bc686a8c3d87f83aef6ae384f0e_24040_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot03-min_hu18063bc686a8c3d87f83aef6ae384f0e_24040_8ac9825647cbe5b26ab56a5d02cc1da1.png&#34;
               width=&#34;760&#34;
               height=&#34;234&#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;
      Grammarly explains every current alert briefly and succinctly
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly offers on-demand also longer clarifications and examples. So you can learn better writing &lt;em&gt;during&lt;/em&gt; writing.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-if-required-you-can-get-from-grammarly-a-more-profound-explication-with-examples&#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;Screenshot of an alternate explanation by Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot04-min_huec6811f22452692c70cef3426422645e_58399_c697bf008bedfbda980c051ac8b0c3bf.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot04-min_huec6811f22452692c70cef3426422645e_58399_ccc936c2c9b35dbff1f38b45b0ac0d55.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot04-min_huec6811f22452692c70cef3426422645e_58399_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot04-min_huec6811f22452692c70cef3426422645e_58399_c697bf008bedfbda980c051ac8b0c3bf.png&#34;
               width=&#34;760&#34;
               height=&#34;427&#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;
      If required you can get from Grammarly a more profound explication with examples
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly tutors you about the English language. This educational approach comes in handy when you notice that Grammarly often complains in similar situations. For instance, I didn&amp;rsquo;t know that there are different punctuation rules in American and British English. As I had written the lengthy text outside of Grammarly, I had to go through the whole article and change all occurrences of wrong punctuations one by one. If I had known these different rules, I would have to use the correct rules already in writing the draft version.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-grammarly-offers-on-some-subjects-short-tutorials&#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;Screenshot of a short tutorial presented by Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot05-min_hu2154fec322df96c6a2aa2c847badde71_48996_65c7a7aa325d925b640886ef9fb71d92.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot05-min_hu2154fec322df96c6a2aa2c847badde71_48996_14d93cd40278b3dd568c2064f674baaf.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot05-min_hu2154fec322df96c6a2aa2c847badde71_48996_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot05-min_hu2154fec322df96c6a2aa2c847badde71_48996_65c7a7aa325d925b640886ef9fb71d92.png&#34;
               width=&#34;760&#34;
               height=&#34;485&#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;
      Grammarly offers on some subjects short tutorials
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly supports different kinds of workflows: In the default configuration, Grammarly jumps automatically from one suggestion to the next. It is a good strategy for papers already written in English. But if you are writing directly within Grammarly, it is better to turn off this feature as it destroys the writing flow. Then you can select the recommendation you want to look at individually, and Grammarly jumps to the related text passage. A third option is to work on all tips concerning a specific category (e.g., spelling, grammar, punctuation, clarity, etc.) As you don&amp;rsquo;t have to jump from one type of problem to another one, the focus of one category of alerts speeds up the correction.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-working-with-grammarly-on-alerts-type-punctuation&#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;Screenshot of alerts from type &amp;#39;Punctuation&amp;#39;&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot12-min_hu311615c38cafff54d6ce698439baa4cc_82074_ac66d5ef7f02e4ab406056f3083fca45.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot12-min_hu311615c38cafff54d6ce698439baa4cc_82074_cc474cbbcb226272625feb7a773b6066.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot12-min_hu311615c38cafff54d6ce698439baa4cc_82074_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot12-min_hu311615c38cafff54d6ce698439baa4cc_82074_ac66d5ef7f02e4ab406056f3083fca45.png&#34;
               width=&#34;760&#34;
               height=&#34;305&#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;
      Working with Grammarly on alerts type &amp;lsquo;Punctuation&amp;rsquo;
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly opens a window with synonyms when you double click on a word in your text.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-grammarly-window-to-choose-from-a-suggested-synonym&#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;Screenshot of a window in Grammarly for choosing a suggested synonym&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot10-min_hu6e77203222432f6d05dc46b8e6554940_20077_2ddc465f12812865d0de7d0dbf281d6d.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot10-min_hu6e77203222432f6d05dc46b8e6554940_20077_5b72e0e12ddcd7f5aeb7c383a607fdb1.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot10-min_hu6e77203222432f6d05dc46b8e6554940_20077_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot10-min_hu6e77203222432f6d05dc46b8e6554940_20077_2ddc465f12812865d0de7d0dbf281d6d.png&#34;
               width=&#34;646&#34;
               height=&#34;430&#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;
      Grammarly window to choose from a suggested synonym
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly also offers recommendations to improve your writing style. The following screenshot presents my first try to begin this article. Grammarly analyzed it as a tedious text passage. This example demonstrates that Grammarly is far more than just a garden-variety of a spell or grammatic checker.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-screenshot-of-a-grammarly-window-with-alert-about-a-boring-text-passage&#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;Screenshot of a Grammarly window with alert about a boring text passage&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot09-min_hud935701da3d300230ae32d62cdbbbb96_50550_19a553417c4e9ad42f407a7e2261527c.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot09-min_hud935701da3d300230ae32d62cdbbbb96_50550_7a89e0f82d1ec1acf168d71fddf6bf09.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot09-min_hud935701da3d300230ae32d62cdbbbb96_50550_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot09-min_hud935701da3d300230ae32d62cdbbbb96_50550_19a553417c4e9ad42f407a7e2261527c.png&#34;
               width=&#34;760&#34;
               height=&#34;415&#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;
      Screenshot of a Grammarly window with alert about a boring text passage
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly varies its suggestions according to your writing goals. You can choose your intention, subject domain, target audience, your writing intention, your style (formal/informal), and even about the emotional flavor of your writing. Some of these features are still experimental, and I have to confess that I did not know when to choose what. I assume that my English is not good enough to use these advanced configurations.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-grammarly-varies-its-alerts-according-to-your-chosen-writing-style&#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;Screenshot to your chosen writing style in Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot11-min_hu7af0adb8032b0072aa63a0ccb1fa3e59_14975_12f79498e015c365f658ebb985308743.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot11-min_hu7af0adb8032b0072aa63a0ccb1fa3e59_14975_5a4d0b071ae93c08b8947039c6a10ebe.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot11-min_hu7af0adb8032b0072aa63a0ccb1fa3e59_14975_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot11-min_hu7af0adb8032b0072aa63a0ccb1fa3e59_14975_12f79498e015c365f658ebb985308743.png&#34;
               width=&#34;500&#34;
               height=&#34;597&#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;
      Grammarly varies its alerts according to your chosen writing style
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Grammarly can seamlessly be integrated via a browser plugin into types of web content (e.g., fora, web editing). But it seems to me that these possibilities are sparse. Yes, there is an add-in for Microsoft Word, but &lt;a href=&#34;https://www.grammarly.com/office-addin/mac&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;only for Windows&lt;/a&gt;. In WordPress, Grammarly does not work with the visual editor, you have instead to use the code editor. Likewise, you can&amp;rsquo;t use Grammarly with markdown files in RStudio or other text editors. But these shortages are not limitations as you can always write your book or article in the Grammarly cloud and then copy the text into your editor of choice. Grammarly stores your document in short time intervals, so you don&amp;rsquo;t have to worry to loose parts of your work. You can go back to unfinished articles at a later time and finish it for publication.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-my-personal-desktop-in-grammarly&#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;Screenshort of my personal desktop in Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot07-min_hu7d2aeb96bd50a2aa70ebbb655c833590_109789_7ecd0985fa04c38b85dbef271831ce69.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot07-min_hu7d2aeb96bd50a2aa70ebbb655c833590_109789_05c80695600194cb70d2bdf4879d7def.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot07-min_hu7d2aeb96bd50a2aa70ebbb655c833590_109789_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot07-min_hu7d2aeb96bd50a2aa70ebbb655c833590_109789_7ecd0985fa04c38b85dbef271831ce69.png&#34;
               width=&#34;760&#34;
               height=&#34;597&#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;
      My personal desktop in Grammarly
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;I prefer to work with the browser extension, as it always presents the same user interface. Besides, it unleashes the full power of Grammarly. All screenshots in this post show the Grammarly editor in the browser, Google Chrome, in my case. But there are also plugins for Firefox, Safari, and Edge. All these browser extensions are free, and you can use Grammarly with limited functionality at no charge as well.&lt;/p&gt;



&lt;h2 id=&#34;other-similar-products&#34;&gt;Other similar products&lt;a href=&#34;#other-similar-products&#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;Finally, I should add that during the research of this article, I noticed that there are a couple of web services with related functionality available. The high number of recent articles about grammar apps insinuates a big market for this kind of service:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://www.lifewire.com/best-spelling-and-grammar-check-apps-4176088&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The 5 Best Spelling and Grammar Check Apps of 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://justpublishingadvice.com/the-best-12-free-grammar-check-and-grammar-corrector-apps/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The 13 Best Free Grammar Check And Grammar Corrector Apps&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.triveditech.com/spelling-and-grammar-checker-apps/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Spell and Grammar checker apps like Grammarly 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://financesonline.com/top-20-grammar-checker-software-solutions/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;20 Best Grammar Checker Software Solutions for 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://medium.com/@samjh715/7-best-spelling-and-grammar-check-apps-of-2019-b93465f2b567&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;7 Best Spelling And Grammar Check Apps Of 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://en.softonic.com/solutions/what-are-the-best-grammar-and-spelling-autocorrecting-apps&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;What are the best grammar and spelling autocorrecting apps?&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://masterblogging.com/online-grammar-checker-tools/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;7 Best Online Grammar and Punctuation Checker Tools For Error-Free Writing&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.toptenreviews.com/best-online-grammar-checker&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Best Online Grammar Check Websites of 2019&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;



&lt;h2 id=&#34;wrapping-up&#34;&gt;Wrapping up&lt;a href=&#34;#wrapping-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;/h2&gt;
&lt;p&gt;All in all, I&amp;rsquo;m delighted with Grammarly. In my opinion, it is a beneficial tool for the non-native writer. It improves your writing for the web (e.g., posting in blogs or commenting in fora) but also for printed papers and books. It has many cute and even some outstanding features. Even with Grammarly, I am still not wholly comfortable to write in English, but at least I am stressed about it anymore.&lt;/p&gt;
&lt;p&gt;I do not claim that Grammarly is the best product, as I do not know the other apps and have therefore no comparison. But in most of the reviews mentioned above, Grammarly is top ranked. It is undoubtedly the app with the biggest user base (over 10 Mio.).&lt;/p&gt;
&lt;p&gt;Last, but not least, I would like to add that Grammarly is not idiot-proof. You have to make your choices, looking up other dictionaries to find better wording. (I am happy using all the time &lt;a href=&#34;https://www.dict.cc/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;dict.cc&lt;/a&gt;). You have to be aware that even if Grammarly is AI driven, it does not understand your writing in the human sense. If you are writing a dumb and meaningless article, Grammarly cannot improve your reasoning and arguments. I noticed, for instance, that Grammarly sometimes had overlooked a missing word, an error a human would immediately see. And sometimes Grammarly is wrong with its suggestions as the last screenshot demonstrates. But these rare cases are easy to judge and correct.&lt;/p&gt;














&lt;figure  id=&#34;figure-grammarly-is-not-idiot-proof-your-own-intelligent-judgement-is-still-required&#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;Screenshot of a wrong recommendation by Grammarly&#34; srcset=&#34;
               /2019/06/07/grammarly-improves-your-writing/images/screenshot08-min_hu08f7423ff66dc337333675a3fee3387e_52874_826426faa6470891fd4d614df7330250.png 400w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot08-min_hu08f7423ff66dc337333675a3fee3387e_52874_6997d2444eec538591a87c78c1b616f8.png 760w,
               /2019/06/07/grammarly-improves-your-writing/images/screenshot08-min_hu08f7423ff66dc337333675a3fee3387e_52874_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2019/06/07/grammarly-improves-your-writing/images/screenshot08-min_hu08f7423ff66dc337333675a3fee3387e_52874_826426faa6470891fd4d614df7330250.png&#34;
               width=&#34;760&#34;
               height=&#34;246&#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;
      Grammarly is not idiot-proof. Your own intelligent judgement is still required.
    &lt;/figcaption&gt;&lt;/figure&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=Grammarly%20improves%20your%20writing%20::%20Open%20Science%20Education&amp;amp;rft.source=Grammarly%20improves%20your%20writing&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20article%20reports%20on%20my%20experiences%20with%20the%20premium%20version%20of%20Grammarly,%20an%20AI-powered%20web%20service%20for%20grammar%20and%20spell%20checking.%20As%20this%20is%20going%20to%20be%20a%20very%20positive%20review,%20I%20want%20to%20disclose%20that%20I%20am%20not%20affiliated%20in%20any%20way%20with%20Grammarly%20Inc.,%20the%20enterprise%20behind%20this%20product.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F07%2Fgrammarly-improves-your-writing&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Physik Libre:  A bookdown project</title>
      <link>https://notes.peter-baumgartner.net/2019/06/05/physik-libre-a-bookdown-project/</link>
      <pubDate>Wed, 05 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/05/physik-libre-a-bookdown-project/</guid>
      <description>&lt;p&gt;The article is an interview with Michael Rundel. Michael is a teacher at a grammar school in Vienna/Austria and teaches physics, computer science, and media design. He talks about his experiences with &lt;a href=&#34;https://bookdown.org/yihui/bookdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;bookdown&lt;/a&gt; in writing Physik Libre ( &lt;a href=&#34;https://physikbuch.schule/&#34;&gt;https://physikbuch.schule/&lt;/a&gt;), a new textbook on physics. His project is a practical implementation of cross-media publishing with &lt;code&gt;bookdown&lt;/code&gt;, which I had described in my &lt;a href=&#34;https://peter.baumgartner.name/schlagwort/cmp/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;7-part German tutorial&lt;/a&gt; on my other blog &lt;a href=&#34;https://peter.baumgartner.name&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Gedankensplitter&lt;/a&gt;.&lt;/p&gt;



&lt;h2 id=&#34;status-of-the-following-interview&#34;&gt;Status of the following interview&lt;a href=&#34;#status-of-the-following-interview&#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 article is an interview with Michael Rundel. Michael is a teacher at a grammar school in Vienna/Austria and teaches physics, computer science, and media design. He talks about his experiences with blogdown in writing Physik Libre ( &lt;a href=&#34;https://physikbuch.schule/&#34;&gt;https://physikbuch.schule/&lt;/a&gt;), a new textbook on physics. His project is a practical implementation of cross-media publishing with &lt;code&gt;bookdown&lt;/code&gt;, which I had described by in my &lt;a href=&#34;https://peter.baumgartner.name/schlagwort/cmp/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;7-part German tutorial&lt;/a&gt; on my other blog &lt;a href=&#34;https://peter.baumgartner.name&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Gedankensplitter&lt;/a&gt;.&lt;/p&gt;














&lt;figure class=&#34;floatleft&#34; id=&#34;figure-michael-rundel-cc-by-michael-rundel&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/michael-rundel-min.jpg?classes=border,%20shadow&#34; alt=&#34;Photo of Michael Rundel&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Michael Rundel (CC-BY Michael Rundel)
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The interview took place two years ago, but I didn&amp;rsquo;t find until now the time to translate it into English and to publish the article in this weblog. I asked the questions in German via email and translated the text with the help of &lt;a href=&#34;https://translate.google.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google Translate&lt;/a&gt;, &lt;a href=&#34;https://dict.cc&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;dict.cc&lt;/a&gt;, and &lt;a href=&#34;https://thesarus.com&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;thesarus.com&lt;/a&gt;. Where it was useful, I have links provided the first time the concept or software was mentioned. Subsequently, I have these same notions marked as red text. I edited the article with the premium version of &lt;a href=&#34;https://www.grammarly.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Grammarly&lt;/a&gt;. If you are a native English speaker, I would be happy to know about the mistakes in grammar or other language issues. Please use the &lt;code&gt;Edit Page&lt;/code&gt; button on the top right corner to provide improvement via a pull request to my &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; repository.&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;ve gotten to know Michael during one of my talks about the free software environment for statistical computing and graphics R at Danube University Krems. In this talk titled &amp;ldquo;The many faces of R,&amp;rdquo; I demonstrated to (mostly computer science) teachers the many different use cases of R, driven by special R packages like &lt;code&gt;bookdown&lt;/code&gt;. When people wanted to see a practical demonstration for school purposes, Michael came to the front and presented &lt;code&gt;Physik Libre&lt;/code&gt;. I was delighted not only to have a school-based example but also to find a colleague near my hometown who is also working with &lt;code&gt;bookdown&lt;/code&gt;.&lt;/p&gt;



&lt;h2 id=&#34;why-another-physics-book&#34;&gt;Why another physics book?&lt;a href=&#34;#why-another-physics-book&#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;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; There are so many physics books why write one more?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;There is already a very long tradition of Open Education Resources (OER) in the US. A couple of years ago I found English free physics books for study and teaching (for example &lt;a href=&#34;https://cnx.org/contents/MymQBhVV@175.14:VbwW0hKB@13/Why-yet-another-course-in-physics&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Physics for K-12&lt;/a&gt; (Sunil Kumar Singh), &lt;a href=&#34;http://scipp.ucsc.edu/outreach/index2.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;People&amp;rsquo;s Physics Book&lt;/a&gt;, &lt;a href=&#34;https://www.ck12.org/book/CK-12-Physics-Intermediate/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;CK-12 Physics - Intermediate&lt;/a&gt;, &amp;hellip;). In German-speaking countries, there was something like that not yet. In the meantime, I have found with &lt;a href=&#34;https://physikunterricht-online.de/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Physikunterricht Online&lt;/a&gt; an exciting project in the German-speaking area. But in my opinion it does not go far enough: There are more possibilities for interactive usage nowadays. And I want to build the most state-of-the-art physics book available for students.&lt;/p&gt;
&lt;p&gt;We can see many extremely positive developments in recent years: web technologies have matured, projects like &lt;a href=&#34;https://www.gitbook.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Gitbook&lt;/a&gt; allow you to create documents with minimal effort, we now have a variety of free program tools and &lt;a href=&#34;https://creativecommons.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Creative Commons&lt;/a&gt; licensed &lt;a href=&#34;https://www.oercommons.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;more than 1.1 billion media available&lt;/a&gt; on different &lt;a href=&#34;https://www.smartcopying.edu.au/open-education/creative-commons/creative-commons-information-pack-for-teachers-and-students/quick-reference-guide-to-finding-creative-commons-material&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;websites and repositories for educational purposes&lt;/a&gt; available , and collaborative platforms like &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt;, &lt;a href=&#34;https://about.gitlab.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitLab&lt;/a&gt; or &lt;code&gt;Bitbucket&lt;/code&gt; are no longer used exclusively by programmers.&lt;/p&gt;



&lt;h2 id=&#34;physik-libre-as-proof-of-concept&#34;&gt;Physik Libre as &amp;ldquo;Proof of Concept&amp;rdquo;&lt;a href=&#34;#physik-libre-as-proof-of-concept&#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;With &lt;code&gt;Physik Libre&lt;/code&gt; I want to show what is possible today with the latest technology using the example of a physics book for the secondary school. It is a proof of concept &amp;ndash; if you will. The last few years of Linux have shaped me, I&amp;rsquo;m afraid. The following points are important to me personally for the implementation of the project:&lt;/p&gt;














&lt;figure class=&#34;floatright&#34; id=&#34;figure-page-of-physik-libre-on-a-smartphone&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/physik-browser-smartphone-min-576x1024.jpg?classes=border,%20shadow&#34; alt=&#34;Page of &amp;#39;Physik Libre&amp;#39; on a smartphone&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Page of &amp;lsquo;Physik Libre&amp;rsquo; on a smartphone
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;ul&gt;
&lt;li&gt;Device-independent (Smart TV, PC, notebook, tablet, smartphone, e-book reader, print)&lt;/li&gt;
&lt;li&gt;Operating system independent (web browser, ePub reader, PDF reader)&lt;/li&gt;
&lt;li&gt;Free Standards (HTML, JS, CSS, ePub, PDF)&lt;/li&gt;
&lt;li&gt;Free Licenses (CC-BY-SA 4.0, GPL 2)&lt;/li&gt;
&lt;li&gt;Free Software supporting online publications like &lt;code&gt;bookdown&lt;/code&gt;, &lt;a href=&#34;https://www.gitbook.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitBook&lt;/a&gt;, &lt;a href=&#34;https://www.r-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R&lt;/a&gt;, &lt;a href=&#34;https://pandoc.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;pandoc&lt;/a&gt;, &lt;a href=&#34;https://www.latex-project.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;LaTeX&lt;/a&gt;, &lt;a href=&#34;https://www.lyx.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;LyX&lt;/a&gt;, &lt;a href=&#34;https://inkscape.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Inkscape&lt;/a&gt;, etc., sharing all their material on free accessible repositories (&lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; / &lt;a href=&#34;https://about.gitlab.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Gitlab&lt;/a&gt; / &lt;a href=&#34;https://bitbucket.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Bitbucket&lt;/a&gt;)&lt;/li&gt;
&lt;li&gt;Free access and respect for privacy (no accounts, no registration, no tracking)&lt;/li&gt;
&lt;li&gt;Contemporary (full-text search, sharing function, etc.) multilingual approach.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; What was the origin of your idea to write an online book?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;Since my students days in the 1990ties, I have tinkered with web technology. Although I was always impressed what is achievable by combining HTML+JavaScript I never dreamed of the possibility of building full applications like &lt;a href=&#34;https://www.google.at/maps&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Google maps&lt;/a&gt; or &lt;a href=&#34;https://www.tinkercad.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tinkercad&lt;/a&gt; by using pure web technologies.&lt;/p&gt;
&lt;p&gt;In Austria, the current so-called &lt;em&gt;digital schoolbook&lt;/em&gt; of today is a PDF document put on the internet. There is much more possible with today&amp;rsquo;s web technology. &lt;strong&gt;Much&lt;/strong&gt; more!&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; Could you give me a short overview of the historical development and the different phases of your project?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;The idea was roughly born three years ago when I was experimenting with the &lt;a href=&#34;https://en.wikipedia.org/wiki/Canvas_element&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;canvas element&lt;/a&gt;, which I was using in my physics applets. This technology helped me to abandon flash applets. Don&amp;rsquo;t get me wrong! &amp;ndash; Flash was a neat tool in its time, and I loved working with it. But it always felt like a workaround, and furthermore, it was proprietary software. At that time (2016), I thought there are all building blocks available to realize such a project with pure web technology.&lt;/p&gt;














&lt;figure class=&#34;floatleft&#34; id=&#34;figure-cover-of-the-online-physics-book-physik-libre&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/cover-physik-libre-min.jpg?classes=border,%20shadow&#34; alt=&#34;Cover of the online physics book &amp;#39;Physik Libre&amp;#39;&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Cover of the online physics book &amp;lsquo;Physik Libre&amp;rsquo;
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;The following months I learned [SVG] (&lt;a href=&#34;https://en.wikipedia.org/wiki/Scalable_Vector_Graphics&#34;&gt;https://en.wikipedia.org/wiki/Scalable_Vector_Graphics&lt;/a&gt;) and &lt;code&gt;Inkscape&lt;/code&gt;, discovered &lt;a href=&#34;https://daringfireball.net/projects/markdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Markdown&lt;/a&gt; and the document converter &lt;code&gt;pandoc&lt;/code&gt;, the version control system &lt;a href=&#34;https://git-scm.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;git&lt;/a&gt; and the &lt;code&gt;GitBook&lt;/code&gt; project. Summer 2017, I learned about the &lt;code&gt;R&lt;/code&gt; package &lt;code&gt;bookdown&lt;/code&gt;. The following school year, I have taught a class of 5th grades of Austrian secondary school (second year of the upper school) in physics. So I decided to start the work on the project.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; What were your most significant hurdles to overcome in finishing the &lt;code&gt;Physik Libre&lt;/code&gt; project successfully??&lt;/p&gt;
&lt;p&gt;The biggest challenge for me was time constraints. I managed to finish the project with sleeping sparsely.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Question:&lt;/strong&gt; Were there some favorable circumstances for the project?&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;First of all: I would have never had a chance to do such a project if there were not such excellent tools like the Linux software and the combined efforts of the Wikimedia community.&lt;/li&gt;
&lt;li&gt;On the technical side: I studied Mathematics and Physics, but I also have acquired some essential programming skills. This knowledge helped me to glue together some parts in the workflow of the book.&lt;/li&gt;
&lt;li&gt;And finally on the personal side: First there is the love of my wife and my child. Also, my school principal is so generous as to give me a share of our schools web space for my project.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; I noticed that you deliberately do not call your book a textbook. What&amp;rsquo;s the difference between your physics book and a physics textbook?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;A certified textbook always has to be based on the current syllabus and exam regulations. It contains competency-related tasks and guides for teachers. Most of the books websites &amp;ndash; at least in the German-speaking countries &amp;ndash; are not yet approved by the Ministries of Education. But they play an essential role as a &amp;ldquo;second opinion.&amp;rdquo;&lt;/p&gt;
&lt;p&gt;In this sense, I understand my physics book project as a &amp;ldquo;second opinion&amp;rdquo; for teaching physics to high school students. It tries to explain connections as well as possible &amp;ndash; and therefore also with all technically feasible means &amp;ndash; for the mathematical level of a high school student.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; You have a full teaching commitment and family. How did you come up with the idea to approach such a mammoth project as an individual?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;At the beginning of the project, two considerations were crucial.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;First, everything - except for the actual writing of the text and the occasional drawing of graphics (where I could not find suitable content on Wikimedia Commons) - should be automated via programs.&lt;/li&gt;
&lt;li&gt;The second point is not to view the book as my proprietary, but to view it as a collaborative project. All source files of the project should be hosted on a platform like &lt;code&gt;GitHub&lt;/code&gt; or &lt;code&gt;GitLab&lt;/code&gt;, thus minimizing the hurdle for other people&amp;rsquo;s participation in the book and encouraging them to participate &amp;ndash;even if they find and correct just a spelling mistake.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;But real life is quite different!&lt;/p&gt;














&lt;figure  id=&#34;figure-page-of-physik-libre-on-a-desktop-computer&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/physik-browser-desktop-min.jpg?classes=border,%20shadow&#34; alt=&#34;Page of &amp;#39;Physik Libre&amp;#39; on a desktop computer&#34; loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Page of &amp;lsquo;Physik Libre&amp;rsquo; on a desktop computer
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Concerning the first point: Although there are already many excellent free tools such as &lt;code&gt;pandoc&lt;/code&gt; and &lt;code&gt;bookdown&lt;/code&gt; for the generation of documents and final formats, the devil is in the details. For example, many images from &lt;a href=&#34;https://commons.wikimedia.org/wiki/Main_Page&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Wikimedia Commons&lt;/a&gt;, have wrong dots per inch (&lt;a href=&#34;https://en.wikipedia.org/wiki/Dots_per_inch&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;DPI&lt;/a&gt; entries in the metadata. But this piece of information is essential for printing. If I use, for example, an animated gif picture in the web version, a particular frame must be captured and integrated for the print version.&lt;/p&gt;
&lt;p&gt;For all such cases, I had to write programs that automate these tasks.&lt;/p&gt;
&lt;p&gt;Reflecting on the second point, I mentioned I have to confess there is still a kind of Wild-West mood in the project: Until now I experiment a lot what is feasible. However, this also means that this additional functionality will change the program. Therefore it is challenging to find collaborators when even I do not know what the final features will be. For fruitful cooperation, one needs to establish a common goal with a framework that is the most salient aspects already consolidated.&lt;/p&gt;
&lt;p&gt;I taught the fifth grade in physics last year and tried to write the content in the book in parallel with my lesson preparation so that my current students can benefit from my progress as well. So far, I have mostly succeeded, but it is very time-consuming, especially since I am &amp;ndash; unfortunately &amp;ndash; not a natural-born author.&lt;/p&gt;



&lt;h2 id=&#34;plans-with-physik-libre&#34;&gt;Plans with Physik Libre&lt;a href=&#34;#plans-with-physik-libre&#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;&lt;em&gt;&lt;strong&gt;Question:&lt;/strong&gt; It sounds that your book is still a work in progress. What are your plans for further developments?&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;I have already implemented solutions for most of the technical issues I have encountered. But these program snippets are not very elegant, and there may be a more straightforward answer - after all, I am not a professional programmer.&lt;/p&gt;
&lt;p&gt;One problem I am still struggling with is the &lt;a href=&#34;https://en.wikipedia.org/wiki/Same-origin_policy&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;same-origin policy&lt;/a&gt; concept, which limits the embedding of content from other web sites. So far, I have not found a satisfactory solution to this problem.&lt;/p&gt;
&lt;p&gt;Besides, much work needs to be done on the documentation before I want to release the project on &lt;code&gt;Github&lt;/code&gt; or &lt;code&gt;GitLab.&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Thank you, Michael, for this interview!&lt;/em&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=Physik%20Libre:%20%20A%20bookdown%20project%20::%20Open%20Science%20Education&amp;amp;rft.source=Physik%20Libre:%20%20A%20bookdown%20project&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=The%20article%20is%20an%20interview%20with%20Michael%20Rundel.%20Michael%20is%20a%20teacher%20at%20a%20grammar%20school%20in%20Vienna/Austria%20and%20teaches%20physics,%20computer%20science,%20and%20His%20project%20is%20a%20practical%20implementation%20of%20cross-media%20publishing%20with%20%60bookdown%60,%20media%20design.%20He%20talks%20about%20his%20experiences%20with%20[bookdown](https://bookdown.org/yihui/bookdown/)%20in%20writing%20Physik%20Libre%20(%20https://physikbuch.schule/),%20a%20new%20textbook%20on%20physics.%20which%20I%20had%20described%20in%20my%20[7-part%20German%20tutorial](https://peter.baumgartner.name/schlagwort/cmp/)%20on%20my%20other%20blog%20[Gedankensplitter](https://peter.baumgartner.name).%20&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F05%2Fphysik-libre-a-bookdown-project&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Comments in Markdown</title>
      <link>https://notes.peter-baumgartner.net/2019/06/02/comments-in-markdown/</link>
      <pubDate>Sun, 02 Jun 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/06/02/comments-in-markdown/</guid>
      <description>&lt;p&gt;In reworking this &lt;code&gt;docdock-theme,&lt;/code&gt; I wanted to document the reasons for my changes and how I have done it. But I didn&amp;rsquo;t know how to write comments in markdown.&lt;/p&gt;
&lt;p&gt;Yes, one could use a normal HTML-comment, but you still can see the comment in the source code.&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;&amp;lt;!-- 
This is a comment inside a code chunk, so that you can see it on the page.

Multiline comments are allowed as well 
--&amp;gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Look at the source code, and you will see the text example below this line.&lt;/p&gt;
&lt;!-- 
This is a real HTML-content. It is not visible on the page but in the source code!

Multiline comments are allowed as well 
--&gt;
&lt;p&gt;Searching in &lt;code&gt;Stack Overflow&lt;/code&gt; I came finally up with the following &lt;a href=&#34;https://stackoverflow.com/questions/4823468/comments-in-markdown&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;solution&lt;/a&gt;:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-{markdown}&#34;&gt;[comment]: # (This text is a comment! But written in a code junk, so that you can see how it is done.)

[comment]: # (This text is a comment! Multiline comments are allowed as far as long there is no line break. This text is a comment! Multiline comments are allowed as long as there is no line break. This text is a comment!  Multiline comments are allowed as long as there is no line break. )
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;You can&amp;rsquo;t see the result of this last code example not even in the source code. The comment is hidden by definition :wink: But you can inspect the original text file on my &lt;code&gt;GitHub&lt;/code&gt; repository. Just click on the &lt;code&gt;Edit page&lt;/code&gt; link in the top right corner of this page.&lt;/p&gt;
&lt;p&gt;There are also other possibilities, but the above solution with &lt;code&gt;comment:&lt;/code&gt; written in square brackets and the &lt;code&gt;#&lt;/code&gt; - sign followed by the comment written inside round brackets is the most portable version.&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=Comments%20in%20Markdown%20::%20Open%20Science%20Education&amp;amp;rft.source=Comments%20in%20Markdown&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=How%20to%20write%20comments%20in%20markdown?&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F06%2F02%2Fcomments-in-markdown&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Blog writing barriers to overcome</title>
      <link>https://notes.peter-baumgartner.net/2019/05/31/blog-writing-barriers-to-overcome/</link>
      <pubDate>Fri, 31 May 2019 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2019/05/31/blog-writing-barriers-to-overcome/</guid>
      <description>&lt;p&gt;Another year has elapsed since I wrote my last blog entry. At first, I thought the problem is only my English. But in the meanwhile, I see several other reasons why I do not blog for the new static website(s).&lt;/p&gt;
&lt;p&gt;I will elaborate later on the following thoughts. At the moment, I want to list the possible reasons for my blogging abstinence:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;I am still not comfortable with the new community I want to address with these blog entries.&lt;/li&gt;
&lt;li&gt;The topics I want to cover are still relatively new for me so that I often believe that my reflections and discussions of these subjects are trivial and not worth reporting.&lt;/li&gt;
&lt;li&gt;I am doubtful which of my different upcoming ideas belongs to my German weblog &amp;ldquo;Gedankensplitter&amp;rdquo; and which is better suited for the English community.&lt;/li&gt;
&lt;li&gt;I am still struggling to get the focus right for my English blogging. In the last few months, I get a better feeling on which two topics I would like to concentrate: Open Science and Data Science. (More on these two topics and their relationship will follow in another blog entry.)&lt;/li&gt;
&lt;li&gt;From my professional point of view, I still generate most of the experiences and material in German such Interviews, Reviews, Talks, Lectures, etc..&lt;/li&gt;
&lt;li&gt;It is much more exciting for me to learn new things in R or about strategies for Open Science than to continue to blog frequently for my German weblog.&lt;/li&gt;
&lt;li&gt;There is not enough time to write for both weblogs. I wonder how other people like &lt;a href=&#34;https://statmodeling.stat.columbia.edu/&#34;&gt;Andrew Gelman&lt;/a&gt; write at least one blog entry every day, sometimes even 2 or three.&lt;/li&gt;
&lt;li&gt;Coming closer to my retirement the necessity to foster my professional online presence is not so vital anymore.&lt;/li&gt;
&lt;li&gt;The English language is also a barrier. I am not so comfortable and skilled to write in a witty and informal style as I am used to it in German.&lt;/li&gt;
&lt;li&gt;And finally there are these enormous complexities with blogdown and Hugo. There are so many software layers to watch out with all their difficulties arising for updates, incompatibilities, and bugs. As I have not used these technological infrastructures on a daily bases, it happened that I either forgotten many details. Instead of writing down my thoughts, I had to waste my time to re-learn the software tools.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;As you can see: A considerable bulk of difficulties and barriers to overcome! Some of the points of this list, I will reflect more in detail at a later time.&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=Blog%20writing%20barriers%20to%20overcome%20::%20Open%20Science%20Education&amp;amp;rft.source=Blog%20writing%20barriers%20to%20overcome&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Another%20year%20has%20elapsed%20since%20I%20wrote%20my%20last%20blog%20entry.%20At%20first,%20I%20thought%20the%20problem%20is%20only%20my%20English.%20But%20in%20the%20meanwhile,%20I%20see%20several%20other%20reasons%20why%20I%20do%20not%20blog%20for%20the%20new%20static%20website(s).&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2019%2F05%2F31%2Fblog-writing-barriers-to-overcome&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>ORCID - Researchers uniquely identified and connected</title>
      <link>https://notes.peter-baumgartner.net/2018/08/26/orcid-researchers-uniquely-identified/</link>
      <pubDate>Sun, 26 Aug 2018 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2018/08/26/orcid-researchers-uniquely-identified/</guid>
      <description>&lt;p&gt;Do you know &lt;a href=&#34;https://orcid.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ORCID&lt;/a&gt;? I applied for my &lt;a href=&#34;https://orcid.org/0000-0003-4526-8791&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ORCID-ID&lt;/a&gt; already several years ago, but only yesterday I understood the advantage of yet another web presence: ORCID is a non-profit organization and aims to identify researchers uniquely and to connect their contributions and affiliations across disciplines, borders, and time. With this post, I tell you some advantages of ORCID to convince you to join.&lt;/p&gt;



&lt;h2 id=&#34;what-is-an-orcid-id&#34;&gt;What is an ORCID ID?&lt;a href=&#34;#what-is-an-orcid-id&#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;The last two week I worked hard to finish the &amp;lsquo;official&amp;rsquo; nitty-gritty this web presence: CV, downloads for &lt;a href=&#34;publication&#34;&gt;publications&lt;/a&gt;, &lt;a href=&#34;https://notes.peter-baumgartner.net/disclaimer&#34;&gt;disclaimer&lt;/a&gt; and &lt;a href=&#34;https://notes.peter-baumgartner.net/privacy&#34;&gt;privacy policy&lt;/a&gt;. By this occasion, I cleaned up my .bib files and subsequently my &lt;a href=&#34;https://www.zotero.org/petzi&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Zotero&lt;/a&gt; and &lt;a href=&#34;https://orcid.org/0000-0003-4526-8791&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ORCID&lt;/a&gt; presence.&lt;/p&gt;
&lt;p&gt;The goal of ORCID is to provide an identifying infrastructure for individual research activities. The main idea is to connect research, funding, and publishing institutions with the individual researcher via a unique ID. It is similar to an electronic portfolio where you can establish so-called &amp;lsquo;trusted&amp;rsquo; connections, e.g., where institutions are allowed to look into your scientific record and to add information to it. These institutional connections are &amp;mdash; by the way &amp;mdash; also the funding structure of ORCID: Membership organizations have to pay a pretty high subscription fee (starting with 5.150 US $) to connect and use their infrastructure with ORCID.&lt;/p&gt;
&lt;p&gt;However, this is not very important to me. At the time of this writing (2018-08-26) there are solely 910 member organization, only four of them from Austria:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;The Austrian Science Fund (FWF)&lt;/li&gt;
&lt;li&gt;Technical University Graz (TU Graz)&lt;/li&gt;
&lt;li&gt;University of Natural Resources and Applied Life Sciences Vienna (BOKU) and&lt;/li&gt;
&lt;li&gt;University of Vienna&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Only TU Graz has already established integration with ORCID. The other three universities are still in the process of planning the technical infrastructure for this bonding.&lt;/p&gt;



&lt;h2 id=&#34;a-personal-digital-international-and-persistent-name-identifier&#34;&gt;A personal, digital, international and persistent name identifier&lt;a href=&#34;#a-personal-digital-international-and-persistent-name-identifier&#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;However, ORCID is already very advantageous for the individual researcher: The ORCID ID gives you a personal, digital, international, and persistent name identifier. This ID outlives the change of working positions with their associated web presence and email address. More important: The ID identifies you unmistakable, e.g., independently name changes with marriage or a pool of people with precisely the same name.&lt;/p&gt;














&lt;figure  id=&#34;figure-qr-code-for-my-orcid-id&#34;&gt;
  &lt;div class=&#34;d-flex justify-content-center&#34;&gt;
    &lt;div class=&#34;w-100&#34; &gt;&lt;img src=&#34;images/orcid-without-border.png?classes=border&#34; alt=&#34;QR Code for my ORCID ID&#34; loading=&#34;lazy&#34; data-zoomable height=&#34;300px&#34; /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      QR Code for my ORCID ID
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Especially the last case is crucial for me: I know from a funny event (&lt;a href=&#34;http://peter.baumgartner.name/2012/09/16/1-baumgartner-treffen/?highlight=1.%20internationales%20baumgartner%20treffen&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;1st International Meeting of people with the family name of &amp;lsquo;Baumgartner&amp;rsquo;&lt;/a&gt;) that there are about 4.700 (!) Baumgartner&amp;rsquo;s in Austria alone and perhaps several thousand more in the world. As my given name &amp;lsquo;Peter&amp;rsquo; is also trendy, there are always a bunch of Peter Baumgartner&amp;rsquo;s in every database. Even when I want to redeem a voucher in a small shop, I have to provide my address as there are two or three names with &amp;ldquo;Peter Baumgartner&amp;rdquo; in their database.&lt;/p&gt;
&lt;p&gt;This coincidence of names is very cumbersome when somebody tries to find my publications: There are way too many publications under my name! And not in all cases, you can decide and separate them with adding the research field.&lt;/p&gt;
&lt;p&gt;There is especially another &lt;a href=&#34;https://people.csiro.au/B/P/Peter-Baumgartner/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Peter Baumgartner in Computer Science&lt;/a&gt; situated for many years in Koblenz (Germany). As I am working on E-Learning issues, you can imagine that there arose many times confusion: Sometimes we got even E-Mails for the other person. This Peter Baumgartner has now changed to Australia, but this has not helped much to clear up the situation as the confusion between Australia and Austria is legendary.&lt;/p&gt;
&lt;p&gt;If you Google my name, you will find several others Peter Baumgartner, especially a top-rated speaker and coach: &lt;a href=&#34;https://www.peterbaumgartner.at/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Peter Baumgartner, der Mutmacher&lt;/a&gt; (Peter Baumgartner &amp;lsquo;the bolsterer&amp;rsquo; from &amp;lsquo;to bolster somebody up&amp;rsquo;). ORCID helps to prevent precisely this mistaking identity!&lt;/p&gt;



&lt;h2 id=&#34;other-similar-initiatives&#34;&gt;Other similar initiatives&lt;a href=&#34;#other-similar-initiatives&#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;There are other similar initiatives like &lt;a href=&#34;https://www.scopus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Scopus Author ID&lt;/a&gt; and &lt;a href=&#34;https://www.researcherid.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ResearcherID&lt;/a&gt;.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;ResearcherID (developed by Thomas Reuters and used in Web of Science) and Scopus Author ID (generated by Elsevier and utilized in Scopus) are two examples of these efforts. Whereas ORCID is &amp;ldquo;a platform-agnostic identifier,&amp;rdquo; ResearcherID and Scopus Author ID connect to proprietary, subscription-based systems. (Quoted from the &lt;a href=&#34;http://guides.lib.uchicago.edu/c.php?g=298332&amp;amp;p=1989825&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Library of University of Chicago&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Remains to mention: ORCID is free, platform independent and &lt;a href=&#34;https://github.com/ORCID/ORCID-Source&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Open Source&lt;/a&gt; under the &lt;a href=&#34;https://en.wikipedia.org/wiki/MIT_License&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;MIT License&lt;/a&gt;.&lt;/p&gt;














&lt;figure  id=&#34;figure-screenshot-of-my-the-upper-part-of-my-orcid-page&#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;Screenshot of my the upper part of my ORCID page&#34; srcset=&#34;
               /2018/08/26/orcid-researchers-uniquely-identified/images/orcid-screenshot_hu2a003235c9a77a582e76d9f94994f4a9_77264_b9df9a46366e4a06cc6ca8a235f6ef9f.png 400w,
               /2018/08/26/orcid-researchers-uniquely-identified/images/orcid-screenshot_hu2a003235c9a77a582e76d9f94994f4a9_77264_7074827b237e1273c23c338fbd2400e9.png 760w,
               /2018/08/26/orcid-researchers-uniquely-identified/images/orcid-screenshot_hu2a003235c9a77a582e76d9f94994f4a9_77264_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2018/08/26/orcid-researchers-uniquely-identified/images/orcid-screenshot_hu2a003235c9a77a582e76d9f94994f4a9_77264_b9df9a46366e4a06cc6ca8a235f6ef9f.png&#34;
               width=&#34;760&#34;
               height=&#34;400px&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Screenshot of my the upper part of my ORCID page
    &lt;/figcaption&gt;&lt;/figure&gt;



&lt;h2 id=&#34;conclusion&#34;&gt;Conclusion&lt;a href=&#34;#conclusion&#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;ORCID aims to be a part of a broader social and technical infrastructure for uniquely identifying researchers with their work, affiliations, funding, and publishing institutions. Almost 5.2 Million researchers have already applied for their free ORCID ID. In the long run, many institutions engaged with research (universities, funding agencies, publishers) should be connected and form part of this global infrastructure. Even if this is not the case at the moment, applying has already some advantages: It gives you another place to present your work, e.g., a free web presence and provides you furthermore with a personal, digital, international and persistent name identifier.&lt;/p&gt;

&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;https://player.vimeo.com/video/237730655&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;vimeo video&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&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=ORCID%20-%20Researchers%20uniquely%20identified%20and%20connected%20::%20Open%20Science%20Education&amp;amp;rft.source=ORCID%20-%20Researchers%20uniquely%20identified%20and%20connected&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=I%20applied%20for%20my%20ORCID-ID%20already%20several%20years%20ago,%20but%20only%20yesterday%20I%20understood%20the%20advantage%20of%20yet%20another%20web%20presence:%20ORCID%20is%20a%20non-profit%20organization%20and%20aims%20to%20identify%20researchers%20uniquely%20and%20to%20connect%20their%20contributions%20and%20affiliations%20across%20disciplines,%20borders,%20and%20time.%20With%20this%20post,%20I%20will%20tell%20you%20some%20advantages%20of%20ORCID%20to%20convince%20you%20to%20join.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2018%2F08%2F26%2Forcid-researchers-uniquely-identified&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Xaringan presentations with blogdown</title>
      <link>https://notes.peter-baumgartner.net/2018/07/21/presentations-with-xaringan/</link>
      <pubDate>Sat, 21 Jul 2018 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2018/07/21/presentations-with-xaringan/</guid>
      <description>
&lt;script src=&#34;https://notes.peter-baumgartner.net/2018/07/21/presentations-with-xaringan/index_files/header-attrs/header-attrs.js&#34;&gt;&lt;/script&gt;


&lt;div id=&#34;how-to-integrate-xaringan-in-blogdown&#34; class=&#34;section level1&#34;&gt;
&lt;h1&gt;How to integrate Xaringan in blogdown?&lt;/h1&gt;
&lt;p&gt;I am following in this short post the detailed description by &lt;a href=&#34;https://timmastny.rbind.io/&#34;&gt;Tim Mastny&lt;/a&gt; in his blog entry &lt;a href=&#34;https://timmastny.rbind.io/blog/embed-slides-knitr-blogdown/&#34;&gt;Embed Slides in Your Blog&lt;/a&gt;. Please read his article — especially the second half of it, where he is explaining the &lt;a href=&#34;https://timmastny.rbind.io/blog/embed-slides-knitr-blogdown/#upload-your-slideshow-to-your-website&#34;&gt;installation procedure&lt;/a&gt;.&lt;/p&gt;
&lt;div id=&#34;refer-to-an-external-slideshow&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Refer to an external slideshow&lt;/h2&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;knitr::include_url(&amp;#39;https://timmastny.rbind.io/slides/first_presentation&amp;#39;)&lt;/code&gt;&lt;/pre&gt;
&lt;iframe src=&#34;https://timmastny.rbind.io/slides/first_presentation&#34; width=&#34;672&#34; height=&#34;400px&#34; data-external=&#34;1&#34;&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;div id=&#34;refer-to-an-internal-slideshow&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Refer to an internal slideshow&lt;/h2&gt;
&lt;pre class=&#34;r&#34;&gt;&lt;code&gt;knitr::include_url(&amp;#39;/slide/xaringan-demo.html&amp;#39;, height = &amp;quot;505px&amp;quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;iframe src=&#34;https://notes.peter-baumgartner.net/slide/xaringan-demo.html&#34; width=&#34;672&#34; height=&#34;505px&#34; data-external=&#34;1&#34;&gt;
&lt;/iframe&gt;
&lt;/div&gt;
&lt;div id=&#34;summary&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Summary&lt;/h2&gt;
&lt;p&gt;Both examples above are the same as in Tim’s article.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Two observations:&lt;/strong&gt;&lt;/p&gt;
&lt;ol style=&#34;list-style-type: decimal&#34;&gt;
&lt;li&gt;There is no need to load the Xaringan package with &lt;code&gt;library(xaringan)&lt;/code&gt;. At the moment, I do not understand why this is not necessary.&lt;/li&gt;
&lt;li&gt;In the second example, the gray left and right margin have disappeared. The parameter &lt;code&gt;height = &#34;505px&#34;&lt;/code&gt; does this. To tweak this, I had to experiment with the optimal pixel value. (Maybe there is a better way to tweak this parameter with the valid value, e.g., taking the value from the CSS.)&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;The height parameter solves one of the problems mentioned by Tim:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I’m also investigating to see if I can trim the iframe, so I only see the slides and not the gray bars on the side.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;how-to-present-slides-in-full-screen-view&#34; class=&#34;section level1&#34;&gt;
&lt;h1&gt;How to present slides in full-screen view?&lt;/h1&gt;
&lt;p&gt;Here I wanted to address his second issue:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I’d like to be able to use a relative reference to the slideshow’s HTML file in the static/ directory, but I think &lt;code&gt;knitr::include_url()&lt;/code&gt; requires a live URL. I’ll have to do more research.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;div id=&#34;my-first-try-using-markdown-image-links&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;My first try: Using Markdown image links&lt;/h2&gt;
&lt;p&gt;My first try was: &lt;code&gt;![](/slide/xaringan-demo.html/#5)&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;embed src=&#34;https://notes.peter-baumgartner.net/slide/xaringan-demo.html#5&#34; /&gt;&lt;/p&gt;
&lt;p&gt;It generates a kind of thumbnail. Maybe this is theme dependent. I once tried it out in another theme and got other sizes, e.g., over the whole width of the text column. Presumably, this has to be done in one of the CSS files of the corresponding template.&lt;/p&gt;
&lt;p&gt;A kind of a thumbnail was not the result I was looking for, but it could become handy anyway. For instance, as a reference in an article. With the slide number behind the URL, one can reference easy every slide frame directly.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;my-second-try-using-markdown-with-absolute-links&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;My second try: Using Markdown with absolute links&lt;/h2&gt;
&lt;p&gt;The second try is a &lt;a href=&#34;https://portfolio.peter-baumgartner.net/slide/xaringan-demo#1&#34;&gt;link in standard Markdown&lt;/a&gt; to the file. It opens up the full-screen presentation. The code:&lt;/p&gt;
&lt;p&gt;&lt;code&gt;The second try is a [link in standard markdown](https://portfolio.peter-baumgartner.net/slide/xaringan-demo#1) to the file.&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;This is not ideal one always needs an internet connection for the presentation.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;my-third-try-using-markdown-with-relative-links&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;My third try: Using Markdown with relative links&lt;/h2&gt;
&lt;p&gt;The third try is a &lt;a href=&#34;https://notes.peter-baumgartner.net/slide/xaringan-demo.html&#34;&gt;relative link in Markdown&lt;/a&gt; to the file. It opens up the full-screen presentation. The code:&lt;/p&gt;
&lt;p&gt;&lt;code&gt;The third try is a  [relative link in Markdown](/slide/xaringan-demo.html) to the file.&lt;/code&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;summary-1&#34; class=&#34;section level2&#34;&gt;
&lt;h2&gt;Summary&lt;/h2&gt;
&lt;p&gt;This is the solution Tim was looking for. I tried several approaches in vain. Then I remembered that there is a demo &lt;a href=&#34;https://github.com/yihui/blogdown-static&#34;&gt;blogdown-static website&lt;/a&gt; by Yihui Xie. There I found the solution!&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&#34;summary-and-conclusion&#34; class=&#34;section level1&#34;&gt;
&lt;h1&gt;Summary and conclusion&lt;/h1&gt;
&lt;p&gt;This third approach solves the second question mentioned by Tim. And this is an excellent solution: With a simple relative link in Markdown can everyone present (Xaringan) slideshows without an internet connection in full-screen view.&lt;/p&gt;
&lt;p&gt;Sure there would have always been the possibility to go via the operating system to the file on the hard disk directly. But this is not very elegant and would complicate to present an integrated presentation via browser with other (multimedia) elements. One reason out of 11 &lt;a href=&#34;https://yihui.name/en/2017/08/why-xaringan-remark-js/&#34;&gt;why Xihui Yui hotly favors remark.js&lt;/a&gt; is the feature that you can press the back button in the browser, and you will go back to the page from which you visited the slides, instead of reading the slides in the reverse order again.&lt;/p&gt;
&lt;p&gt;The next thing on my agenda is to learn how to apply Xaringan for everyday use. I have to read and try out:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;the example slides (&lt;a href=&#34;https://notes.peter-baumgartner.net/slide/xaringan-demo.html&#34;&gt;Xaringan&lt;/a&gt; and &lt;a href=&#34;https://remarkjs.com/#1&#34;&gt;remark&lt;/a&gt;),&lt;/li&gt;
&lt;li&gt;the &lt;a href=&#34;https://github.com/gnab/remark&#34;&gt;readme file&lt;/a&gt; at the remark GitHub site and&lt;/li&gt;
&lt;li&gt;the documentation in the &lt;a href=&#34;https://github.com/gnab/remark/wiki&#34;&gt;remark wiki&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Then I will transfer — as a first real live application — my slideshows written with &lt;a href=&#34;https://revealjs.com/&#34;&gt;reveal.js&lt;/a&gt; stored at my abandoned site at &lt;a href=&#34;https://notes.peter-baumgartner.net/slide/&#34; class=&#34;uri&#34;&gt;https://notes.peter-baumgartner.net/slide/&lt;/a&gt; to this new site here.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;To inspect the full code of this post &lt;a href=&#34;https://github.com/petzi53/weblog-portfolio/blob/master/content/post/2018-07-18-presentations-with-xaringan.Rmd&#34;&gt;follow this link to my GitHub repo&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;span class=&#34;Z3988&#34; title=&#34;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=Xaringan%20presentations%20with%20blogdown%20::%20Open%20Science%20Education&amp;amp;rft.source=Xaringan%20presentations%20with%20blogdown&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=This%20post%20demonstrates%20how%20to%20present%20slideshows%20with%20the%20Xaringan%20package.%20I%20explain%20how%20to%20integrate%20slideshows%20with%20Xaringan%20into%20blogdown%20via%20internal%20and%20external%20links.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2018%2F07%2F21%2Fpresentations-with-xaringan&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=&amp;amp;rft.language=en&#34;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
</description>
    </item>
    
    <item>
      <title>Using themes with blogdown: Lesson learned</title>
      <link>https://notes.peter-baumgartner.net/2018/07/19/blogdown-using-themes/</link>
      <pubDate>Thu, 19 Jul 2018 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2018/07/19/blogdown-using-themes/</guid>
      <description>


&lt;h2 id=&#34;report-from-an-odyssean-journey&#34;&gt;Report from an Odyssean Journey&lt;a href=&#34;#report-from-an-odyssean-journey&#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;after-a-long-interruption-&#34;&gt;After a long interruption &amp;hellip;&lt;a href=&#34;#after-a-long-interruption-&#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 almost one year of interruption, I started re-using &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown&lt;/a&gt; again. But instead of writing new content, I had to struggle once again using the sophisticated machinery of &lt;a href=&#34;https://gohugo.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo&lt;/a&gt; and my &lt;a href=&#34;https://sourcethemes.com/academic/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;academic-theme&lt;/a&gt;. With painful experiences, I learned that one has to be cautious with updates to prevent breaking changes. In this post, I will report on my Odyssean experience and &amp;mdash; more important &amp;mdash; I will suggest guidelines on how to start, explore, and use themes in blogdown.&lt;/p&gt;
&lt;p&gt;Finally &amp;mdash; after almost one year of interruption &amp;mdash; I could reorganize my working responsibilities to spend more time working with &lt;code&gt;blogdown&lt;/code&gt; and &lt;code&gt;Hugo&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;But (re-)starting blogging using these tools was not easy after such a long period. I did not only forget many procedures but also ran into compatibility problems with the necessary updates. It turned out for me that the &lt;a href=&#34;https://bookdown.org/yihui/rmarkdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R Markdown&lt;/a&gt; ecosphere produces not only valuable and powerful tools but is a continuously changing complex still stricken with some fragilities.&lt;/p&gt;
&lt;p&gt;After reporting on these difficulties, I will summarize the lessons I learned.&lt;/p&gt;



&lt;h3 id=&#34;i-had-problems-with-my-old-theme&#34;&gt;I had problems with my old theme&lt;a href=&#34;#i-had-problems-with-my-old-theme&#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;Last year I was intrigued by the potent &lt;a href=&#34;https://themes.gohugo.io/docdock/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;docdock theme&lt;/a&gt;. It has many dynamic features (aka &lt;code&gt;shortcodes&lt;/code&gt;) and is uniquely good suited for complex structured information. I have learned in my posting career with &lt;a href=&#34;https://wordpress.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;WordPress&lt;/a&gt; on &lt;a href=&#34;http://peter.baumgartner.name&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Gedankensplitter&lt;/a&gt; that over time, new subjects emerge and require a change of the content structure. I was especially delighted that &lt;code&gt;docdock&lt;/code&gt; could produce dynamic HTML slides with the &lt;a href=&#34;https://revealjs.com/#/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;reveal.js&lt;/a&gt; framework, which I planned to use for &lt;a href=&#34;https://notes.peter-baumgartner.net/slide/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;tutorials&lt;/a&gt; and teaching.&lt;/p&gt;
&lt;p&gt;After updating my software machinery (R, R packages, Hugo), I also installed a new release of the &lt;code&gt;docdock&lt;/code&gt; theme. And here the odyssey started! I got many error messages which I could not solve. One problem was that I tweaked the theme (sacrificing several days of my summer holiday last year) without the necessary profound knowledge of the way &lt;code&gt;Hugo&lt;/code&gt; works. Another problem was that after not using blogdown such a long time, I had forgotten many procedures of the interplay between &lt;code&gt;blogdown&lt;/code&gt; and &lt;code&gt;Hugo&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;After several days of work, I did not manage to get a functional website. Worse! Meanwhile, I had destroyed my old (functioning) website as well. 😰 This disaster was for me an involuntary learning occasion to dive into &lt;a href=&#34;https://git-scm.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Git&lt;/a&gt; and &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; to save my work and restore my repo. I had not worked on a sub-branch and had carelessly committed changes that destroyed my web presence.&lt;/p&gt;



&lt;h3 id=&#34;docdock-theme-still-maintained&#34;&gt;DocDock theme still maintained?&lt;a href=&#34;#docdock-theme-still-maintained&#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 avoid similar issues, I started a clean installation of &lt;code&gt;blogdown&lt;/code&gt; with the &lt;code&gt;docdock&lt;/code&gt; theme. This time I did not get error messages, but experienced another surprise! The theme style I preferred had other (new) problems: The display of code snippets was not correct anymore and destroyed the page layout. I reported this issue to the theme author. Only now I noticed that the author does not respond to questions. On the issue page of the &lt;code&gt;docdock&lt;/code&gt; repo, I found the following message from another user:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Is this theme still maintained? Issues and PR&amp;rsquo;s seem to indicate not. I&amp;rsquo;m looking to add a documentation theme, but I&amp;rsquo;m not interested in adding one that&amp;rsquo;s been abandoned. (&lt;a href=&#34;https://github.com/vjeantet/hugo-theme-docdock/issues/151&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Issue 151&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;This question is now unanswered for more than 20 days.😡 I do not blame the theme author. People have to work for a living; they donate their work and experiences to us whenever it is possible. But how could I be so naive only to judge my theme selection by the functionality of the theme? Not taking into account&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;the sustainability of the theme, e.g., its complexity related with its life cycle (updates, bugs),&lt;/li&gt;
&lt;li&gt;the responsiveness of the author,&lt;/li&gt;
&lt;li&gt;the community of people using this theme and helping each other!&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;At that moment, I abandoned the &lt;code&gt;docdock&lt;/code&gt; theme heavy-heatedly. I had put so much work into its adaption! And I like its functionality and design! Yes, I could still use my working version, but then I will lose future &lt;code&gt;Hugo&lt;/code&gt; features. I didn&amp;rsquo;t trust this theme anymore.&lt;/p&gt;



&lt;h2 id=&#34;problems-finding-another-suitable-theme&#34;&gt;Problems finding another suitable theme&lt;a href=&#34;#problems-finding-another-suitable-theme&#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;from-docdock-to-ghostwriter&#34;&gt;From docdock to ghostwriter&lt;a href=&#34;#from-docdock-to-ghostwriter&#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 I decided to choose a more simple theme and started with the &lt;a href=&#34;https://bookdown.org/yihui/blogdown/other-themes.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;recommended theme list in the blogdown book&lt;/a&gt;. The only theme I liked from its design was &lt;a href=&#34;https://themes.gohugo.io/ghostwriter/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;ghostwriter&lt;/a&gt;. I installed it without problems and began using it. My first project was to learn the &lt;a href=&#34;https://slides.yihui.name/xaringan/#1&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Xaringan package&lt;/a&gt; in combination with &lt;code&gt;blogdown&lt;/code&gt;. I stumbled about it reading the new &lt;a href=&#34;https://bookdown.org/yihui/rmarkdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R Markdown book&lt;/a&gt;. It could be a way to replace my beloved html5 slide functionality from the &lt;code&gt;docdock&lt;/code&gt; theme. Instead of producing slides using &lt;a href=&#34;https://revealjs.com/#/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;reveal.js&lt;/a&gt;, I had now to learn with &lt;a href=&#34;https://remarkjs.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;remark.js&lt;/a&gt; another tool. But Yihui Xie &amp;mdash; the author behind all this fantastic stuff in the &lt;code&gt;R Markdown&lt;/code&gt; ecosphere like &lt;a href=&#34;https://yihui.name/knitr/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;knitr&lt;/a&gt;, &lt;code&gt;blogdown&lt;/code&gt;, &lt;code&gt;bookdown&lt;/code&gt;, &lt;code&gt;xaringan&lt;/code&gt;, etc. &amp;mdash; explained convincingly why &lt;a href=&#34;https://yihui.name/en/2017/08/why-xaringan-remark-js/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;remark is preferable to other slide frameworks&lt;/a&gt; (e.g., &lt;a href=&#34;https://www.w3.org/Talks/Tools/Slidy2/#%281%29,%20%5Bioslides%5D%28https://bookdown.org/yihui/rmarkdown/ioslides-presentation.html%29%20or%20%5Bbeamer%5D%28https://www.overleaf.com/learn/latex/Beamer%29&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;slidy&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;To shorten a long story: After several hours trying to bring &lt;code&gt;Xaringan&lt;/code&gt; to work &amp;mdash; I followed the simple synopsis by &lt;a href=&#34;https://timmastny.rbind.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Tim Mastny&lt;/a&gt; in his blog entry &lt;a href=&#34;https://timmastny.rbind.io/blog/embed-slides-knitr-blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Embed Slides in Your Blog&lt;/a&gt; &amp;mdash; it turned out that in the &lt;code&gt;ghostwriter&lt;/code&gt; theme files in the static folder are not rendered and uploaded. This insight came as a big surprise for me! I thought that it is a standard procedure that all &lt;a href=&#34;https://bookdown.org/yihui/blogdown/static-files.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;files under the &lt;code&gt;static/&lt;/code&gt; directory&lt;/a&gt; are copied to &lt;code&gt;public/&lt;/code&gt; when Hugo renders a website. Only when I found an entry by &lt;a href=&#34;https://stackoverflow.com/questions/41176194/hugo-not-reading-rmd-files-after-using-blogdown&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Amber Thomas on Stack Overflow&lt;/a&gt; &amp;mdash; one of the co-authors of the blogdown book &amp;mdash; I learned that this could be possible.&lt;/p&gt;
&lt;p&gt;The problem was &amp;mdash; at least for me &amp;mdash; a tricky one. The website worked locally but not when I deployed it with &lt;a href=&#34;https://www.netlify.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Netlify&lt;/a&gt;. Even when I noticed that there were no static files uploaded in my repository, I still thought it was me, who did something wrong. As a novice user, I always believe that the problem is on my side. But after many fruitless trials, I came up with the idea to try it out with another theme. So I installed the &lt;a href=&#34;https://themes.gohugo.io/hugo-xmin/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Xmin theme&lt;/a&gt; and learned that everything I did was done correctly.&lt;/p&gt;



&lt;h3 id=&#34;from-ghostwriter-to-xmin-and-academic&#34;&gt;From ghostwriter to Xmin and Academic&lt;a href=&#34;#from-ghostwriter-to-xmin-and-academic&#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 abandoned the &lt;code&gt;ghostwriter&lt;/code&gt; theme much more relaxed than before the &lt;code&gt;docdock&lt;/code&gt; theme. I was not yet emotionally linked to the theme and had (thankfully) not started with adaption work. I learned from this experience that it is an excellent strategy to test things out with the two minimal themes &lt;code&gt;Xmin&lt;/code&gt; or &lt;a href=&#34;https://themes.gohugo.io/theme/hugo-lithium-theme/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Lithium&lt;/a&gt;, which provides a stable reference point.&lt;/p&gt;
&lt;p&gt;But how to proceed now? Should I stick with &lt;code&gt;Xmin&lt;/code&gt; to be on the secure side? But I do not like this theme from its appearance. Also, my CSS knowledge is feeble, and I do not want to spend much learning and working time to adapt its design.&lt;/p&gt;
&lt;p&gt;So my next choice was the &lt;a href=&#34;https://themes.gohugo.io/academic/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;academic theme&lt;/a&gt;. Last year I had already experimented with it, and it is one of the (more complex) recommendations in the &lt;code&gt;blogdown&lt;/code&gt; book. It is a very elaborated theme with fantastic features designed for academic usage. But precisely or targeting the academic community, was the reason why I decided last year against this theme.&lt;/p&gt;
&lt;p&gt;I am looking forward to my retirement, and I am fed up from all the administrative university business: The thought of (re)presenting all details of my scientific work and especially to transfer more than 120 publications from my &lt;code&gt;WordPress&lt;/code&gt; blog to the blogdown academic framework made me furious. All I was looking for was a decent blog framework open for all the helpful tools from the &lt;a href=&#34;https://rmarkdown.rstudio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R Markdown&lt;/a&gt; ecosphere.&lt;/p&gt;
&lt;p&gt;But incidentally, just at the same time, I noticed problems with some of the &lt;code&gt;WordPress&lt;/code&gt; plugins dynamically serving my list of publications. Besides, I understood that I am not forced to use all sections of the academic framework: I could focus on the posts section &amp;mdash; and maybe add later on some other parts.&lt;/p&gt;
&lt;p&gt;So I returned to my abandoned experiments with the &lt;code&gt;academic-theme&lt;/code&gt; as I already did some configuration and had even written some content. First of all, I updated it to the new version and &amp;hellip; &amp;mdash; Yes, again I ran into troubles! After some trials, I noticed a wired problem: It took me two days to narrow down the error. It turned out that with one of the last update, the &lt;code&gt;academic theme&lt;/code&gt; was not compatible with blogdown anymore! I reported this issue to the &lt;a href=&#34;https://community.rstudio.com/t/serve-site-creates-index-of-site-rather-than-site-preview-blogdown/11120&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;RStudio community&lt;/a&gt;, to &lt;a href=&#34;https://github.com/gcushen/hugo-academic/issues/594&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;George Cushen&lt;/a&gt; and &lt;a href=&#34;https://github.com/rstudio/blogdown/issues/315&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Yihui Xie&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Can you imagine my emotional state? I changed between desperation and depression. All in all, it took me already two weeks with the result that I had accomplished nothing!&lt;/p&gt;
&lt;div class=&#34;tenor-gif-embed&#34; data-postid=&#34;6130598&#34; data-share-method=&#34;host&#34; data-width=&#34;100%&#34; data-aspect-ratio=&#34;1.345945945945946&#34;&gt;&lt;a href=&#34;https://tenor.com/view/crazy-hair-gif-6130598&#34;&gt;Crazy Hair GIF&lt;/a&gt; from &lt;a href=&#34;https://tenor.com/search/crazyhair-gifs&#34;&gt;Crazyhair GIFs&lt;/a&gt;&lt;/div&gt;
&lt;figcaption&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Crazy Hair&lt;/figcaption&gt;
&lt;script type=&#34;text/javascript&#34; async src=&#34;https://tenor.com/embed.js&#34;&gt;&lt;/script&gt;
&lt;p&gt;After taking a short nap to calm down, I reconsidered my situation: Yes, it took me much time, but at the same time, I learned a lot. I am not referring primarily to my speed generating a new &lt;code&gt;blogdown&lt;/code&gt; website from scratch with a &lt;code&gt;GitHub&lt;/code&gt; repo and deployed by &lt;code&gt;Netlify&lt;/code&gt; (It takes my now only 60 seconds 🚀). But hopefully, I will not need this skill so frequently in the future. 😊 In addition to being more comfortable with &lt;code&gt;Git&lt;/code&gt; and &lt;code&gt;Github&lt;/code&gt;, I had learned general strategies to avoid similar problems in the future!&lt;/p&gt;
&lt;p&gt;And there also came some encouraging signals from the community: Both &amp;mdash; Georg Cushen and Yihui Xie &amp;mdash; responded almost immediately to my posts. Even the problem was not solved at that time; I decided to stick with the &lt;code&gt;academic-theme&lt;/code&gt;. From some other interactions (issues and questions to the theme), I had built up trust to the theme author. George is committed to his theme and very busy to deliver the best product possible. So after a roll back to an older version, I began with this article. As it stands now, this was the right decision. George and Yihui solved the issue together within two days.&lt;/p&gt;



&lt;h2 id=&#34;lesson-learned-from-my-own-experience&#34;&gt;Lesson learned from my own experience&lt;a href=&#34;#lesson-learned-from-my-own-experience&#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;The following list is an attempt to turn my Odyssean experience into constructive advises for other users. I am sure it is not complete and maybe in some points faulty. If you disagree or have other, better tips: please comment on this post!&lt;/p&gt;
&lt;p&gt;I am not going into details, and I take for granted some basic knowledge/experience with &lt;code&gt;RStudio / blogdown / Git / Github and Netlify&lt;/code&gt;. To have read the &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown book&lt;/a&gt; is another requirement.&lt;/p&gt;



&lt;h3 id=&#34;how-to-choose-a-theme&#34;&gt;How to choose a theme?&lt;a href=&#34;#how-to-choose-a-theme&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Most important: In choosing a theme do not &lt;b&gt;only&lt;/b&gt; focus on functionality and pleasing design.
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Additionally:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 01:&lt;/strong&gt; Look if the theme author is currently active. If there are no updates for several months or later, reconsider to choose this theme.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 02:&lt;/strong&gt; Look at the repo to decide if the author is responsive to reported issues or pull requests.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 03:&lt;/strong&gt; Look if the author provides releases from time to time. Unexperienced users like me are still not comfortable with &lt;code&gt;Git/Github&lt;/code&gt;. Instead of forking and synchronizing repositories, I prefer to install updates via ZIP files.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 04:&lt;/strong&gt; Look into the documentation to see if the explanations are comprehensive and up-to-date&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 05:&lt;/strong&gt; Investigate the popularity of the theme. This check is not easily done but improves the changes for support through other users. Look not only at the number of stars and forks in the repo because that could be misleading for your purpose and community.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 06:&lt;/strong&gt; Recherche also if people often write in blogs and forums about the theme and what kind of community is using this theme.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;&amp;hellip; keep in mind that a more complicated and fancier theme may require you to learn more about all the underlying technologies like the Hugo templating language, HTML, CSS, and JavaScript. (&lt;a href=&#34;https://bookdown.org/yihui/blogdown/a-quick-example.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Blogdown Book&lt;/a&gt;)&lt;/p&gt;
&lt;/blockquote&gt;



&lt;h3 id=&#34;how-to-start-working-with-a-theme&#34;&gt;How to start working with a theme?&lt;a href=&#34;#how-to-start-working-with-a-theme&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Most important: Do not &lt;b&gt;begin&lt;/b&gt; with adapting the design of the theme.
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Instead:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 07:&lt;/strong&gt; Start a test site with a test repository and test deployment with &lt;code&gt;Netlify&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 08:&lt;/strong&gt; Copy the content of &lt;code&gt;themes/&amp;lt;your-theme-name&amp;gt;/exampleSite&lt;/code&gt; to your project directory. Not the folder itself, but just the content inside (e.g., the folders &lt;code&gt;static&lt;/code&gt;, &lt;code&gt;content&lt;/code&gt; and the &lt;code&gt;config.toml&lt;/code&gt;). Overwrite these files in your project directory &amp;mdash; it is only a site for testing.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 09:&lt;/strong&gt; Read accompanying instructions and go line by line through the &lt;code&gt;config.toml&lt;/code&gt;. Adapt this configuration file to your needs. Make notes not only how but also why you did which setting. Documenting these changes could be helpful later when you have already forgotten you initially considerations and the procedures to follow.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 10:&lt;/strong&gt; Now start writing text in your test site. I recommend working on real posts you want to publish. Choose predominantly use cases which will be typical for your everyday work. This advice seems strange as you are working still on a test site. It is important to test the theme under real working conditions. Besides, writing real posts are not lost work: You are producing standard text files which you can transfer to other sites or themes if the need arises.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 11:&lt;/strong&gt; Establish a common workflow and get used to it.&lt;/p&gt;
&lt;details class=&#34;spoiler &#34;  id=&#34;spoiler-2&#34;&gt;
  &lt;summary&gt;I use the following workflow&lt;/summary&gt;
  &lt;p&gt;&lt;ul&gt;
&lt;li&gt;I start my daily routine with &lt;code&gt;blogdown::serve_site()&lt;/code&gt; using the &lt;code&gt;RStudio&lt;/code&gt; addins plugin (CTRL-S on my machine) provided by the &lt;code&gt;blogdown&lt;/code&gt; package.&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Update 2021-05-19: Due to significant changes starting with &lt;a href=&#34;https://blog.rstudio.com/2021/01/18/blogdown-v1.0/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown version 1.0&lt;/a&gt; my workflow has changed slightly: It is not necessary anymore to use &lt;code&gt;Build -&amp;gt; More -&amp;gt; Clean All&lt;/code&gt; because you can render and publish just one page.
  &lt;/div&gt;
&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Then I start writing. After saving the file (which automatically updates the local website), I look over the result locally in my browser. (I prefer my &lt;code&gt;Google Chrome&lt;/code&gt; browser for detailed inspection and use the &lt;code&gt;RStudio&lt;/code&gt; viewer pane only for a general overview or to look up a specific change.)&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;From time to time &amp;mdash; or whenever something seems wrong or not updated &amp;mdash; I use &lt;code&gt;Build -&amp;gt; More -&amp;gt; Clean All&lt;/code&gt; followed by restarting &lt;code&gt;R&lt;/code&gt;. And again &lt;code&gt;blogdown::serve_site()&lt;/code&gt; to update locally.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;After I have finished my work, I commit and pull the changes to my repo, and after some seconds, when &lt;code&gt;Netlify&lt;/code&gt; has deployed the site, I inspect the live result.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/p&gt;
&lt;/details&gt;
&lt;p&gt;&lt;strong&gt;Advice 12:&lt;/strong&gt; After some time with your daily working routine, you get accustomed to all the other features of the theme. Even if there are functions you will not need to use: It is nice to have an overview of what could be possible and what not. This knowledge is also important to understand future updates of the theme.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 13:&lt;/strong&gt; Not until you feel comfortable with the functionality of the theme and your working habit, you should start to adopt the theme. Here it is important to do all your work on your side of the project; meaning &lt;strong&gt;not&lt;/strong&gt; under the themes directory. Copy those files you are going to change or add under the same structure in your home folder of the &lt;code&gt;RStudio&lt;/code&gt; project. Changes on these files will overwrite the virgin theme. One the one hand, your changes are all collected in one place and separated from the original theme. On the other hand, new versions of the theme will not override your changes.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 14:&lt;/strong&gt; Only when you have finally arrived at a status where you work could be publicly launched, change to the real website. Prepare a fresh installation with your theme, with a new repo and a new deployment by &lt;code&gt;Netlify&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 15:&lt;/strong&gt; Before you copy your work into a new &lt;code&gt;RStudio&lt;/code&gt; project, create a new &lt;code&gt;Git&lt;/code&gt; branch and check it out (= change to it). If anything goes irreparably wrong (and believe me: eventually in the long term this will be the case!) you have not destroyed your current web presence. After my odyssey, I worked with two branches besides master: &lt;code&gt;config&lt;/code&gt; for bigger changes (new version of the theme, changing the configuration or the structure of my site) and &lt;code&gt;blog&lt;/code&gt; for my daily (writing) work. If you decide to merge your branch with &lt;code&gt;master&lt;/code&gt; you will have an additional security level: &lt;code&gt;Netlify&lt;/code&gt; will check if anything went smoothly &lt;strong&gt;before&lt;/strong&gt; your branch is merged with master. If something went wrong, you would abstain from merging your branch.&lt;/p&gt;



&lt;h3 id=&#34;problem-solving-strategies&#34;&gt;Problem-solving strategies&lt;a href=&#34;#problem-solving-strategies&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Most important: Keep calm &lt;b&gt;and&lt;/b&gt; RTFM!
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Advice 16:&lt;/strong&gt; Use &lt;code&gt;Google&lt;/code&gt; (or other search engines) to see if other users experienced the same problem. Start your search inquiry with &lt;code&gt;blogdown &amp;lt;name of your theme&amp;gt; &amp;lt;error message&amp;gt;&lt;/code&gt; or different appropriate combination of content. Most of the time, you will get results linked to questions in &lt;a href=&#34;https://stackoverflow.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Stack Overflow&lt;/a&gt; or blog posts where other users reported about the same or similar problems.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 17:&lt;/strong&gt; If you cannot find appropriate problem/solution pairs, I would now &amp;mdash; after my Odyssean experience &amp;mdash; not yet starting to bother people at discussion fora. Start instead of a new reference (test) site with the &lt;code&gt;XMin&lt;/code&gt; theme and try to reproduce the problem. If it works there, then the problem has to do with your theme or the changes you have made.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Advice 18:&lt;/strong&gt; If the problem persists in your theme, then there are still two possibilities: Either you did something wrong, or it really is a bug in one of the pieces in the R Markdown machinery. Produce a &lt;a href=&#34;https://stackoverflow.com/help/minimal-reproducible-example&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;REProducible EXample&lt;/a&gt; ( aka &lt;code&gt;Reprex&lt;/code&gt;). Read &lt;a href=&#34;https://cran.r-project.org/web/packages/reprex/vignettes/reprex-dos-and-donts.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Reprex do&amp;rsquo;s and don&amp;rsquo;ts&lt;/a&gt; and &lt;a href=&#34;https://stackoverflow.com/questions/5963269/how-to-make-a-great-r-reproducible-example&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;report the problem at Stack Overflow&lt;/a&gt; or to the RStudio Community[(&lt;a href=&#34;https://community.rstudio.com/&#34;&gt;https://community.rstudio.com/&lt;/a&gt;). Your replication on the otherwise empty reference site will help you to focus on the essential question and will also provide an excellent reproducible example.&lt;/p&gt;
&lt;div class=&#34;tenor-gif-embed&#34; data-postid=&#34;12671404&#34; data-share-method=&#34;host&#34; data-width=&#34;100%&#34; data-aspect-ratio=&#34;1.75&#34;&gt;&lt;a href=&#34;https://tenor.com/view/tom-cruise-help-me-you-jerry-gif-12671404&#34;&gt;Tom Cruise Help GIF&lt;/a&gt; from &lt;a href=&#34;https://tenor.com/search/tomcruise-gifs&#34;&gt;Tomcruise GIFs&lt;/a&gt;&lt;/div&gt;
&lt;figcaption&gt;&lt;strong&gt;Figure 1:&lt;/strong&gt; Tom Cruise: Help me, help you!&lt;/figcaption&gt;
&lt;script type=&#34;text/javascript&#34; async src=&#34;https://tenor.com/embed.js&#34;&gt;&lt;/script&gt;



&lt;h2 id=&#34;several-updates&#34;&gt;Several updates&lt;a href=&#34;#several-updates&#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 post has enjoyed several updates already!&lt;/p&gt;



&lt;h3 id=&#34;back-to-docdock&#34;&gt;Back to docdock&lt;a href=&#34;#back-to-docdock&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2019-06-03: As you can see from the footer, this website is using the &lt;code&gt;docdock&lt;/code&gt;- and not the &lt;code&gt;academic&lt;/code&gt; theme I wrote above. I started with the &lt;code&gt;docdock&lt;/code&gt; and abandoned it for reasons I mentioned above. After another year of creative abstinence of blog writing, in May 2019, I fired up the &lt;code&gt;blogdown&lt;/code&gt; machinery again. But because of a combination of many updates of &lt;code&gt;Hugo&lt;/code&gt; (from 0.27 to 0.55.6!) and the &lt;code&gt;academic&lt;/code&gt; theme (from 2.4 to 4.3), I not only ran into a bunch of error messages, but I have also lost track of different breaking changes and couldn&amp;rsquo;t recover. &amp;mdash;😳&lt;/p&gt;
&lt;p&gt;So I changed to &lt;code&gt;docdock&lt;/code&gt; back, but this time with somewhat more knowledge. Hopefully, my activities were not a circle but a helix movement where I managed some advances. Thinking positively, hopefully, I can stick with this theme in the future. I do not want writing another complaining article next year, addressing the same problems again.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;h3 id=&#34;not-docdock-but-pandoc-was-the-problem&#34;&gt;Not docdock but Pandoc was the problem&lt;a href=&#34;#not-docdock-but-pandoc-was-the-problem&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2019-06-07: The reason for my problems mentioned above was an old version of &lt;a href=&#34;https://pandoc.org/&#34;&gt;pandoc&lt;/a&gt;. I had installed &amp;ldquo;pandoc-1.19.2-29-jan-2017&amp;rdquo;, but the latest release of the date of this writing is &amp;ldquo;pandoc-2.7.2-5-april-2019&amp;rdquo;. Now I could successfully update &lt;a href=&#34;https://gohugo.io/&#34;&gt;Hugo&lt;/a&gt; to &amp;ldquo;v0.55.6&amp;rdquo; By this occasion I also updated &lt;a href=&#34;https://jquery.com/&#34;&gt;jQuery&lt;/a&gt; v2.2.3 to v.3.4.1.&lt;/p&gt;
&lt;p&gt;Now there wouldn&amp;rsquo;t be any reason not to return to the &lt;code&gt;academic&lt;/code&gt; theme. But I had worked hard the last week and learned so much about my &lt;code&gt;docdock&lt;/code&gt; theme, that I am feeling now very comfortable and will stick with it.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;



&lt;h3 id=&#34;voila-back-to-academic-theme-again&#34;&gt;Voila! Back to Academic theme again!&lt;a href=&#34;#voila-back-to-academic-theme-again&#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;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    &lt;p&gt;Update 2021-05-19: As you can see from the footer, I am back at the Academic theme again!!! The desired stability of the theme development became an unsupportable disadvantage: I couldn&amp;rsquo;t use the new features of Hugo any more. With some breaking changes (Content organization via &lt;a href=&#34;https://gohugo.io/news/0.32-relnotes/&#34;&gt;Page Bundles&lt;/a&gt; and &lt;a href=&#34;https://gohugo.io/news/0.60.0-relnotes/&#34;&gt;Goldmark&lt;/a&gt; as the new default Hugo markdown library) I became with the docdock theme sidelined.&lt;/p&gt;
&lt;p&gt;Why Academic (now Wowchemy web page builder) and not a more simple theme?&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;After four years of learning and (sometimes bad) experiences, I am feeling more comfortable with the whole production chain and have more confidence to master the complex theme now.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Some changes in blogdown (several checking functions and the possibility to fix the Hugo version) addressed the problem of Hugo as a moving target where users had to follow every revision and update.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Both parts of the community (blogdown and Academic) have grown essentially, so help from other users is much more likely.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
  &lt;/div&gt;
&lt;/div&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=Using%20themes%20with%20blogdown:%20Lesson%20learned&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=After%20almost%20one%20year%20of%20interruption,%20I%20started%20re-using%20blogdown%20again.%20%20But%20instead%20of%20writing%20new%20content,%20I%20had%20to%20struggle%20once%20again%20with%20using%20the%20sophisticated%20machinery%20of%20%20Hugo%20hidden%20in%20the%20functionality%20of%20its%20themes.%20%20In%20this%20post,%20I%20will%20report%20on%20my%20Odyssean%20experience%20and%20---%20more%20important%20---%20I%20will%20suggest%20guidelines%20on%20how%20to%20start,%20explore,%20and%20use%20themes%20in%20blogdown.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2018%2F07%2F19%2Fblogdown-using-themes&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2018-07-19&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>What is obvious, and for whom?</title>
      <link>https://notes.peter-baumgartner.net/2017/10/17/what-is-obvious-and-for-whom/</link>
      <pubDate>Tue, 17 Oct 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/10/17/what-is-obvious-and-for-whom/</guid>
      <description>&lt;p&gt;In the last few weeks, I tried to work with &lt;a href=&#34;https://bookdown.org/yihui/bookdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;bookdown&lt;/a&gt;, an R package developed by Yihui Xie. This program is/was for me much harder to understand, unlike &lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown&lt;/a&gt; by the same author. In blogdown, I could even – after some initial problems – write a tutorial which even &lt;a href=&#34;https://yihui.name/en/2017/10/bloggers-vs-book-authors/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;the developer applauded&lt;/a&gt; :sweat_smile:.&lt;/p&gt;
&lt;p&gt;But with bookdown, it was different: Not only that I misunderstood some program functions but more importantly, I could not adequately report my problems in one case, &lt;a href=&#34;https://github.com/rstudio/bookdown/issues/474&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;I did not communicate vital information&lt;/a&gt; in the other case &lt;a href=&#34;https://stackoverflow.com/questions/46742700/is-it-possible-to-change-to-documentclass-scrbook-in-bookdown&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;I did not look at the right place&lt;/a&gt; where my question was explicitly addressed. It is not a surprise that Yihui Xie got angry with me and even wrote a &lt;a href=&#34;https://yihui.name/en/2017/10/not-obvious/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blog post about the incident&lt;/a&gt;. He gave me the advice:&lt;/p&gt;



&lt;h2 id=&#34;please-do-not-make-these-assumptions-when-filing-issues&#34;&gt;Please do not make these assumptions when filing issues&lt;a href=&#34;#please-do-not-make-these-assumptions-when-filing-issues&#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-info&#34; role=&#34;alert&#34;&gt;
&lt;p&gt;Be aware: This is a somewhat theoretical/philosophical discussion.&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;For me, as a professional educator, this is a fundamental question. Where to start with explanations and where to stop? Should I provide just the information to solve the problem, or should I give some background information? What kind of advice should I give to prevent similar issues in the future? These are examples of questions I have to consider as a teacher all the time. But this time, I am on the other side of this communication exchange - I am the learner and student, and I am the one who has to ask the expert.&lt;/p&gt;
&lt;p&gt;Yihui Xie is not blaming me as a user, as he wrote in his last paragraph of the mentioned blog post. You can see his positive attitude in the post on &lt;a href=&#34;https://yihui.name/en/2017/09/the-minimal-reprex-paradox/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;The Minimal Reproducible Example Paradox&lt;/a&gt; where he is complaining that many users do not provide a minimal reproducible example or do not know how to produce one. He comes to a somewhat depressing conclusion:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;How many times have I reminded a user of posting a minimal, self-contained, and reproducible example (&lt;em&gt;reprex&lt;/em&gt;)? Probably 500 times. How many times do I think I will still need to remind users of this? Perhaps 5000 times.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;But again: This is a typical situation we have in education as well. We are explaining the same thing over and over &lt;em&gt;but&lt;/em&gt; — to &lt;em&gt;different&lt;/em&gt; people, students, learners, classes, etc. Even if we explicitly mention common errors and misunderstandings, some learners will always commit these mistakes. When we describe operations you should &lt;em&gt;not&lt;/em&gt; undertake, you can be sure there are one or two who will follow precisely these wrong paths.&lt;/p&gt;



&lt;h2 id=&#34;tacit-knowledge-and-language-games&#34;&gt;Tacit knowledge and language games&lt;a href=&#34;#tacit-knowledge-and-language-games&#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;So what? Are people dumb? Do they deliberately ignore advice? I don’t think so, but instead, there is a gap which cannot be overcome only with linguistic means. It is also a question of transferring &lt;em&gt;tacit knowledge’&lt;/em&gt; to use a notion introduced by Michael Polanyi:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;I shall reconsider human knowledge by starting from the fact that {{&amp;lt; hl &amp;gt;}}we know more than we can tell{{&amp;lt; /hl &amp;gt;}}.(Polanyi 2009)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Many philosophers (e.g., Søren Kirkegaard, Ludwig Wittgenstein, Gregory Bateson, Susan Langer, Jürgen Habermas, Nelson Goodman, to name a few) have reflected about the limitation of linguistic expressions. Wittgenstein, for example, has pointed out that we cannot explain the meaning of every word or sentence because we have to use language with other words and sentences. It is an endless regress that we cannot solve with language alone. We have to share a common ground, and we have to know how “to play the language game.” Following some quotes to give you a flavor of the argument:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;One has already to know (or be able to do) something to be capable of asking a thing’s name. But what does one have to know? (&lt;a href=&#34;http://www.postmoderntherapy.com:80/Wittgenstein/lw21-30c.htm&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Philosophical Investigations 30&lt;/a&gt;) … When one shows someone the king in chess and says: “This is the king,” this does not tell him the use of this piece-unless he already knows the rules of the game up to this last point. (&lt;a href=&#34;http://www.postmoderntherapy.com:80/Wittgenstein/lw31-38c.htm&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;31&lt;/a&gt;) … Someone coming into a strange country will sometimes learn the language of the inhabitants from ostensive definitions that they give him; and he will often have to ‘guess’ the meaning of these definitions; and will guess sometimes right, sometimes wrong. (Wittgenstein 1961)&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;To use a famous philosophical example (Quine 1960): If I point to a white rabbit and say in my foreign language, “Gavagai!” you have to guess the meaning. Do I say, “There is a rabbit!” or “Look at the nice white color!” So even an ostensive definition is under-determined and does not help to choose the right interpretation and to solve the ambiguity of meaning in our speech acts.&lt;/p&gt;
&lt;p&gt;One proposal which could serve as an avenue of escape for this gap or paradox is to invent a special kind of notational system. Common examples to demonstrate this strategy is chess notation or musical notation. I believe that a minimal reproductive example or to deliver the &lt;code&gt;sessionInfo()&lt;/code&gt; is also a kind of notational system. But the problem is the same: One has to learn this (new) language to use it correctly.&lt;/p&gt;



&lt;h2 id=&#34;many-different-layers&#34;&gt;Many different layers&lt;a href=&#34;#many-different-layers&#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;The malice of the situation is the assumption that from the fact that we are using the same (English) words and sentences that we communicate the same meaning and understand to each other. The expert believes that (s)he has expressed every necessary information and so the novice in asking a question. – And this is mostly correct – from his/her point of view or understanding.&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;I have reflected why for me, using bookdown was so much more complicated than blogdown. I started several months ago with &lt;code&gt;bookdown&lt;/code&gt;, but I gave up and started another trial &lt;em&gt;after&lt;/em&gt; I had some success with &lt;code&gt;blogdown&lt;/code&gt;. This sequence seems weird as it appears that for Yihui Xie, the situation was inverse.&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;I think there are different reasons:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Blogdown was written together with &lt;a href=&#34;https://proquestionasker.github.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Amber Thomas&lt;/a&gt; and &lt;a href=&#34;https://apreshill.rbind.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Alison Presmanes Hill&lt;/a&gt;. It was an excellent inventive and successful strategy to integrate authors who can provide the perspective of the user side. In the blogdown book, there are some beneficial chapters about action strategies. They give, on the one hand, practical tips and contain, on the other hand, some (technical) simplification. We, educationalists, call this method “pedagogical reduction”). I refer to chapters like &lt;a href=&#34;https://bookdown.org/yihui/blogdown/a-quick-example.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;A quick example&lt;/a&gt; or &lt;a href=&#34;https://bookdown.org/yihui/blogdown/workflow.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;A recommended workflow&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;The success in working with blogdown is more straight and comes in smaller bits and pieces. You write a sentence with Markdown in your blog, and you can see the result immediately. It seems - at least for laypeople like me - that in blogdown, there are not so many hidden conversion processes as this appears to be the case in bookdown. Bookdown, by definition, provides the means for cross-media publishing resulting in three different products (website, PDF, and ePub), all three with their underlying structure and rules.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;



&lt;h2 id=&#34;the-importance-of-mental-models&#34;&gt;The importance of mental models&lt;a href=&#34;#the-importance-of-mental-models&#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 there is one common point why both blogdown and bookdown are intrinsically difficult to understand for novices: Many different layers of software are working together to produce the result. I am not sure if I am even able to enumerate these different layers correctly: There is&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;the used hardware,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;the operating system,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;R with all its various packages,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;the programming and writing environment RStudio,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Rmarkdown using pandoc,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;knitr,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;blogdown or bookdown,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;the used theme,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;with needs for adoption CSS knowledge,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;git and GitHub,&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;and last but not least, Netlify.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;All of these different tools work on top of each other and/or together. And all of these different levels have their complexities, laws, functions, manuals, commands, etc.&lt;/p&gt;
&lt;p&gt;As long as everything works fine, there is no need to understand the different parts and their interaction and/or synergy. But when something breaks down, then a shift of focus occurs, or as Heidegger says, the worldliness becomes obvious, changing tool usage from “ready-to-hand” to “present-at-hand”(Heidegger 2008). In “ready-to-hand” awareness, you are using tools to fulfill their purpose (to write a blog post); in a breakdown (= “ready-to-hand” awareness), you get consciousness of the complexities inside your tools machinery.&lt;sup id=&#34;fnref:3&#34;&gt;&lt;a href=&#34;#fn:3&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;But here comes now the problem: As users, we are only experts in “ready-to-hand” awareness, and we have no clue about the functionality inside the black box. We can only report some weird behavior about some experienced phenomenon from the “ready-to-hand” perspective. We, laypersons, have constructed a mental model about the functionality of our tools, and we are reporting about the problems with the underlying implicit assumptions of our mental model. The mental model functions as a world view: We see all the different objects, people, etc., under a particular perspective guided by our underlying tacit assumptions.&lt;/p&gt;
&lt;p&gt;After the breakdown, we should question our mental model, but this is very difficult: Our worldview has worked successfully so far. One will not change the world view with just one different fact. The same happens with scientific theories: One other point is a challenge to elaborate on the theory, improve it, and incorporate the anomaly into the argument. Maybe the problem lies in the reluctant fact itself (e.g., the software has a bug, or the author misreported the effect).&lt;/p&gt;



&lt;h2 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;/h2&gt;
&lt;p&gt;So what the fuss with all these abstract ideas? Where is the practical impact of all these considerations? — I make the case in this article that we should focus separately on two different kinds of explanations:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;On the one hand, we users need “ready-to-hand” reasons which are easy to follow even if they are simplified and do not cover all eventualities. We need guidelines, step-by-step (video)-tutorials, etc. Are there shortcuts, tips, and rules of thumb one could follow? And we would need tons of examples! But people who provide this kind of explanation should be aware: This explanation &lt;em&gt;always&lt;/em&gt; is under-determined and cannot prevent misunderstandings. Lacking the necessary knowledge, we still have to interpret what “Gavagai!” means.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;On the other hand, we users need at the same time “present-to-hand” explanations to build up correct mental models of the inherent complexities and functionalities of the tools. Which software components rely on which other parts? What is the task of component X, and how is it related to the ready-to-hand functionality? But people who provide this kind of explanation should be aware: This level of explication is not a technical one, not directed to other experts. (This is another critical third level of description and documentation, one I will not cover here in this article). So we would need individual formats like diagrams of the interconnectedness and synergistic effects. The result is a kind of &lt;em&gt;multiple representations&lt;/em&gt; and would provide additional access to discover the functionality of different parts of the software machinery.&lt;sup id=&#34;fnref:4&#34;&gt;&lt;a href=&#34;#fn:4&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;4&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;A piece of advice like “Please do not make this assumption when filing issues.” are basic ethical guidelines but not very practical and helpful. We are &lt;em&gt;always&lt;/em&gt; using (implicit) assumptions. In stating one proposition, we rely on a set of different assumptions; otherwise, we could not use language and construct meaningful sentences. The problem is to know &lt;em&gt;what assumptions are to test and what assumptions are to rely on.&lt;/em&gt;&lt;sup id=&#34;fnref:5&#34;&gt;&lt;a href=&#34;#fn:5&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;5&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;There is no possibility to examine all belief systems at the same time. The whole book “On Certainty” by Ludwig Wittgenstein Wittgenstein (1975) is full of aphorisms about tacit assumptions we rely on. Our knowledge does not consist of separated propositions but is a system of interconnected views/opinions. I will close this post with some quotes by Wittgenstein to illustrate this point.&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;§139. Not only rules, but also examples are needed for establishing a practice. Our rules leave loop-holes open, and the practice has to speak for itself.&amp;quot;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;§142. It is not single axioms that strike me as obvious, it is a system in which consequences and premises give one another &lt;em&gt;mutual&lt;/em&gt; support.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;§144. The child learns to believe a host of things. I.e. it learns to act according to these beliefs. Bit by bit there forms a system of what is believed, and in that system some things stand unshakeably fast and some are more or less liable to shift. What stands fast does so, not because it is intrinsically obvious or convincing; it is instead held fast by what lies around it.&lt;sup id=&#34;fnref:6&#34;&gt;&lt;a href=&#34;#fn:6&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;6&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;a href=&#34;https://stackoverflow.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;StackOverflow&lt;/a&gt; for instance, is very, very good for “ready-to-hand” explanations but does - as far as I know - a lousy job for building up mental models. Discussions about different but similar software packages, their advantages and disadvantages are forbidden.&lt;sup id=&#34;fnref:7&#34;&gt;&lt;a href=&#34;#fn:7&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;7&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;



&lt;h2 id=&#34;references&#34;&gt;References&lt;a href=&#34;#references&#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;&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=What%20is%20obvious,%20and%20for%20whom?&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Inspired%20by%20a%20blog%20post%20by%20Yihui%20Xie,%20I%20reflect%20in%20this%20post%20about%20communications%20difficulties%20between%20experts%20(e.g.,%20software%20engineers)%20and%20laypersons%20(users).%20Starting%20position%20is%20my%20fault%20in%20providing%20the%20complete%20and%20correct%20information%20when%20filing%20issues%20about%20bookdown%20and%20blogdown.%20Be%20aware:%20This%20is%20a%20somewhat%20theoretical/philosophical%20discussion.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F10%2F17%2Fwhat-is-obvious-and-for-whom&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-10-17&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;div id=&#34;refs&#34; class=&#34;references csl-bib-body hanging-indent&#34;&gt;
&lt;div id=&#34;ref-heidegger2008&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;Heidegger, Martin. 2008. &lt;em&gt;Being and Time&lt;/em&gt;. Reprint. New York: Harper Perennial Modern Classics.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;ref-polanyi2009&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;Polanyi, Michael. 2009. &lt;em&gt;The Tacit Dimension&lt;/em&gt;. University of Chicago Press.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;ref-quine1960&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;Quine, Willard Van Orman. 1960. &lt;em&gt;Word and Object&lt;/em&gt;. The Mit Press.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;ref-wittgenstein1961&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;Wittgenstein, Ludwig. 1961. &lt;em&gt;Philosophical investigations&lt;/em&gt;. New York: Macmillan.&lt;/p&gt;
&lt;/div&gt;
&lt;div id=&#34;ref-wittgenstein1975&#34; class=&#34;csl-entry&#34;&gt;
&lt;p&gt;———. 1975. &lt;em&gt;On Certainty&lt;/em&gt;. Revised ed. Oxford: John Wiley; Sons Ltd.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;I could tell some jokes about misunderstandings between Germans and Austrians, both using German as their native language. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:2&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;He said that blogdown was especially complicated to develop, but I cannot find the place at the moment to quote it correctly. &lt;a href=&#34;#fnref:2&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:3&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;For an understandable description of the philosophical concept of ‘breakdown’ read this &lt;a href=&#34;https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/breakdowns&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;example on Human-Computer Interaction&lt;/a&gt; &lt;a href=&#34;#fnref:3&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:4&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;An essential step for me in understanding the complex template structure of Hugo was to write in every template the sentence: “This here is the template &lt;name of the file&gt;” and to see what happens in different situations &lt;a href=&#34;#fnref:4&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:5&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;BTW: This is the same conclusion as Yihui Xie has drawn: “To clarify, I’m not blaming this user. I can totally understand it. Many users do the same thing. The problem is that there are so many possibilities for software to screw up, so you have to describe everything clearly to eliminate as many possibilities as possible.”— So we do have the same analysis. Still, I propose (in addition to reflect and report all hidden assumptions) another new long-term strategy (namely helping to build up correct mental models about the complex software dependencies) to prevent similar faults as I have committed. &lt;a href=&#34;#fnref:5&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:6&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;To prevent a possible misunderstanding: I do not think that only or even predominantly software engineers are responsible for the two mentioned explanation levels. Their expertise is to develop programs, document them, and resolve bugs. I just want to point out that there should be more focus on these two levels and that more people should be concerned about providing information on these two levels. &lt;a href=&#34;#fnref:6&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:7&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;At least this is *my* mental model from &lt;a href=&#34;https://stackoverflow.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;StackOverflow&lt;/a&gt; For instance, the moderator closed my question about the difference between &lt;a href=&#34;https://rstudio.github.io/packrat/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;packrat&lt;/a&gt; and &lt;a href=&#34;https://cran.r-project.org/web/packages/checkpoint/index.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;checkpoint&lt;/a&gt; as off-topic. &lt;a href=&#34;#fnref:7&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>Disqus installation again</title>
      <link>https://notes.peter-baumgartner.net/2017/10/03/disqus-installation-again/</link>
      <pubDate>Tue, 03 Oct 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/10/03/disqus-installation-again/</guid>
      <description>&lt;p&gt;A short personal note on my tutorial on Disqus installation: I have used for my screenshots, not this &lt;code&gt;docdock&lt;/code&gt; but the hugo-academic theme. I have changed from &lt;code&gt;docdock&lt;/code&gt; to &lt;code&gt;hugo-academic&lt;/code&gt; and now (2017-05-31) I am back at &lt;code&gt;docdock&lt;/code&gt; again. I will explain the reason for this twofold change in one of my next blog post. I am also planning to update text and screenshots to the new blogdown versions.&lt;/p&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Update: 2021-05-19: Almost exactly four years later I&amp;rsquo;m ruefully back at the Academic theme again.🤭
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In my tutorial &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/&#34;&gt;How to install disqus on Hugo&lt;/a&gt; I have used the &lt;a href=&#34;https://github.com/gcushen/hugo-academic&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo-academic theme&lt;/a&gt; to demonstrate the installation process. The article was one of my first contact with static websites, and I experimented with it at &lt;a href=&#34;https://portfolio.peter-baumgartner.net&#34;&gt;https://portfolio.peter-baumgartner.net&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;After some experiences with the academic website, I looked for other themes which are using more prominent the blog function. I came up with this beautiful and very functional &lt;a href=&#34;https://github.com/vjeantet/hugo-theme-docdock&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo-theme-docdock&lt;/a&gt; website for documentation. But for the tutorial, I have used a different code for the integration of Disqus proposed by &lt;a href=&#34;https://support.rbind.io/2017/04/25/yihui-website/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Yihui Xie&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;In the meanwhile, Yihui has suggested his approach as a &lt;a href=&#34;https://github.com/gohugoio/hugo/pull/3639&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;pull request&lt;/a&gt; which was accepted by the Hugo team. So I assume that in a new release we will all get this more elaborated disqus integration code in the standard Hugo installation.&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=Disqus%20installation%20again&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=A%20short%20personal%20note%20on%20my%20tutorial%20on%20Disqus%20installation:%20I%20have%20used%20for%20my%20screenshots,%20not%20this%20%60docdock%60%20but%20the%20hugo-academic%20theme.%20I%20have%20changed%20from%20%60docdock%60%20to%20%60hugo-academic%60%20and%20now%20(2017-05-31)%20I%20am%20back%20at%20%60docdock%60%20again.%20I%20will%20explain%20the%20reason%20for%20this%20twofold%20change%20in%20one%20of%20my%20next%20blog%20post.%20I%20am%20also%20planning%20to%20update%20text%20and%20screenshots%20to%20the%20new%20blogdown%20versions.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F10%2F03%2Fdisqus-installation-again&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-10-03&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>Alternatives for Disqus?</title>
      <link>https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/</link>
      <pubDate>Thu, 14 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/</guid>
      <description>&lt;p&gt;&lt;a href=&#34;https://disqus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Disqus&lt;/a&gt; is a top-rated service for hosting and managing comments. But it has as an external service several disadvantages which opposed the philosophy of static websites diametrically. I discuss some alternatives for integrating discussion fora with static websites.&lt;/p&gt;



&lt;h2 id=&#34;disqus-has-a-long-list-of-drawbacks&#34;&gt;Disqus has a long list of drawbacks&lt;a href=&#34;#disqus-has-a-long-list-of-drawbacks&#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;In &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/&#34;&gt;one of my tutorials&lt;/a&gt; I have explained how to integrate &lt;a href=&#34;https://disqus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Disqus&lt;/a&gt; into your static website. But in this article, I recommend looking for alternative comment services. Why this different standpoint? In the meanwhile, I read several articles questioning Disqus. Here is a list of critiques I found on the web (without ranking):&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Disqus is slow and has a bad (re-)loading behavior.&lt;/li&gt;
&lt;li&gt;Disqus is tracking many different things for different customers, some of them hidden and unknown.&lt;/li&gt;
&lt;li&gt;Disqus does not allow &lt;code&gt;Markdown&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;Disqus does not allow anonymous content (IP address, email, and name are recorded).&lt;/li&gt;
&lt;li&gt;Disqus is hosted in the USA, which is considered to have less strict privacy laws than Europe.&lt;/li&gt;
&lt;li&gt;Disqus is not open source.&lt;/li&gt;
&lt;li&gt;Disqus does not allow that users can use free licenses for their comments. It is not clear who has ownership of the comments.&lt;/li&gt;
&lt;li&gt;Disqus is one central authority collecting all comments of your website visitors and users on &lt;em&gt;their&lt;/em&gt; servers.&lt;/li&gt;
&lt;/ul&gt;














&lt;figure  id=&#34;figure-request-log&#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;A graphic showing the request log with Disqus enabled&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/DisqusLoadLogHigh-min_hu509784158ddcc0adf8082393e5bbfa49_225133_caf5b5fd89c8d8e15c916060f950c7bf.png 400w,
               /2017/09/14/alternatives-for-disqus/images/DisqusLoadLogHigh-min_hu509784158ddcc0adf8082393e5bbfa49_225133_ca4bf2c114c90c13da774aa5fac4b9a4.png 760w,
               /2017/09/14/alternatives-for-disqus/images/DisqusLoadLogHigh-min_hu509784158ddcc0adf8082393e5bbfa49_225133_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/DisqusLoadLogHigh-min_hu509784158ddcc0adf8082393e5bbfa49_225133_caf5b5fd89c8d8e15c916060f950c7bf.png&#34;
               width=&#34;100%&#34;
               height=&#34;760&#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;
      A typical request log with Disqus enabled: There are 105 network requests vs. 16 without Disqus. Load-time rises between 2 to 6 seconds.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Especially the first and last bullet points defeat the advantages of a static website: Speed and &lt;em&gt;all&lt;/em&gt; content always at your disposal. On a static website, data are just plain text files, saved locally on your hard disk. Therefore you can static sites transfer easily: Compress all your data in one zip file and unzip it where ever you want it. With Disqus, these advantages are not valid anymore because your blog text and its comments are hosted separately on different servers.&lt;/p&gt;



&lt;h2 id=&#34;what-are-alternatives-for-disqus&#34;&gt;What are alternatives for Disqus?&lt;a href=&#34;#what-are-alternatives-for-disqus&#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;Summarizing the disadvantages, I mentioned above I am looking for a system which is&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;free&lt;/li&gt;
&lt;li&gt;open source&lt;/li&gt;
&lt;li&gt;and does not host the user-generated comments centrally&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The &lt;a href=&#34;https://gohugo.io/content-management/comments/#comments-alternatives&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo page on comments&lt;/a&gt; lists six available alternatives for comment on static websites&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;. On &lt;a href=&#34;https://alternativeto.net/software/master-comments-system/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;AlternativeTo&lt;/a&gt; you will find 16 systems&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;



&lt;h2 id=&#34;cursory-review-on-some-services&#34;&gt;Cursory review on some services&lt;a href=&#34;#cursory-review-on-some-services&#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;staticman&#34;&gt;Staticman&lt;a href=&#34;#staticman&#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;figure  id=&#34;figure-staticman&#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;Screenshot of Staticman&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/staticman-min_hufab7c5ef618e6b89adcc47c7fdd41818_99466_b3434f75d191d8149ad486987abcdae1.png 400w,
               /2017/09/14/alternatives-for-disqus/images/staticman-min_hufab7c5ef618e6b89adcc47c7fdd41818_99466_848e2262dbb062a42817486c2426b69c.png 760w,
               /2017/09/14/alternatives-for-disqus/images/staticman-min_hufab7c5ef618e6b89adcc47c7fdd41818_99466_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/staticman-min_hufab7c5ef618e6b89adcc47c7fdd41818_99466_b3434f75d191d8149ad486987abcdae1.png&#34;
               width=&#34;100%&#34;
               height=&#34;571&#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;
      Screenshot of Staticman&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://staticman.net/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Staticman&lt;/strong&gt;&lt;/a&gt; is open source and transforms user-generated content into data files to merge in your &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; repository, along with the rest of your content. This approach seems promising for me, but until now, I couldn&amp;rsquo;t manage to install it. I have &lt;a href=&#34;https://github.com/eduardoboucas/staticman/issues/134&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;reported my problem&lt;/a&gt;, and I am currently waiting for help. As soon as I know how to fix it, I will review the system here on these pages.&lt;sup id=&#34;fnref:3&#34;&gt;&lt;a href=&#34;#fn:3&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;!--
**[txtpen](https://txtpen.com/)**: txtpen is proprietary software and collects data on its server. e.g., it does not qualify as a better alternative to Disqus. But txtpen is interesting for another reason: It is a service for commenting inline annotation, but not a good one. There are others with better interfaces and more widespread like the proprietary platform [diigo](https://www.diigo.com/) and especially the open source project [hypothes.is](https://web.hypothes.is/). 

&lt;div class=&#34;alert alert-warning&#34; role=&#34;alert&#34;&gt;
&lt;b&gt;Update 2019-05-31:&lt;/b&gt; The txtpen link does not work anymore.
&lt;/div&gt;
--&gt;



&lt;h3 id=&#34;hyothesis&#34;&gt;hyothes.is&lt;a href=&#34;#hyothesis&#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;figure  id=&#34;figure-hypothesis&#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;Screenshot of hypothe.is&amp;#39; website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/hypothesis-min_hu12ef4e1928ac7798b24975f215931ec0_60635_9738ce20d84ada2c823c4101486f7030.png 400w,
               /2017/09/14/alternatives-for-disqus/images/hypothesis-min_hu12ef4e1928ac7798b24975f215931ec0_60635_f6c4b7904ba9ba9ebe800d4209256a4e.png 760w,
               /2017/09/14/alternatives-for-disqus/images/hypothesis-min_hu12ef4e1928ac7798b24975f215931ec0_60635_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/hypothesis-min_hu12ef4e1928ac7798b24975f215931ec0_60635_9738ce20d84ada2c823c4101486f7030.png&#34;
               width=&#34;100%&#34;
               height=&#34;519&#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;
      Screenshot of hypothe.is&#39; website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://web.hypothes.is/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;hypothes.is&lt;/strong&gt;&lt;/a&gt; wants to provide &amp;ldquo;a conversation layer over the entire web that works everywhere, without needing implementation by any underlying site&amp;rdquo;. As far as I understand, for this approach, the data has to be stored centrally. So this software again is not an alternative to Disqus. This remark is not a critique of &lt;code&gt;hypothes.is&lt;/code&gt; because it belongs to another category of software services. It has a new approach worth reviewing later in more detail.&lt;/p&gt;



&lt;h3 id=&#34;intensedebate&#34;&gt;IntenseDebate&lt;a href=&#34;#intensedebate&#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;figure  id=&#34;figure-intensedebate&#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;Screenshot of IntenseDebate&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/intensedebate-min_hu21b4bc57b5f11bb5a86f90ea7585be03_80539_1ed611126fbf4935c39f219e092b9d01.png 400w,
               /2017/09/14/alternatives-for-disqus/images/intensedebate-min_hu21b4bc57b5f11bb5a86f90ea7585be03_80539_09b1f64baaaccfd416cdc8cf0c3d5b25.png 760w,
               /2017/09/14/alternatives-for-disqus/images/intensedebate-min_hu21b4bc57b5f11bb5a86f90ea7585be03_80539_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/intensedebate-min_hu21b4bc57b5f11bb5a86f90ea7585be03_80539_1ed611126fbf4935c39f219e092b9d01.png&#34;
               width=&#34;100%&#34;
               height=&#34;519&#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;
      Screenshot of IntenseDebate&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;http://intensedebate.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;IntenseDebate&lt;/strong&gt;&lt;/a&gt; is a feature-rich comment system for many blogging resp. CMS platforms. IntenseDebate is developed by the people who are behind many other well-known software services (e.g., WordPress.com, WooCommerce, Jetpack, Simplenote, VaultPress, Akismet, Gravatar, to name a few). It seems a bit odd that I could not find newer information on their blog than &lt;a href=&#34;https://blog.intensedebate.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;January 2014&lt;/a&gt;&lt;sup id=&#34;fnref:4&#34;&gt;&lt;a href=&#34;#fn:4&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;4&lt;/a&gt;&lt;/sup&gt;. It is &lt;a href=&#34;https://intensedebate.com/tos&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;free but not open source&lt;/a&gt;, but it hosts the content centrally in the US. IntenseDebate is, therefore, no candidate for replacing Disqus.&lt;/p&gt;



&lt;h3 id=&#34;graphcomment&#34;&gt;Graphcomment&lt;a href=&#34;#graphcomment&#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;figure  id=&#34;figure-graphcomment&#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;Screenshot of Graphcomment&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/graphcomment-min_huf02ccbb92961842e77cb4ffd2a5cfe54_316106_a485a8acbc2e6c874eb6f243f3da394f.png 400w,
               /2017/09/14/alternatives-for-disqus/images/graphcomment-min_huf02ccbb92961842e77cb4ffd2a5cfe54_316106_8f561885d17eedd73be43de4414363ab.png 760w,
               /2017/09/14/alternatives-for-disqus/images/graphcomment-min_huf02ccbb92961842e77cb4ffd2a5cfe54_316106_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/graphcomment-min_huf02ccbb92961842e77cb4ffd2a5cfe54_316106_a485a8acbc2e6c874eb6f243f3da394f.png&#34;
               width=&#34;100%&#34;
               height=&#34;453&#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;
      Screenshot of Graphcomment&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://graphcomment.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Graphcomment&lt;/strong&gt;&lt;/a&gt; is a beautifully designed commenting service with a (limited) free plan. But it is disqualified under my criteria as the code is not open source and it hosts the comments centrally too.&lt;/p&gt;



&lt;h3 id=&#34;muut&#34;&gt;MUUT&lt;a href=&#34;#muut&#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;figure  id=&#34;figure-muut&#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;Screenshot of MUUT&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/muut-min_hu3a03c2103a524e6a5c31d5cbed65f498_140008_a7d399a96d82b68d07beeac88de9a60e.png 400w,
               /2017/09/14/alternatives-for-disqus/images/muut-min_hu3a03c2103a524e6a5c31d5cbed65f498_140008_ea07933cc64d6ca1c8cbabc01e3910f9.png 760w,
               /2017/09/14/alternatives-for-disqus/images/muut-min_hu3a03c2103a524e6a5c31d5cbed65f498_140008_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/muut-min_hu3a03c2103a524e6a5c31d5cbed65f498_140008_a7d399a96d82b68d07beeac88de9a60e.png&#34;
               width=&#34;100%&#34;
               height=&#34;512&#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;
      Screenshot of MUUT&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://muut.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;MUUT&lt;/strong&gt;&lt;/a&gt; &lt;a href=&#34;http://learn.muut.com/faq&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;does not allow pre-moderation&lt;/a&gt;, e.g. every comment is online immediately. This is an interesting approach, but it is no alternative to Disqus: There is no free plan, and all rights of the user-generated content belong to MUUT!&lt;/p&gt;



&lt;h3 id=&#34;isso&#34;&gt;ISSO&lt;a href=&#34;#isso&#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;figure  id=&#34;figure-isso&#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;Screenshot of ISSO&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/isso-min_hu578aecbbc512d89f0d0765151ee58559_54910_21bdf77fd1f4c23127436a729fa27f16.png 400w,
               /2017/09/14/alternatives-for-disqus/images/isso-min_hu578aecbbc512d89f0d0765151ee58559_54910_808a547cffbdbb2b39af368e6fa053ba.png 760w,
               /2017/09/14/alternatives-for-disqus/images/isso-min_hu578aecbbc512d89f0d0765151ee58559_54910_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/isso-min_hu578aecbbc512d89f0d0765151ee58559_54910_21bdf77fd1f4c23127436a729fa27f16.png&#34;
               width=&#34;100%&#34;
               height=&#34;512&#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;
      Screenshot of ISSO&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://posativ.org/isso/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;ISSO&lt;/strong&gt;&lt;/a&gt; is a lightweight commenting service, programmed in &lt;code&gt;Python&lt;/code&gt;, which allows anonymous comments. It is free, open-source, and installed locally. So it does qualify! But the installation procedure seems complex as there is no GUI, and one has to use the terminal for the installation. Furthermore, it seems to me that not all operating systems are covered. But I should give it a try anyway and review it.&lt;/p&gt;



&lt;h3 id=&#34;discourse&#34;&gt;Discourse&lt;a href=&#34;#discourse&#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;figure  id=&#34;figure-discourse&#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;Screenshot of Discourse&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/discourse-min_hu097cd2ee81aca4bbc37db19c94e5cf55_194821_6bedc61495112b8b9f96ff5859426552.png 400w,
               /2017/09/14/alternatives-for-disqus/images/discourse-min_hu097cd2ee81aca4bbc37db19c94e5cf55_194821_03df897ec707b95c681c0a3eb5b09441.png 760w,
               /2017/09/14/alternatives-for-disqus/images/discourse-min_hu097cd2ee81aca4bbc37db19c94e5cf55_194821_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/discourse-min_hu097cd2ee81aca4bbc37db19c94e5cf55_194821_6bedc61495112b8b9f96ff5859426552.png&#34;
               width=&#34;100%&#34;
               height=&#34;480&#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;
      Screenshot of Discourse&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;https://www.discourse.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Discourse&lt;/strong&gt;&lt;/a&gt; is a feature-rich open-source environment, supports &lt;code&gt;Markdown&lt;/code&gt; and allows anonymous posting. As a hosting service, it has no free plan and costs a minimum of US$ 100 / month (with &lt;del&gt;80%&lt;/del&gt; 85% discount for educational resp. 50% for non-profit institutions.). But you can install Discourse yourself without cost on your server. &lt;del&gt;Alternatively, you can pay a one-time fee of US$99 for a cloud installation with a US$10/month hosting fee.&lt;/del&gt;&lt;sup id=&#34;fnref:5&#34;&gt;&lt;a href=&#34;#fn:5&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;5&lt;/a&gt;&lt;/sup&gt; With the possibility to install it on your server, &lt;code&gt;Discourse&lt;/code&gt; is another candidate to try out.&lt;/p&gt;



&lt;h3 id=&#34;using-github-&#34;&gt;Using GitHub ()&lt;a href=&#34;#using-github-&#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;figure  id=&#34;figure-gazoovrv&#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;Screenshot of Gazoo.vrv, Don Williamson&amp;#39;s website&#34; srcset=&#34;
               /2017/09/14/alternatives-for-disqus/images/don-williamson-min_hu5eaf9faa0b54e404f75611b3929944cb_33198_4ef52a86ca940f206c33863762441b47.png 400w,
               /2017/09/14/alternatives-for-disqus/images/don-williamson-min_hu5eaf9faa0b54e404f75611b3929944cb_33198_2b6de6efdeb96fb6823776689b9e7df9.png 760w,
               /2017/09/14/alternatives-for-disqus/images/don-williamson-min_hu5eaf9faa0b54e404f75611b3929944cb_33198_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/14/alternatives-for-disqus/images/don-williamson-min_hu5eaf9faa0b54e404f75611b3929944cb_33198_4ef52a86ca940f206c33863762441b47.png&#34;
               width=&#34;100%&#34;
               height=&#34;547&#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;
      Screenshot of Gazoo.vrv, Don Williamson&amp;rsquo;s website
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;&lt;a href=&#34;http://donw.io/post/github-comments/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;&lt;strong&gt;Using GitHub&lt;/strong&gt;&lt;/a&gt;: Another website is also recommending to use &lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; for comments. I have no clear idea how these proposed code lines will work in practice, but if it works, then it will certainly qualify: Open source, free, supporting &lt;code&gt;Markdown&lt;/code&gt; and hosted by the website owner.&lt;sup id=&#34;fnref:6&#34;&gt;&lt;a href=&#34;#fn:6&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;6&lt;/a&gt;&lt;/sup&gt;&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;I reviewed superficially different commenting systems. I was looking for a free, open source system, allowing anonymous content, &lt;code&gt;Markdown&lt;/code&gt; and hosted by the website owner. Four services seem to fulfill my criteria: &lt;code&gt;Staticman&lt;/code&gt;, &lt;code&gt;ISSO&lt;/code&gt;, &lt;code&gt;Discourse&lt;/code&gt; and a code proposal by &lt;code&gt;Don Williamson&lt;/code&gt;. &lt;code&gt;hypothes.is&lt;/code&gt; is an exciting project, but not a commenting system. It belongs, therefore, to a different category of software (annotation systems).&lt;/p&gt;
&lt;p&gt;A competent review of these four systems requires a test installation, which I plan to do in the next few weeks.&lt;sup id=&#34;fnref:7&#34;&gt;&lt;a href=&#34;#fn:7&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;7&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update 2021-05-18: There are now ten services listed. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:2&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update 2021-05-18: There are 29 services listed, but not all are open source, and some have already discontinued their service. &lt;a href=&#34;#fnref:2&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:3&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update 2021-05-18: Even with some help by the developer I couldn&amp;rsquo;t manage to integrate it. Seems that my knowledge four years ago wasn&amp;rsquo;t enough. &lt;a href=&#34;#fnref:3&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:4&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update: 2021-05-18: Their blog is not updated anymore, but the main website has recent information, as the footer with copyright 2021 demonstrates. &lt;a href=&#34;#fnref:4&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:5&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update 2021-05-18: I adapted the changes of plans. &lt;a href=&#34;#fnref:5&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:6&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update: 2021-05-18: Now - four years later - I understand this approach perfectly. There are, in the meanwhile, already a bunch of different services using GitHub. In the new version of this blog, I am using &lt;a href=&#34;https://utteranc.es/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;utteranc.es&lt;/a&gt; a lightweight comments widget built on GitHub issues. &lt;a href=&#34;#fnref:6&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:7&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;Update 2021-05-18: I have never done these test installations. But at least I have revised this old article. I am still planning to look into details at least of some of these commenting systems. I am using now utteranc.es, and the Academic theme of this blog provides &lt;a href=&#34;https://commento.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;commento&lt;/a&gt;, another alternative to Disqus. &lt;a href=&#34;#fnref:7&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
    <item>
      <title>How to install Disqus on Hugo?</title>
      <link>https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/</link>
      <pubDate>Sun, 10 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/</guid>
      <description>


&lt;h2 id=&#34;1-sign-up&#34;&gt;1. Sign up&lt;a href=&#34;#1-sign-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;/h2&gt;
&lt;p&gt;First of all you have to sign up for &lt;a href=&#34;https://disqus.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Disqus&lt;/a&gt;. 













&lt;figure  id=&#34;figure-create-an-account-on-disqus&#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;Create an account on Disqus.&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/sign-up_hu0d34b0c388d8c46ac552674cbf861e9d_131606_b3e5fc93145ee05b23697b5cd78b0107.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/sign-up_hu0d34b0c388d8c46ac552674cbf861e9d_131606_7a827da1f1b5b68436b5f28642d687c9.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/sign-up_hu0d34b0c388d8c46ac552674cbf861e9d_131606_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/sign-up_hu0d34b0c388d8c46ac552674cbf861e9d_131606_b3e5fc93145ee05b23697b5cd78b0107.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&gt;
      Create an account on Disqus.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;2-install-disqus&#34;&gt;2. Install Disqus&lt;a href=&#34;#2-install-disqus&#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;You are offered two choices after the registration process. Select &amp;lsquo;I want to install Disqus on my site&amp;rsquo;. 













&lt;figure class=&#34;small&#34; id=&#34;figure-choose-install-disqus&#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 &amp;#39;Install Disqus&amp;#39;&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/two-choices_hu4e8c94df3133d988800ab5f72679f22f_25589_57682a79f5c85daeee602d5caa618923.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/two-choices_hu4e8c94df3133d988800ab5f72679f22f_25589_67c10275a4a7dff8deac20460f231251.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/two-choices_hu4e8c94df3133d988800ab5f72679f22f_25589_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/two-choices_hu4e8c94df3133d988800ab5f72679f22f_25589_57682a79f5c85daeee602d5caa618923.png&#34;
               width=&#34;550&#34;
               height=&#34;760&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Choose &amp;lsquo;Install Disqus&amp;rsquo;
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;3-fill-in-the-form&#34;&gt;3. Fill in the form&lt;a href=&#34;#3-fill-in-the-form&#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;Disqus needs some information for adding a forum to your website. I will add just two remarks as the form is mostly self-explaining. Firstly, the website name is a text snippet that will appear in the head of every forum section. It does not have to be related to you website name. Secondly, make a note of your Disqus short name as you are going to use it in step 5 and 6. 













&lt;figure  id=&#34;figure-configure-disqus-for-your-site&#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;Configure Disqus for your site&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/fill-in-form_huf33795d62339beba695d12bbc0dcd34e_121292_7ad20fe7f523abab7bbc625f5747ae9e.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/fill-in-form_huf33795d62339beba695d12bbc0dcd34e_121292_3854ef3d5fa324e0b47f26ca4899fefe.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/fill-in-form_huf33795d62339beba695d12bbc0dcd34e_121292_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/fill-in-form_huf33795d62339beba695d12bbc0dcd34e_121292_7ad20fe7f523abab7bbc625f5747ae9e.png&#34;
               width=&#34;643&#34;
               height=&#34;760&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Configure Disqus for your site
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;4-find-discussion-template&#34;&gt;4. Find discussion template&lt;a href=&#34;#4-find-discussion-template&#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;With the next two steps we are going to fix the problem of a faulty Hugo template. Look for the file &amp;lsquo;single.html&amp;rsquo; and open it in the editor to inspect the content. &lt;code&gt;single.html&lt;/code&gt; should be under &lt;code&gt;/themes/&amp;lt;your-theme-nam&amp;gt;/layouts/_default&lt;/code&gt;. At the end of the file &amp;ndash; just before the footer &amp;ndash;, you should find the name of the partial template for your discussion forum (= &amp;lsquo;comments-html&amp;rsquo; in my case). 













&lt;figure  id=&#34;figure-configure-disqus-for-your-site&#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;Configure Disqus for your site.&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/find-discussion-template_huf811ced19a8aeaf6f5982c30de7c7de3_143539_cf51875457aa0b1b797e9e1fb3160e1b.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/find-discussion-template_huf811ced19a8aeaf6f5982c30de7c7de3_143539_f00111d287ec7e71f0462831b1e403cf.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/find-discussion-template_huf811ced19a8aeaf6f5982c30de7c7de3_143539_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/find-discussion-template_huf811ced19a8aeaf6f5982c30de7c7de3_143539_cf51875457aa0b1b797e9e1fb3160e1b.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&gt;
      Configure Disqus for your site.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;5-replace-content&#34;&gt;5. Replace content&lt;a href=&#34;#5-replace-content&#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;Now go and edit this file, which should be found under &lt;code&gt;/themes/&amp;lt;your-theme-nam&amp;gt;/layouts/partials&lt;/code&gt;. You have to replace the whole content with the &lt;a href=&#34;https://github.com/rstudio/blogdown/issues/52#issuecomment-288407836&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;code snippet provided by Yihui Xie&lt;/a&gt; (Thanks a lot by the way!!). To help you, you can &lt;a href=&#34;https://github.com/petzi53/weblog/commit/b7993533e501e2f1668375e22fe05e1ceb7d87ae?diff=split&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;compare my changes at GitHub&lt;/a&gt;. But don&amp;rsquo;t forget to change the URL to your Disqus account [as I did :blush:]! 













&lt;figure  id=&#34;figure-replace-content-of-your-partial-template-as-explained&#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;Replace content of your partial template as explained&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/my-github-changes_hu6a383ee614262c9dacedca7f6b9bce73_101297_5237f81468f1cf1d195932f781c6d36b.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/my-github-changes_hu6a383ee614262c9dacedca7f6b9bce73_101297_58ebfecd1e202420a6e031c64fddbec1.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/my-github-changes_hu6a383ee614262c9dacedca7f6b9bce73_101297_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/my-github-changes_hu6a383ee614262c9dacedca7f6b9bce73_101297_5237f81468f1cf1d195932f781c6d36b.png&#34;
               width=&#34;760&#34;
               height=&#34;309&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Replace content of your partial template as explained
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;6-add-shortname&#34;&gt;6. Add shortname&lt;a href=&#34;#6-add-shortname&#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 finish the installation you have finally to add the line &lt;code&gt;disqusShortname = &amp;quot;&amp;lt;your-disqus-shortname&amp;gt;&amp;quot;&lt;/code&gt; to your config.toml. 













&lt;figure  id=&#34;figure-add-your-disqus-short-name-into-the-configtoml&#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;Add your Disqus short name into the config.toml&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/add-disqus-shortname_hu998490df6211d796b582e89dd27b5c5a_89864_09b10b90e44035e543c32c93215e34c5.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/add-disqus-shortname_hu998490df6211d796b582e89dd27b5c5a_89864_22acde4ad1abd36b6bff73099bcf10ed.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/add-disqus-shortname_hu998490df6211d796b582e89dd27b5c5a_89864_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/add-disqus-shortname_hu998490df6211d796b582e89dd27b5c5a_89864_09b10b90e44035e543c32c93215e34c5.png&#34;
               width=&#34;760&#34;
               height=&#34;538&#34;
               loading=&#34;lazy&#34; data-zoomable /&gt;&lt;/div&gt;
  &lt;/div&gt;&lt;figcaption&gt;
      Add your Disqus short name into the config.toml
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;7-congratulation&#34;&gt;7. Congratulation!&lt;a href=&#34;#7-congratulation&#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;You have integrated Disqus into your static website. Go to one of your posts and check it. Your end of the page should look similar as in the following graphic. 













&lt;figure  id=&#34;figure-disqus-forum-successfully-integrated&#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;Disqus forum successfully integrated&#34; srcset=&#34;
               /2017/09/10/how-to-install-disqus-on-hugo/images/disqus-integrated_hu38a0011c7955b2af3cb7354832802e4e_95356_9d3d9125f3758d18ab037f7d2118828c.png 400w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/disqus-integrated_hu38a0011c7955b2af3cb7354832802e4e_95356_254fec1d9e8bf6d08faf82790c16bf8f.png 760w,
               /2017/09/10/how-to-install-disqus-on-hugo/images/disqus-integrated_hu38a0011c7955b2af3cb7354832802e4e_95356_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/images/disqus-integrated_hu38a0011c7955b2af3cb7354832802e4e_95356_9d3d9125f3758d18ab037f7d2118828c.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&gt;
      Disqus forum successfully integrated
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h2 id=&#34;critical-remark-to-disqus&#34;&gt;Critical remark to Disqus&lt;a href=&#34;#critical-remark-to-disqus&#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 should mention that there is growing skepticism in the community about Disqus. People are not only criticizing slowness (load-time behavior) but above all they are concerned about data integrity. It seems that there are lots of &lt;a href=&#34;http://donw.io/post/github-comments/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;irrelevant requests&lt;/a&gt; to track the data traffic for whatever purpose nobody knows.&lt;/p&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    Four years later I have changed to &lt;a href=&#34;https://utteranc.es&#34;&gt;utteranc.es&lt;/a&gt;.
  &lt;/div&gt;
&lt;/div&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=How%20to%20install%20Disqus%20on%20Hugo?&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=This%20post%20explains%20how%20to%20integrate%20Disqus%20as%20a%20discussion%20forum%20for%20your%20website.%20It%20is%20not%20a%20thing%20you%20can%20do%20directly%20applying%20the%20Hugo%20documentation%20because%20there%20is%20a%20faulty%20template%20to%20change.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F09%2F10%2Fhow-to-install-disqus-on-hugo&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-09-10&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&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 3)</title>
      <link>https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/</link>
      <pubDate>Fri, 08 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/</guid>
      <description>


&lt;h2 id=&#34;live-preview-of-your-website&#34;&gt;Live preview of your website&lt;a href=&#34;#live-preview-of-your-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;/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.&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;. With some knowledge the explanation of the &lt;a href=&#34;https://blog.rstudio.com/2021/01/18/blogdown-v1.0/&#34;&gt;changes of blogdown version 1.0&lt;/a&gt; could also be useful.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In this third part of the blogdown tutorial I will explain the necessary steps to get a live preview of your website. The main advantage to bring up your website locally is that you can view and test your website during working on your post without the need of an internet connection. You have not even to reload the page as this is done automatically through a technology called &lt;a href=&#34;http://livereload.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;LiveReload&lt;/a&gt;.&lt;/p&gt;



&lt;h3 id=&#34;warning-after-installation&#34;&gt;Warning after installation&lt;a href=&#34;#warning-after-installation&#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 we have finishing the installation we have gotten a red warning. It is a reminder not to transfer files which are not used displaying the website. At that time we didn&amp;rsquo;t bother about it. I have replicated the &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/#8-create-project&#34;&gt;picture of step number 8&lt;/a&gt; of the first part of this tutorial as a starting point for this third part of the tutorial. 













&lt;figure  id=&#34;figure-rstudios-four-pane-view-immediately-after-installation&#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;RStudio&amp;#39;s four pane view immediately after installation. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_9f15cb901c7c042db902f3558544ab48.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_d689a39c8f948f4198597cfe37a1c31b.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_9f15cb901c7c042db902f3558544ab48.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;
      RStudio&amp;rsquo;s four pane view immediately after installation.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;ignore-some-file-types&#34;&gt;Ignore some file types&lt;a href=&#34;#ignore-some-file-types&#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 installation &lt;code&gt;config.toml&lt;/code&gt; is opened automatically by RStudio. We add the recommended line &lt;code&gt;ignoreFiles = [&amp;quot;\\.Rmd$&amp;quot;, &amp;quot;\\.Rmarkdown$&amp;quot;, &amp;quot;_files$&amp;quot;, &amp;quot;_cache$&amp;quot;]&lt;/code&gt; in an upper place. On this occasion we also change the base URL (first line) to &lt;code&gt;/&lt;/code&gt;. After saving theses changes the version control (Git tab right upper pane) will display &lt;code&gt;config.toml&lt;/code&gt; with a blue &lt;code&gt;M&lt;/code&gt; (modified). 













&lt;figure  id=&#34;figure-some-changes-in-the-configtoml&#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;Some changes in the config.toml &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/changes-in-config-toml_hu10a7b991bf9f442ed9383391d74397fa_184301_e53960bc6718ca02781fc0480ced9324.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/changes-in-config-toml_hu10a7b991bf9f442ed9383391d74397fa_184301_7a31d578892ed06567f55d4dd71a015f.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/changes-in-config-toml_hu10a7b991bf9f442ed9383391d74397fa_184301_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/changes-in-config-toml_hu10a7b991bf9f442ed9383391d74397fa_184301_e53960bc6718ca02781fc0480ced9324.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;
      Some changes in the config.toml
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;demonize-server&#34;&gt;Demonize server&lt;a href=&#34;#demonize-server&#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 start posting our website locally we should arrange that the local server runs as a background process (= aka to demonize the server). You can run the command &lt;code&gt;options(servr.daemon = TRUE)&lt;/code&gt; on the console (lower left pane), but &amp;ndash; as I am using this process all the time &amp;ndash; I prefer to write this line into my start up file. On this occasion I also add some other convenient commands to facilitate the generation of new posts. See the &lt;a href=&#34;https://bookdown.org/yihui/blogdown/global-options.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;blogdown page on global options&lt;/a&gt; for more details. 













&lt;figure  id=&#34;figure-set-options-in-rprofile&#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;Set Options in Rprofile. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/set-options-in-rprofile_huff4f7ee367e567725f0d9677e9f27985_184806_9658c87cbb6d983117d167ac56780bd1.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/set-options-in-rprofile_huff4f7ee367e567725f0d9677e9f27985_184806_f7f5ee06dc1e885bf83b466b7dff4281.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/set-options-in-rprofile_huff4f7ee367e567725f0d9677e9f27985_184806_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/set-options-in-rprofile_huff4f7ee367e567725f0d9677e9f27985_184806_9658c87cbb6d983117d167ac56780bd1.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;
      Set Options in Rprofile.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;start-local-server&#34;&gt;Start local server&lt;a href=&#34;#start-local-server&#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;We can now start the local servers: Choose from the &amp;ldquo;Addins&amp;rdquo; menu the &amp;ldquo;Serve Site&amp;rdquo; option. This will run the command &lt;code&gt;blogdown::serve_site()&lt;/code&gt; to build the site to get a live preview of the website locally. 













&lt;figure  id=&#34;figure-choose-serve-site-to-get-a-live-preview-of-the-website-locally&#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 &amp;#39;Serve Site&amp;#39; to get a live preview of the website locally.&#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/serve-site_huc09d1f297ee574f119400842d141c474_216834_7e22aa04e06daf305b15dfcc01e3f9bf.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/serve-site_huc09d1f297ee574f119400842d141c474_216834_1642260f1bd0de959e90e2b7fb131356.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/serve-site_huc09d1f297ee574f119400842d141c474_216834_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/serve-site_huc09d1f297ee574f119400842d141c474_216834_7e22aa04e06daf305b15dfcc01e3f9bf.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 &amp;lsquo;Serve Site&amp;rsquo; to get a live preview of the website locally.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;building-the-website&#34;&gt;Building the website&lt;a href=&#34;#building-the-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;Blogdown is building the site and will give you the local server address. It is normally &lt;code&gt;http://127.0.0.1:4321/&lt;/code&gt;. While the server is demonized you can still use the console, otherwise a small red stop sign will appear in the right corner of left lower pane and no command can be run in the console window. The best way to stop the server is to restart R (shortcut = &lt;code&gt;CMD + SHIFT + F10&lt;/code&gt;). 













&lt;figure  id=&#34;figure-set-options-in-rprofile&#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;Set Options in Rprofile. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/getting-local-server-address_hue941f22564bc09710e23a2995deea9aa_188685_125ccde3f6b060c83dc60881b2328d9f.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/getting-local-server-address_hue941f22564bc09710e23a2995deea9aa_188685_4ee2f87db0042bd9c03e2cb2e454be41.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/getting-local-server-address_hue941f22564bc09710e23a2995deea9aa_188685_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/getting-local-server-address_hue941f22564bc09710e23a2995deea9aa_188685_125ccde3f6b060c83dc60881b2328d9f.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;
      Set Options in Rprofile.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;first-preview-locally&#34;&gt;First preview locally&lt;a href=&#34;#first-preview-locally&#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;We can now inspect our website in a browser with the web address &lt;code&gt;http://127.0.0.1:4321/&lt;/code&gt;. Whenever we type something in one of our files and save the changes blogdown will rebuild the site and we can immediately see the changes in the browser via the local address. 













&lt;figure  id=&#34;figure-first-view-of-live-preview-locally&#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;First view of live preview locally. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/first-view-website-locally_hucb042d57af7ef719cae485c00080e00b_170529_9f4c54b4775b554756727db608f694c0.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-view-website-locally_hucb042d57af7ef719cae485c00080e00b_170529_6fb094bf8375ccf8c62514cf771e4a86.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-view-website-locally_hucb042d57af7ef719cae485c00080e00b_170529_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/first-view-website-locally_hucb042d57af7ef719cae485c00080e00b_170529_9f4c54b4775b554756727db608f694c0.png&#34;
               width=&#34;760&#34;
               height=&#34;431&#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;
      First view of live preview locally.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;adapt-personal-information&#34;&gt;Adapt personal information&lt;a href=&#34;#adapt-personal-information&#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;Until now all the information this tutorial has provided was the same whatever theme you are going to choose from the &lt;a href=&#34;https://themes.gohugo.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo theme wsebsite&lt;/a&gt;. But from here now comes your specified theme into play we will look into some necessary adaptions before we going to publish our new website. You can now adapt the personal information in your config.toml file. Read the documentation which comes included as posts of the sample site &lt;code&gt;http://127.0.0.1/#post&lt;/code&gt; or go directly to the &lt;a href=&#34;https://sourcethemes.com/academic/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;demo site&lt;/a&gt;. I have for instance changed the title of the website from &amp;lsquo;Academic&amp;rsquo; to &amp;lsquo;Blogdown Test&amp;rsquo;. 













&lt;figure  id=&#34;figure-changed-title-from-academic-to-blogdown-test&#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;Changed title from &amp;#39;Academic&amp;#39; to &amp;#39;Blogdown Test&amp;#39; &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/first-change_hu8e42143c90f74ab42fc86130c448a8ff_202273_657877ddea0666f9c2bb5abb1c0dab40.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-change_hu8e42143c90f74ab42fc86130c448a8ff_202273_d74d399ab6f26a8f15a33de8d2d76b67.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-change_hu8e42143c90f74ab42fc86130c448a8ff_202273_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/first-change_hu8e42143c90f74ab42fc86130c448a8ff_202273_657877ddea0666f9c2bb5abb1c0dab40.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;
      Changed title from &amp;lsquo;Academic&amp;rsquo; to &amp;lsquo;Blogdown Test&amp;rsquo;
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;create-first-post&#34;&gt;Create first post&lt;a href=&#34;#create-first-post&#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 write posts choose &amp;lsquo;New Post&amp;rsquo; from the Addins menu. 













&lt;figure  id=&#34;figure-create-a-new-post&#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;Create a new post. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/new-post_hu596751114e41fb261c95a3be79db9ffa_137329_20b52e6e090088ecdf8f0375b7845b84.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/new-post_hu596751114e41fb261c95a3be79db9ffa_137329_c0e5a98c1b27e473382bdb7418d46063.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/new-post_hu596751114e41fb261c95a3be79db9ffa_137329_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/new-post_hu596751114e41fb261c95a3be79db9ffa_137329_20b52e6e090088ecdf8f0375b7845b84.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;
      Create a new post.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;add-metadata&#34;&gt;Add metadata&lt;a href=&#34;#add-metadata&#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 open up a window to fill in metadata. This form is already populated with the variable from our .Rprofile, so that you only have to add the post title. File name and slug will be generated automatically from the post title. Categories and tags can be filled now &amp;mdash; or later written in the file header or via the Addins menu &amp;lsquo;Update Metadata&amp;rsquo; added. 













&lt;figure  id=&#34;figure-fill-in-the-prepopulated-post-form&#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;Fill in the prepopulated post form. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/new-post-form_hufbeac19db2fe0fc359e246ab69386eda_140830_42855de5a8697f478d63158faefe4c8e.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/new-post-form_hufbeac19db2fe0fc359e246ab69386eda_140830_e39ebc58efaf1b99572b53b351bc8510.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/new-post-form_hufbeac19db2fe0fc359e246ab69386eda_140830_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/new-post-form_hufbeac19db2fe0fc359e246ab69386eda_140830_42855de5a8697f478d63158faefe4c8e.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;
      Fill in the prepopulated post form.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;start-editing-text&#34;&gt;Start editing text&lt;a href=&#34;#start-editing-text&#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 &amp;lsquo;New Post&amp;rsquo; form creates a new file for the post. The first few lines are filled with metadata of the post. You start with the post text under the second three dashes of the post header. To format your text nicely learn the Markdown 













&lt;figure  id=&#34;figure-first-post-entry&#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;First post entry. &#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/first-text-entry_hu7e485e4a81b2398acc8856bc1b69bbf8_147875_ddd59548a00ae95c51ba8c7562aef272.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-text-entry_hu7e485e4a81b2398acc8856bc1b69bbf8_147875_7c5aa83e6b4d01f6ef38a7a56c39ad26.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-text-entry_hu7e485e4a81b2398acc8856bc1b69bbf8_147875_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/first-text-entry_hu7e485e4a81b2398acc8856bc1b69bbf8_147875_ddd59548a00ae95c51ba8c7562aef272.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;
      First post entry.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;inspect-post-locally&#34;&gt;Inspect post locally&lt;a href=&#34;#inspect-post-locally&#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 saving your text, you can finally inspect your first post locally! Posts in the hugo-academic theme can be found in post section of the website. 













&lt;figure  id=&#34;figure-your-first-post&#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 first post!&#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/first-post_hu2782240a9612cd5834e18c8a10f3b78b_138369_384f9743e0f45041755e3b0b977faedb.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-post_hu2782240a9612cd5834e18c8a10f3b78b_138369_ac42a7aa64a581c9a16ba6aedbc3edcc.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/first-post_hu2782240a9612cd5834e18c8a10f3b78b_138369_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/first-post_hu2782240a9612cd5834e18c8a10f3b78b_138369_384f9743e0f45041755e3b0b977faedb.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;
      Your first post!
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;
&lt;div class=&#34;alert alert-note&#34;&gt;
  &lt;div&gt;
    It may be the case that the generation of you first post produces a warning. After Hugo version 0.24 a prototype for new generated files is necessary. In that case create a file with the command &lt;code&gt;file.edit(&amp;quot;archetype/default.md&amp;quot;)&lt;/code&gt; and add the example text written in the warning message.
  &lt;/div&gt;
&lt;/div&gt;














&lt;figure  id=&#34;figure-a-warning-informs-you-to-create-a-file-with-a-specified-text&#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;A warning informs you to create a file with a specified text.&#34; srcset=&#34;
               /2017/09/08/blogdown-tutorial-part-3/images/warning-archetypes-default_huf35fdeb2ef099dd42dbf456dbfd2e1d1_154301_0750df2ea5b94a637316ea0760784f3a.png 400w,
               /2017/09/08/blogdown-tutorial-part-3/images/warning-archetypes-default_huf35fdeb2ef099dd42dbf456dbfd2e1d1_154301_e4c601fa7b7592bfc67b9b8ee3a6909a.png 760w,
               /2017/09/08/blogdown-tutorial-part-3/images/warning-archetypes-default_huf35fdeb2ef099dd42dbf456dbfd2e1d1_154301_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/08/blogdown-tutorial-part-3/images/warning-archetypes-default_huf35fdeb2ef099dd42dbf456dbfd2e1d1_154301_0750df2ea5b94a637316ea0760784f3a.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;
      A warning informs you to create a file with a specified text.
    &lt;/figcaption&gt;&lt;/figure&gt;
&lt;p&gt;Finally: Visit the final part of this tutorial to &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/09/blogdown-tutorial-part-4/&#34;&gt;bring you website online&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%203)&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=In%20part%203%20I%20will%20show%20the%20necessary%20steps%20to%20get%20a%20live%20preview%20of%20the%20website.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F09%2F08%2Fblogdown-tutorial-part-3&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-09-08&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>
    
    <item>
      <title>Blogdown tutorial (Part 1)</title>
      <link>https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/</link>
      <pubDate>Mon, 04 Sep 2017 00:00:00 +0000</pubDate>
      <guid>https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/</guid>
      <description>&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 &amp;ndash; with one exception (&lt;a href=&#34;#4-create-a-website-using-hugo-and-blogdown&#34;&gt;header 4&lt;/a&gt;) &amp;ndash; 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;.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;In this tutorial I will show how to install the R package &lt;code&gt;blogdown&lt;/code&gt; with the help of the new version of RStudio and how to link your local blogdown-directory to a remote repository on GitHub. But before we actually start with the installation procedure let us define the different ingredients (tools) we are going to use:&lt;/p&gt;



&lt;h2 id=&#34;tools-we-are-going-to-use&#34;&gt;Tools we are going to use&lt;a href=&#34;#tools-we-are-going-to-use&#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;ol&gt;
&lt;li&gt;&lt;a href=&#34;https://bookdown.org/yihui/blogdown/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Blogdown&lt;/a&gt; is an R package for creating static websites with R Markdown.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.r-project.org/about.html&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R&lt;/a&gt; is an integrated suite of open source software facilities for statistical computing and includes tools for data manipulation, calculation and graphical display.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://www.rstudio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;RStudio&lt;/a&gt; is an integrated development environment (IDE) which sits on top of R and facilitates the use of R tremendously.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;http://rmarkdown.rstudio.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;R Markdown&lt;/a&gt; is a file format for making dynamic documents with R. It is based on Markdown (a lightweight markup language with plain text formatting syntax), but it also can contain chunks of embedded R code.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://gohugo.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo&lt;/a&gt; is a popular open-source static website generator.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://themes.gohugo.io/academic/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;hugo-academic&lt;/a&gt; is a theme designed for Hugo to create an academic or personal website. Besides special academic features like sections for publications, projects, teaching it also includes a blog section and supports multilingual usage.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://github.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;GitHub&lt;/a&gt; is an Internet hosting service for distributed version control repositories. Is is mainly used for source code management, but it works also with plain text markup languages. GitHub offers all the functionality of Git as well adding its own features.&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://git-scm.com/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Git&lt;/a&gt; is a distributed version control system for tracking changes in computer files and coordinating work on those files among multiple people.&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;All these tools are open source and free available.&lt;/p&gt;



&lt;h2 id=&#34;preliminary-preparations-installing-r-and-rstudio&#34;&gt;Preliminary preparations: Installing R and RStudio&lt;a href=&#34;#preliminary-preparations-installing-r-and-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;/h2&gt;
&lt;p&gt;There are many tutorials to install R and RStudio. See for instance the video &lt;a href=&#34;https://www.youtube.com/watch?v=cX532N_XLIs&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Installing R and RStudio&lt;/a&gt;. But at the moment the new version of RStudio which facilitates the installation procedure of blogdown is still not released as standard version. But you can use all these new features by &lt;a href=&#34;https://www.rstudio.com/products/rstudio/download/preview/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;downloading the preview release&lt;/a&gt;. As these features will be soon the standard version of RStudio I will explain the installation procedure using this upcoming version.&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;



&lt;h2 id=&#34;create-a-blogdown-website&#34;&gt;Create a blogdown website&lt;a href=&#34;#create-a-blogdown-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;/h2&gt;



&lt;h3 id=&#34;create-a-new-project&#34;&gt;Create a new project&lt;a href=&#34;#create-a-new-project&#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 installing RStudio version greater than v.1.1.28 open the project menu and choose &amp;ldquo;New Project&amp;rdquo;. 













&lt;figure  id=&#34;figure-create-a-new-project&#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;Create a new project&#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-project_hufb6c84761f76a5b552863f6a6820f2a0_102756_c2b4839a84081670715f7fb46ec616e6.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-project_hufb6c84761f76a5b552863f6a6820f2a0_102756_f963d05deef1f7e85f3d45fb9d31d7d5.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-project_hufb6c84761f76a5b552863f6a6820f2a0_102756_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/create-new-project_hufb6c84761f76a5b552863f6a6820f2a0_102756_c2b4839a84081670715f7fb46ec616e6.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;
      Create a new project
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;create-a-new-directory&#34;&gt;Create a new directory&lt;a href=&#34;#create-a-new-directory&#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 new window opens up: We are going to create a new local directory for our static blogdown website. Choose &amp;ldquo;New directory&amp;rdquo;. 













&lt;figure  id=&#34;figure-create-a-new-directory&#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;Create a new directory&#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-directory_hu3a7dba3750e733b56977d5d108e75f4e_34575_26eddbff22e94821ccd46a5c8df5efa3.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-directory_hu3a7dba3750e733b56977d5d108e75f4e_34575_dc892b84b500dd7c2b61a619f1e776f1.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-new-directory_hu3a7dba3750e733b56977d5d108e75f4e_34575_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/create-new-directory_hu3a7dba3750e733b56977d5d108e75f4e_34575_26eddbff22e94821ccd46a5c8df5efa3.png&#34;
               width=&#34;760&#34;
               height=&#34;541&#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;
      Create a new directory
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;create-a-website-using-blogdown&#34;&gt;Create a website using blogdown&lt;a href=&#34;#create-a-website-using-blogdown&#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 selection in the following window is self-explaining: &amp;ldquo;Website using blogdown&amp;rdquo;. Here it is the last line in the window. But in the future there may added other project types, so that you have to scroll down to see the blogdown-choice.













&lt;figure  id=&#34;figure-create-a-website-using-blogdown&#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;Create a website using blogdown&#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-blogdown_huf5b50ecdea95bfbe79a726f08545260b_21342_448512d03af8849d1956b586b1e39ba8.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-blogdown_huf5b50ecdea95bfbe79a726f08545260b_21342_4ae0b15bda5b793de4150460488c36a9.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-blogdown_huf5b50ecdea95bfbe79a726f08545260b_21342_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/create-website-using-blogdown_huf5b50ecdea95bfbe79a726f08545260b_21342_448512d03af8849d1956b586b1e39ba8.png&#34;
               width=&#34;760&#34;
               height=&#34;542&#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;
      Create a website using blogdown
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;create-a-website-using-hugo-and-blogdown&#34;&gt;Create a website using Hugo and blogdown&lt;a href=&#34;#create-a-website-using-hugo-and-blogdown&#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;div class=&#34;alert alert-warning&#34;&gt;
  &lt;div&gt;
    Update 2021-05-19: The Academic theme is now modularized into &lt;a href=&#34;https://wowchemy.com/templates/&#34;&gt;different specialized templates&lt;/a&gt; and integrated into the development of the &lt;a href=&#34;https://wowchemy.com/&#34;&gt;web builder software wowchemy&lt;/a&gt;. To get the complete Academic theme, you have now to write into the Hugo theme field &amp;ldquo;wowchemy/starter-academic&amp;rdquo; (instead of &amp;ldquo;gcushen/hugo-academic&amp;rdquo;).
  &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Lastly we arrive at the final window we have to answer. Here you can choose the name and location of your local directory which will eventually collect all files of your static website. I recommend to leave all check boxes ticked, as this default value will give you the most support to generate the new website. The program for the static website generator Hugo will be installed automatically as well as sample blog posts will be added. Especially important is the possibility to look into the example site of the theme, because this will provide you with clues about the functionality of the theme. 













&lt;figure  id=&#34;figure-create-a-website-using-hugo-and-blogdown&#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;Create a website using Hugo and blogdown&#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-hugo-and-blogdown_hue4c03113cb6fb44eb8d528f3dd96aaee_35390_53f799c64d424d656c283bcdd4c87414.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-hugo-and-blogdown_hue4c03113cb6fb44eb8d528f3dd96aaee_35390_56d91c592bef41fc3090ced73130110b.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/create-website-using-hugo-and-blogdown_hue4c03113cb6fb44eb8d528f3dd96aaee_35390_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/create-website-using-hugo-and-blogdown_hue4c03113cb6fb44eb8d528f3dd96aaee_35390_53f799c64d424d656c283bcdd4c87414.png&#34;
               width=&#34;760&#34;
               height=&#34;543&#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;
      Create a website using Hugo and blogdown
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;choose-theme&#34;&gt;Choose theme&lt;a href=&#34;#choose-theme&#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 have chosen the hugo-academic theme. You can pick your own preferred webdesign via the &lt;a href=&#34;https://themes.gohugo.io/&#34; target=&#34;_blank&#34; rel=&#34;noopener&#34;&gt;Hugo Themes&lt;/a&gt; page. 













&lt;figure  id=&#34;figure-huge-variety-of-hugo-themes-to-choose-from&#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;Huge variety of Hugo themes to choose from. &#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/hugo-themes_hu4a9f012119f260847d4f1c792da93b81_398691_def2c5498a3f4cf6cdae34566f20659c.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/hugo-themes_hu4a9f012119f260847d4f1c792da93b81_398691_6f2d1d4d7e39293b53e483bf77f7c467.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/hugo-themes_hu4a9f012119f260847d4f1c792da93b81_398691_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/hugo-themes_hu4a9f012119f260847d4f1c792da93b81_398691_def2c5498a3f4cf6cdae34566f20659c.png&#34;
               width=&#34;760&#34;
               height=&#34;447&#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;
      Huge variety of Hugo themes to choose from.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;choose-academic-now-wowchemy&#34;&gt;Choose Academic (now Wowchemy)&lt;a href=&#34;#choose-academic-now-wowchemy&#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 &amp;ldquo;Hugo theme&amp;rdquo; field you have to insert the URL of the GitHub repository of the theme you would like to use. You will see the address when you click at the thumbnail of the theme and hover your cursor over the &amp;ldquo;Download&amp;rdquo;-button. 













&lt;figure  id=&#34;figure-hugo-academic-is-as-special-theme-for-personal-websites-in-academia&#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;hugo-academic is as special theme for personal websites in academia. &#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/academic-theme_hud907f3bf6a224301ae94410178c77aab_184881_7e79fe409f38f54d94e8516b6c035d36.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/academic-theme_hud907f3bf6a224301ae94410178c77aab_184881_91e55dc139b32b34f8b7f48cf0776c80.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/academic-theme_hud907f3bf6a224301ae94410178c77aab_184881_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/academic-theme_hud907f3bf6a224301ae94410178c77aab_184881_7e79fe409f38f54d94e8516b6c035d36.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;
      hugo-academic is as special theme for personal websites in academia.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;github-repor-of-academic-theme&#34;&gt;GitHub repor of Academic theme&lt;a href=&#34;#github-repor-of-academic-theme&#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;Clicking on the download button will bring up the developer&amp;rsquo;s repository. This is useful even for beginner as you can have a look of the ongoing discussion under the &amp;ldquo;issue&amp;rdquo; tab or to ask your own questions. Experienced users can fork the repository in order to adapt the functionality of the theme and/or to suggest code changes to the developer via the push mechanism. 













&lt;figure  id=&#34;figure-github-code-repository-of-the-hugo-academic-theme&#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;GitHub code repository of the hugo-academic theme. &#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/github-gcushen-hugo-academic_hu1e6be0c76b5e247b4f6446af73223256_132907_21ad73d7d90f0843848a7d330ca4046f.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/github-gcushen-hugo-academic_hu1e6be0c76b5e247b4f6446af73223256_132907_a9920c5d0fe5b4d6f2dec6fb9d5a72b5.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/github-gcushen-hugo-academic_hu1e6be0c76b5e247b4f6446af73223256_132907_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/github-gcushen-hugo-academic_hu1e6be0c76b5e247b4f6446af73223256_132907_21ad73d7d90f0843848a7d330ca4046f.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;
      GitHub code repository of the hugo-academic theme.
    &lt;/figcaption&gt;&lt;/figure&gt;&lt;/p&gt;



&lt;h3 id=&#34;create-project&#34;&gt;Create project&lt;a href=&#34;#create-project&#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;When you finally click the &amp;ldquo;Create Project&amp;rdquo; button you have to wait few seconds until the selected theme is downloaded and Hugo installed. After the installation is finished RStudio opens up a four pane view. We will go more into the details of these different windows in the third part of this tutorial. 













&lt;figure  id=&#34;figure-rstudios-four-pane-view-immediately-after-installation&#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;RStudio&amp;#39;s four pane view immediately after installation. &#34; srcset=&#34;
               /2017/09/04/blogdown-tutorial-part-1/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_9f15cb901c7c042db902f3558544ab48.png 400w,
               /2017/09/04/blogdown-tutorial-part-1/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_d689a39c8f948f4198597cfe37a1c31b.png 760w,
               /2017/09/04/blogdown-tutorial-part-1/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_1200x1200_fit_lanczos_2.png 1200w&#34;
               src=&#34;https://notes.peter-baumgartner.net/2017/09/04/blogdown-tutorial-part-1/images/four-pane-view-after-installation_hu493471b1e3bf66c0242f96339ab8178d_184845_9f15cb901c7c042db902f3558544ab48.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;
      RStudio&amp;rsquo;s four pane view immediately after installation.
    &lt;/figcaption&gt;&lt;/figure&gt;&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;We have successfully installed the hugo-academic theme in a version controlled local directory. Essentially we could now start to personalize the website and/or write articles resp. posts. But we will continue the installation process with creating a remote GitHub repository which has to be linked to the just created local repository. The remote repository not only operates as backup and as distributed version control (allowing collaboration) but also enables &amp;ndash; beside a manual transfer via ftp &amp;ndash; additional ways of publishing your website. We will cover these possibilities in the following parts of this tutorial.&lt;/p&gt;
&lt;p&gt;Go and visit the second part &lt;a href=&#34;https://notes.peter-baumgartner.net/2017/09/05/blogdown-tutorial-part-2/&#34;&gt;Creating a GitHub Repository&lt;/a&gt; of this tutorial.&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%201)&amp;amp;rft.source=Thought%20splinters&amp;amp;rft.rights=CC%20BY-SA%204.0&amp;amp;rft.description=Part%201%20of%20this%20tutorial%20explains%20how%20to%20install%20a%20Hugo%20theme%20on%20top%20of%20R,%20RStudio%20and%20blogdown.%20For%20this%20demonstration%20I%20will%20use%20the%20new%20(preview)%20version%20of%20RStudio%20as%20it%20facilitates%20the%20installation%20of%20Hugo%20and%20a%20theme.&amp;amp;rft.identifier=https%3A%2F%2Fnotes.peter-baumgartner.net%2F2017%2F09%2F04%2Fblogdown-tutorial-part-1&amp;amp;rft.aufirst=Peter&amp;amp;rft.aulast=Baumgartner&amp;amp;rft.au=Peter%20Baumgartner&amp;amp;rft.date=2017-09-04&amp;amp;rft.language=en&#39;&gt;&lt;/span&gt;&lt;/p&gt;
&lt;section class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34; role=&#34;doc-endnote&#34;&gt;
&lt;p&gt;To use features supporting blogdown websites the RStudio version has to be higher than v1.1.28: As today (2017-09-04) the actual preview version is v1.1.353. &lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</description>
    </item>
    
  </channel>
</rss>
