search

cobuildlab / cobuildlab-web

https://cobuildlab.com
MIT License
5 stars 3 forks source link
hacktoberfest

readme

Cobuild Lab Website and Blog

DEV
buddy pipeline

PROD
buddy pipeline

Running in development

gatsby develop

Running live

gatsby build and gatsby serve after.

Instructions to create a new blog post

  1. Press the button that says Branch: master

  2. Select dev from the list

  3. Go the src/pages/blog folder

  4. To upload pictures go to the media folder: https://github.com/cobuildlab/cobuildlab-web/tree/master/src/pages/blog/media

    4.1 Press the Upload files button

    4.2 Drag and drop your picture or select it from your computer

    4.3 Select the option Commit directly to the dev branch.

    4.4 Add an optional description or press the green button Commit changes

  5. Inside the blog folder: https://github.com/cobuildlab/cobuildlab-web/tree/master/src/pages/blog

    5.1 To create a new post press the Create New File button

    5.2 Press the Upload files button or start typing in the text box

    5.3 Drag and drop your file or select it from your computer

    5.4 Select the option Commit directly to the dev branch.

    5.5 Add an optional description or press the green button Commit changes

  6. Go to Pull Requests: https://github.com/cobuildlab/cobuildlab-web/pulls

    6.1 Click on the green button New pull request

    6.2 Base must be master

    6.3 Compare must be dev

    6.4 Click on the green button Create pull request


Components for blog post (titles and such)

Example components in use

Name Description Use Text Align
Title size 2 (h2) Use to add a h2 to the post <title-2>Title 2</title-2> You can add text align (centered, left, right) like this: <title-2 align="any of the 3 aligns">
Title size 3 (h3) Use to add a h3 to the post <title-3>Title 3</title-3> You can add text align (centered, left, right) like this: <title-2 align="any of the 3 aligns">
Title size 4 (h4) Use to add a h4 to the post <title-4>Title 4</title-4> You can add text align (centered, left, right) like this: <title-2 align="any of the 3 aligns">
Title size 5 (h5) Use to add a h5 to the post <title-5>Title 5</title-5> You can add text align (centered, left, right) like this: <title-2 align="any of the 3 aligns">
Title size 6 (h6) Use to add a h6 to the post <title-6>Title 6</title-6> You can add text align (centered, left, right) like this: <title-2 align="any of the 3 aligns">
Author or person Quote Use to add an author's quote <block-quote>Your quote goes here</block-quote>
Credits Use it to add credits to something, you can put links inside <credits>Your credits goes here</credits>
Youtube Video Use it to add a youtube video <youtube-video id="yourvideoid"></youtube-video> Look for your youtube video id by checking the url of the video
Image Carousel Use it to add a carousel for a max of 4 images <carousel folder='blog'>./media/121321312312321.jpeg ./media/asdasd122131.jpeg</carousel> Look for your image paths and separate them with a space