Deploy your bookdown project to Netlify with Github Actions
With the new Github Actions comes many possibilities. Some new and some old. One of the benefits is that you don’t have to use third-party applications to do continuous integration.
If you are transferring a book from Travis-CI build look at the notes at the end of this post.
First, you need to create a bookdown repository.
For this, I suggest you follow the Getting Started chapter from the Bookdown Book and download the GitHub repository https://github.com/rstudio/bookdown-demo as a Zip file, then unzip it locally.
I recommend that you change the name of the
.Rproj file so isn’t the default value.
The next step isn’t necessary but is still highly recommended.
Go fill in the information in the
Most importantly the
Package field will be used as the name of the repository and the
Title field will be the description of the repository once it hits Github.
Connect to Github
Now we want to connect our repository to Github. For this, I will use the usethis package which is wonderful for things like this. If you haven’t used usethis before please go do the usethis setup before moving forward.
Simply add Git to the repository by running
usethis::use_git() and connect it to Github with
This should open up a webpage with the newly linked repository.
Create Netlify account
If you haven’t already got a Netlify account, go to netlify.com/ to create one for free. I have it set up with Github for easier interaction.
Create Netlify site
Once you have logged into Netlify go to your team page and to create a “New site from Git”
Select Github for Continuous Deployment
Now we need to select the GitHub repository. Depending on how many repositories you have you can find it in the list or search for it with the search bar. Once you have found it click the little arrow to the right of it.
Don’t touch any of the settings.
And voila! Here is your new site, it is currently empty. Now click on the “Site settings” button
copy the API ID and save it, you will need it in a little bit. If you lose it you can always come back here and copy it again.
You might have noticed that the website is completely random. If you click on the “Change site name” button you can set a new prefix name.
Scroll down to get the Status Badge, you can copy this too and put it in the top of your README.md file if you want.
Get a Netlify personal access token
Scroll all the way up and click on your icon in the top right corner. Then go to “User settings”
go to “Applications”
And click on “New access token” to create a personal access token
The description of your token isn’t important but try to make it related to your book so you remember. Click “Generate token” when you are done.
Here is your authentication token. Copy it and don’t lose it! Once you leave this site you can get it back.
Store Your Secrets
Now that you have the API ID and personal access token go back to your Github repository and go to “Settings”
go to “Secrets”
Click on “Add a new secret”
You need to do this twice.
- one named “NETLIFY_AUTH_TOKEN” where you put the personal access token as the value and,
- one named “NETLIFY_SITE_ID” where you put the API ID as the value.
Create Github workflow
Now add the GitHub workflow file.
For this you will need version
220.127.116.1100 or higher of usethis for it to work.
You can get the newest version of usethis from github with
# install.packages("devtools") devtools::install_github("r-lib/usethis")
then you run
use_github_action("bookdown.yaml") which will create the .yaml file in the right directory for you.
Install the renv package and run
This will ensure the package versions remain consistent across builds.
Once you need more packages, add them to the description like you normally would with an R package.
And that is everything you need to do, just commit the workflow file and the renv files you created and the website should build for you.
netlify deploy --prod --dir _book
in the workflow file it the one that deploys the built book to Netlify.
It defaults to the
_bookdown.yml file you can change the output folder.
So if you have set it to
output_dir: "docs" then you need to change the deploy option to
netlify deploy --prod --dir docs
─ Session info ─────────────────────────────────────────────────────────────── setting value version R version 3.6.0 (2019-04-26) os macOS Mojave 10.14.6 system x86_64, darwin15.6.0 ui X11 language (EN) collate en_US.UTF-8 ctype en_US.UTF-8 tz America/Los_Angeles date 2020-04-23 ─ Packages ─────────────────────────────────────────────────────────────────── ! package * version date lib source P assertthat 0.2.1 2019-03-21 [?] CRAN (R 3.6.0) P backports 1.1.6 2020-04-05 [?] CRAN (R 3.6.0) P blogdown 0.18 2020-03-04 [?] CRAN (R 3.6.0) P bookdown 0.18 2020-03-05 [?] CRAN (R 3.6.0) P cli 2.0.2 2020-02-28 [?] CRAN (R 3.6.0) P clipr 0.7.0 2019-07-23 [?] CRAN (R 3.6.0) P crayon 1.3.4 2017-09-16 [?] CRAN (R 3.6.0) P desc 1.2.0 2018-05-01 [?] CRAN (R 3.6.0) P details * 0.2.1 2020-01-12 [?] CRAN (R 3.6.0) P digest 0.6.25 2020-02-23 [?] CRAN (R 3.6.0) P evaluate 0.14 2019-05-28 [?] CRAN (R 3.6.0) P fansi 0.4.1 2020-01-08 [?] CRAN (R 3.6.0) P glue 1.4.0 2020-04-03 [?] CRAN (R 3.6.0) P htmltools 0.4.0 2019-10-04 [?] CRAN (R 3.6.0) P httr 1.4.1 2019-08-05 [?] CRAN (R 3.6.0) P knitr * 1.28 2020-02-06 [?] CRAN (R 3.6.0) P magrittr 1.5 2014-11-22 [?] CRAN (R 3.6.0) P png 0.1-7 2013-12-03 [?] CRAN (R 3.6.0) P R6 2.4.1 2019-11-12 [?] CRAN (R 3.6.0) P Rcpp 18.104.22.168 2020-04-09 [?] CRAN (R 3.6.0) renv 0.9.3 2020-02-10  CRAN (R 3.6.0) P rlang 0.4.5 2020-03-01 [?] CRAN (R 3.6.0) P rmarkdown 2.1 2020-01-20 [?] CRAN (R 3.6.0) P rprojroot 1.3-2 2018-01-03 [?] CRAN (R 3.6.0) P sessioninfo 1.1.1 2018-11-05 [?] CRAN (R 3.6.0) P stringi 1.4.6 2020-02-17 [?] CRAN (R 3.6.0) P stringr 1.4.0 2019-02-10 [?] CRAN (R 3.6.0) P withr 2.1.2 2018-03-15 [?] CRAN (R 3.6.0) P xfun 0.13 2020-04-13 [?] CRAN (R 3.6.2) P xml2 1.3.0 2020-04-01 [?] CRAN (R 3.6.2) P yaml 2.2.1 2020-02-01 [?] CRAN (R 3.6.0)  /Users/emilhvitfeldthansen/Desktop/blogv4/renv/library/R-3.6/x86_64-apple-darwin15.6.0  /private/var/folders/m0/zmxymdmd7ps0q_tbhx0d_26w0000gn/T/RtmpAjj8c6/renv-system-library P ── Loaded and on-disk path mismatch.