This guide walks you through how to prepare and upload a new SOCHI newsletter issue, and how to update the archive so it appears on the SOCHI website automatically.
📁 1. Prepare Your Newsletter Folder
-
Create a new folder on your computer desktop (not in the Google Drive) using this format:
newsletter-03/
(Use the correct issue number.)
- From the Gmail Templates folder in the SOCHI Google Drive, download an HTML file. Do not use the Google Docs files in the Newsletter folder.
- Download the Gmail Template and place inside the folder:
- Copy the entire HTML file using Ctrl+A and paste into a blank NotePad.
- If on Mac (Command ⌘ → Option ⌥ → U) gives you the document in html format
- Save and rename it to: index.html
- You may have to select “All Files” in the File type.
- Save inside a folder named respectively.
🤔 Why does the file need to be named “index.html”? GitHub Pages uses the file named index.html as the default entry point for your website. If it's named anything else, GitHub won't recognize it as the main page, and your website might not display correctly.
- Download all images used in the newsletter.
- Navigate back to your NotePad with the copied html
- Find the image paths by using Ctrl+F with “<img”. This helps you find the image paths.
- Highlight the link inside the quotation marks of src=”[Link]”.
- Save them into a subfolder inside your newsletter folder named images
4. Update all image paths inside your index.html to use relative paths with correct file types (ex. jpg or png). Example: