banner



How To Upload An Html Site

Websites for you lot and your projects.

Hosted directly from your GitHub repository. Just edit, push button, and your changes are live.

Pages Help

Bootstrap

What is GitHub Pages?

Set to get started? Build your own site from scratch or generate i for your project.

You lot go one site per GitHub account and arrangement,
and unlimited project sites. Let's get started.

  • User or organisation site
  • Project site
  • Create a repository

    Head over to GitHub and create a new public repository named username.github.io, where username is your username (or organization name) on GitHub.

    If the start part of the repository doesn't exactly match your username, information technology won't work, so make sure to get information technology correct.

  • What git client are you lot using?

    • A terminal
    • GitHub Desktop
    • I don't know
  • Download GitHub Desktop

    GitHub Desktop is a neat way to employ Git and GitHub on macOS and Windows.

    Download GitHub Desktop GitHub Desktop screenshot
  • Clone the repository

    Go to the binder where you want to store your project, and clone the new repository:

    ~ $git clone https://github.com/username/username.github.io

  • Clone the repository

    Click the "Set up in Desktop" button. When the GitHub desktop app opens, relieve the project.

    If the app doesn't open, launch it and clone the repository from the app.

  • Clone the repository

    Later finishing the installation, head dorsum to GitHub.com and refresh the page. Click the "Set up in Desktop" push button. When the GitHub desktop app opens, save the projection.

    If the app doesn't open up, launch it and clone the repository from the app.

  • Hello Globe

    Enter the project binder and add together an index.html file:

    ~ $cd username.github.io

    ~ $echo "How-do-you-do World" > index.html

  • Create an index file

    Grab your favorite text editor and add together an alphabetize.html file to your project:

    <!DOCTYPE html> <html> <torso> <h1>Hello World</h1> <p>I'm hosted with GitHub Pages.</p> </body> </html>

  • Push information technology

    Add, commit, and push your changes:

    ~ $git add together --all

    ~ $git commit -thou "Initial commit"

    ~ $git button -u origin main

  • Commit & publish

    Enter the repository, commit your changes, and printing the publish button.

    Demonstration of steps required to create the initial commit and publish the repository in GitHub Desktop
  • …and yous're done!

    Burn down up a browser and go to https://username.github.io.

  • Utilise a theme, or offset from scratch?

    You lot have the option to start with one of the pre-congenital themes,
    or to create a site from scratch.

    • Cull a theme
    • Showtime from scratch
  • Repository Settings

    Caput over to GitHub.com and create a new repository, or get to an existing one.
    Click on the Settings tab.

    Settings for a repository
  • Theme chooser

    Scroll down to the GitHub Pages section. Press Choose a theme.

    Automatic Generator button on GitHub.com, Settings
  • Pick a theme

    Cull one of the themes from the carousel at the height.
    When you're washed, click Select theme on the correct.

    Choose layout
  • Edit content

    Use the editor to add content to your site.

    Add content to your GitHub Pages site
  • Commit

    Enter a commit annotate and click on Commit changes beneath the editor.

    Commit Markdown content to your repository
  • Create an index file

    Head over to GitHub.com and create a new repository, or go to an existing i.
    Click on the Create new file button.

    Create a file in your repository
  • Hello World

    Name the file index.html and type some HTML content into the editor.

    Hello World on GitHub.com
  • Commit the file

    Curl to the bottom of the page, write a commit message, and commit the new file.

    Commit the file
  • Repository Settings

    Click on the Settings tab and scroll down to the GitHub Pages section.
    Then select the primary co-operative source and click on the Save button.

    GitHub Pages Source Setting
  • …and yous're done!

    Fire up a browser and go to http://username.github.io/repository .

Now that you're upwards and running, here are a few things you should know.

  • Blogging with Jekyll

    Using Jekyll, you can web log using cute Markdown syntax, and without having to deal with any databases. Learn how to set up Jekyll.

  • Custom URLs

    Want to use your own custom domain for a GitHub Pages site? Just create a file named CNAME and include your URL. Read more.

  • Guides

    Larn how to create custom 404 pages, utilise submodules, and learn more than about GitHub Pages.

Source: https://pages.github.com/

Posted by: fostersuden1982.blogspot.com

0 Response to "How To Upload An Html Site"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel