Content and pages are separated: bio comes from a Google Doc, CV data comes from a Google Sheet, and the website is generated by the run.R script
template_website_cv — HTML Portfolio Template
By EmilyMarkowitz-NOAA
An HTML template for building a personal website and CV. It reads content from Google Drive documents and spreadsheets via an R script to generate pages, which can be published to GitHub Pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Pages are built with R Markdown; the README mentions the distill package for generating web pages
The index and about pages must be kept; other pages can be renamed as desired
Deployment is via GitHub Pages, with the source set to the docs folder on the Main branch
The footer name, the name next to the logo, and image links must be modified manually in footer.html, _site.yml, and ./img/
Template Details
This template is aimed at users who need to maintain both a personal homepage and a CV. Content sources are centralized in Google Drive: a Google Doc holds the bio, and a Google Sheet holds the CV data (cv_data). Running the run.R script pulls this content and generates the website pages. The repository requires at least two pages, index and about, to be kept; other pages can be renamed as desired. The footer name, the name next to the logo, and image links must be adjusted manually in footer.html, _site.yml, and the ./img/ directory.
Before use, you need to complete Google Drive authorization in R and prepare your own copies of bio and cv_data. The README recommends excluding the data directory in .gitignore and only making public the content you wish to display (the example repository keeps this directory for demonstration purposes). The generated result can be deployed to GitHub Pages by setting the Pages source to the docs folder on the Main branch in the repository settings.
The template is MIT licensed and can be used, modified, commercialized, and distributed for free, provided the copyright notice and license notice are retained; third-party assets such as demo images, fonts, and icons must be checked separately for their licenses. The repository does not provide a dependency list, so the specific framework versions or runtime requirements cannot be confirmed.
Is it right for your project?
Use Cases
- Building a personal website with a bio and full CV for researchers or technical professionals
- Syncing resume content maintained long-term in Google Docs and Sheets into a publishable web page
- Hosting a personal homepage for free on GitHub Pages and publishing it through repository settings
Suitable For
- Users familiar with R and R Markdown who can run scripts and handle Google Drive authorization
- People who want to centrally manage bio and CV data using Google Docs and Sheets
- Developers or researchers who need to publish a personal website and CV on GitHub Pages
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
First complete Google Drive authorization in R, then run run.R to generate the website
- 2
Copy and fill in your own bio document and cv_data spreadsheet, and define yourname and yourwebsitelink in the Knowns section of run.R
- 3
Pages must include index and about; it is recommended to exclude the data directory in .gitignore to avoid exposing data you do not want to display
- 4
When publishing, go to repository Settings > Pages, select Branch as Main and Folder as docs, and save
- 5
The footer name, the name next to the logo, and image links must be replaced manually in footer.html, _site.yml, and ./img/ respectively
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercialized, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Google Drive authorization in R must be completed before use; the website content depends on Google Drive services and an account.
- You must copy and fill in the bio document and cv_data spreadsheet on Google Drive yourself; the template itself does not include ready-to-use content data.
- Pages can be renamed as desired, but the index and about pages must be kept, otherwise the website cannot be generated properly.
- The footer name cannot be generated automatically and must be modified manually in footer.html.
- The name next to the logo cannot be generated automatically and must be modified manually in _site.yml.
- Images must be placed in the ./img/ directory yourself, and links in each .rmd file and the cv_data spreadsheet must be replaced manually.
- You must confirm that .gitignore excludes the data directory to avoid exposing data you do not want to display.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
1. [Authorize Googledrive in R](https://googledrive.tidyverse.org/reference/drive_auth.html)
Original README
Make copies of your own bio and cv_data google drive files and start filling them in.
Original README
Rename pages as you like, but you must have an index and an about page.
Original README
Change the name in the footer - I couldn't automate thta from "yourname"
Original README
Change the name next to your logo - I couldn't automate thta from "yourname"
Original README
add files in the "./img/" folder and replace links throughout your .rmds and cv_data google spreadsheet
Original README
https://github.com/EmilyMarkowitz-NOAA/template_website_cv/blob/main/LICENSEhttps://github.com/EmilyMarkowitz-NOAA/template_website_cv/blob/main/README.mdCheck that your .gitignore includes your data folder, so it only shares what you want it to show.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 68 / 100
- Technologies
- HTML
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2021-12-14
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: fb12ea282ed01ef9ab0eebc9acf9f2d5275357020e7e34faf1cec896f06b9e9c
2026-10-03T08:44:42.811Z
Source file / repository# Your new personal google drive-made website!
A template for your personal website and CV!
Learn more about me! [Find my website here.](https://emilyhmarkowitz.github.io/emilyhmarkowitz/)
# Directions
Once everything in place, simply run this *ONE* line of code to get your final website!
`source("./run.R")`
### Notes
#### Prep work and light reading
1. [Authorize Googledrive in R](https://googledrive.tidyverse.org/reference/drive_auth.html)
2. [Learn more about creating a GitHub Page](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site)
3. [Nick Strayer - livefreeordichotomize.com: The original inspiration for this project describing how to make a reproducible CV with google spreadsheets](https://livefreeordichotomize.com/2019/09/04/building_a_data_driven_cv_with_r/)
4. [More about making websites in R Markdown](https://www.emilyzabor.com/tutorials/rmarkdown_websites_tutorial.html)
5. [The {distill} R package, for making beautiful R Markdown web pages](https://rstudio.github.io/distill/)
6. [rstudio4edu: Make your RMD Fancy!](https://rstudio4edu.github.io/rstudio4edu-book/rmd-fancy.html#select-and-import-your-google-fonts-script-1)
#### In run.R
1. Fork this repository so you can make as many changes as you want!
2. Make copies of your own bio and cv_data google drive files and start filling them in.
- [EXAMPLE Word document with Bio](https://docs.google.com/document/d/1MbDrWQMzXn_3pxpuEnlHiX0juOhvwQtGGUrRLkkrczQ/edit?usp=sharing)
- [EXAMPLE Spreadsheet with CV data](https://docs.google.com/spreadsheets/d/1fj0-LgxIgHC9qprjDfoyFqOUtUcWGMbMS28mCWf6as8)
3. Define yourname and yourwebsitelink in the "Knowns" section
4. Rename pages as you like, but you must have an index and an about page.
5. Check that your .gitignore includes your data folder, so it only shares what you want it to show. I inlcuded my data folder here for the sake of the example.
#### In other files, check for any other things you may want to change
1. **cv_data**: This is where all of the content for your website will come from!
2. **bio**: You can use the google doc or type your bio into the about.rmd directly - up to you!
3. **footer.html**: Change the name in the footer - I couldn't automate thta from "yourname"
4. **_site.yml**: Change the name next to your logo - I couldn't automate thta from "yourname"
5. **add files in the "./img/" folder and replace links throughout your .rmds and cv_data google spreadsheet**
#### Once all files are run and ready to be shared to GitHub Pages
1. In your repo, go into settings > pages. There select Branch = "Main", Folder = "docs", and save. [Learn more about creating a GitHub Page, here.](https://docs.github.com/en/pages/getting-started-with-github-pages/creating-a-github-pages-site)
2. A link should appear on the page with the location of your new GitHub page.
3. It might take a few minutes for the page to actually appear, so take a mental break while making a cup of tea and watering your plants.
4. Check out your beautiful new site!
Explore similar templates
Compare previews and descriptions within the same stack and category.

simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio

Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio

Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio

Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website

Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website

startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio
