webstudio-is/webstudio-design

Blog Post Creation

markxtang opened this issue · 0 comments

Process:

  1. Create new page
  2. Apply body Page BG and text-base tokens to Body
  3. Copy contents of previous article into new page. Update the Header section.
  4. Remove the contents inside the Markdown box (except for the Vimeo component)
  5. Copy article from Notion, and paste it inside the Markdown box. They should automatically turn into paragraphs and links
  6. Apply the necessary style tokens to the headings and add separators (see previous articles for examples)
  7. Format and place the images for the article. Tutorial below.
  8. The More Articles column should contain only the most recent 3 articles. Make a card for the most recent article if necessary. (use the existing cards as an example)
  9. Create a card in the Blog:Overview (Webstudio Blog) page linking to the blog post. (use the existing cards as an example)
  10. Replace the preview image and update the URL of the Vimeo component.

For now I'll provide the preview images for the video/blog post, we can discuss on a case-by-case basis.
Here's how you format the images for the blog posts:

How.to.format.images.for.the.blog.mp4