- Install Docker or Podman on your machine
- Open the project in Visual Studio Code
- Install the recommended Remote Containers extension
- When VS code prompts you, agree to "Reopen in Container"
- The blog should be built, refreshed and opened in a preview tab automagically. ✨
- If not, you can run the "Jekyll Serve" VS Code task manually.
git clone https://github.com/BedrockStreaming/tech.bedrockstreaming.com.git
cd tech.bedrockstreaming.com
sudo gem install jekyll bundler
bundle install
Then run this command to run a dev server locally.
bundle exec jekyll serve
You can use docker to run the tech blog locally.
docker build -t tech-blog .
docker run -p 8080:8080 tech-blog
All articles are listed in the _posts
folder.
Each article is a Markdown file named like this YYYY-MM-DD-article-slug.md
where date is the date of publication.
:information: If you put a future date of publication, your article won't be visible until this date is passed.
Make sure to complete the frontmatter part of your Markdown file in order to define at least those attributes:
---
layout: post
title: Title of your article
description: Description of your article visible in search page results
author: author_of_your_article
tags: [example, of, tags]
color: rgb(251,87,66) # this is Bedrock color here
---
We are using a community theme for Jekyll for this blog, you may find some useful examples here:
- How to add Table of content for your blog post ?
- How to customize the color used on a post page ?
- How to use images in your post ?
You can store your images in images/post folder of this repository.
Don't forget to compress them for performances with tools like TinyPNG - How to add code examples ?
- How to add simple Diagrams with Mermaids? Mermaid is a really powerful tool to generate Diagram dynamically with some text. Check Mermaid documentation.
In order to add a new article, you should open a Pull Request on this repository. A preview will automatically be deployed on AWS thanks to AWS Amplify service.
Don't hesitate to share your new post of #proj-blog-tech-bedrock slack room to ask for reviews from Bedrockers. When you have 2 approves and no change requested, you can merge your Pull Request.
Edit _data/authors.yml
to add an author (authors are sorted alphabetically).
Authors could have a name
, a url
and an avatar
(which could be a distant file or an image hosted in the images/avatar
directory).
Then you will be able to use the author ID in the frontmatter post configuration key named author
.
- Create a file in the
__post
folder name matching this formatYYYY-MM-DD-slug-of-your-article.md
Use the date the talk was first given in public. - Add the configuration of metadata at the beginning of this file
⚠️ To make your videos appear in eitherLast Friday Talks
page, tag your post withlft
.--- layout: video # Unique ID of the Youtube video clip youtubeId: $$$$$$$ # Title of the article title: Title of your article # Description (for SEO and context purpose) description: Description of your article visible in search page results # Authors of the article (can also be a list of authors such as: [first_author, second_author, third_author]) # The complete list of valid author IDs is in `_data/authors.yml` author: author_of_your_article # Use tags for grouping content in the blog # Add `lft` to group with other LFT talks tags: [lft, and, other, tags] # Bedrock color color: rgb(251,87,66) ---
- Add content to the markdown file in order to add context to the video you are sharing.
There are two ways to publish a conference where you were a speaker. Please note that creating a post is more likely to help our external communication.
If you just want to add a conference presentation to the listed ones, you can add your presentation in _data/conferences.yaml
.
List of the metadata allowed to add a new conference:
- title: "Title of the conference"
# Conference date
date: 1970-01-01
# from _data/authors.yaml
author: conference_speaker
# Public event name
eventName: ******
# Url to redirect to the event site (optional)
eventUrl: ******
# Youtube video id (optional)
youtubeId: ******
# Slideshare presentation key (from iframe integration) (optional)
slideshareKey: ******
# Bedrock sponsored the event? (default: false)
sponsored: true
# Bedrock hosted the event? (default: false)
hosted: true
That's all folks! Your conference will be displayed in "Meetups & Conferences" page.
If there is a youtubeId
key, the video will also be added to the "Replay" section.
- Create a file in
__post
folder name matching this formatYYYY-MM-DD-slug-of-your-article.md
Use the date the talk was first given in public. - Add the configuration of metadata at the beginning of this file:
--- layout: conference # Title of the conference title: Title of your conference # Description of the page (for SEO and context purpose) description: Description of your article visible in search page results # from _data/authors.yaml author: conference_speaker # Public event name eventName: ****** # Url to redirect to the event site (optional) eventUrl: ****** # Youtube video id (optional) youtubeId: ****** # Slideshare presentation key (from iframe integration) (optional) slideshareKey: ****** # Bedrock sponsored the event? (default: false) sponsored: true # Bedrock hosted the event? (default: false) hosted: true # Use tags for grouping content in the blog. tags: [example, of, tags] # this is Bedrock color here color: rgb(251,87,66) ---
- Add content to the markdown file in order to add context to the presentation you are sharing.