Git Product home page Git Product logo

tpc's Introduction

Todo List

  • Fix images
  • Add dns to domain
  • Add readme instructions
  • Add layout for about page
  • Keep footer on bottom of page
  • Style list pages more
  • Contact form
  • Captcha

Markdown

This site give the basic syntax for markdown. https://www.markdownguide.org/basic-syntax/

Write like normal but use the following syntax to format the text as you would like.

Any special styling I will do myself.

by the way, this is markdown I'm writing right now.

# This is a heading
## This is a subheading
- This is a list item
- [ ] This is a list item
- [X] This is a completed list item

but when it's rendered it looks like this:

This is a heading

This is a subheading

  • This is a list item
  • This is a list item
  • This is a completed list item

To change a page content

  1. press the period button on your keyboard to open a in web editor, let it load completely.

you should see something like this: explorer

  1. Okay now you see the explorer, this is where you can edit the files that make up the site.

All files you will need to edit are in the content folder.

The directory of files matches how the pages on the site are structured.

For example, to edit the about page you would edit the file at content/about.md

To edit a service page, let's say welding, you would edit the file at content/services/welding.md

Okay now lets edit a page.

let's open the /content/portfolio/transcanada.md file.

explorer

  1. Now add some text to the file.

This part at the top is for the server to know how to display the page. Don't change this part.

+++
title = 'Transcanada'
date = 2024-05-01T17:53:47-06:00
+++

you can add any mark down to this page. It will be pre-styled to match the rest of the site. we can add images, links, lists, and more. I will add anymore special styling myself, just let me know what you want.

Now edit as much as you want before moving to the next step.

  1. Now this is the complicated part. Saving and publishing the changes.

Click this button on the left side bar.

button

now you should see something like this:

source

There might be multiple files listed here. These are all the files you have changed.

There will be a plus button there, in the image above i'm hovering over it. It'll say stage all changes. Click that.

Now in the message bar, add a message. It can be anything. "changes" works.

source

It will look like this after you are done.

Okay press the green button. It will say commit & push.

Done. ๐ŸŽ‰

Okay so now I have set it up so that when you make a change to a file, it will automatically update the site. This can take a few minutes.

If there are any issues, I will get a email and let you know.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.