Build a personal website on GitHub

The following steps are generally:

1. Register git account

2. Create SSH Keys

3. New Repository

---

4. Set up the website

5. Clone Library to Local

6, submit, upload

7. Preview

This tutorial defaults to the basic commands you will use to understand the basics of GitHub , If you don't know the first three steps, you can refer to the article:

GitHub Getting Started tutorial github create SSH Keys

first, the new Repository (warehouse), as follows

Fill in the name, description information other default then submit.

second, set up the website

Create after Jump new page, click on the right settings settings

In the Options tab we find GitHub pages and click "Automatic page Generator"

We see the jump page:

Project Name: site title

Tagline: Website Subtitle

Body: Web Source

Google Analytics Tracking ID: Search engine Crawl Keywords

All of these can be customized to the default.

After filling out, click "Continue to Layouts" and select your blog theme

Then click "Publish page" to return to the project page to see some auto-generated files

Next we can enter Http://itmyline.github.io/blog in the browser to preview

Itmyline: User name, blog: project name

Tip: 404 error. Wait 10 minutes.

PS: Wait a long 10 minutes, refresh the page the main page of our blob is displayed.

( If you always show 404, check if you have verified the mailbox, if not, go to your account to verify )

But the content and style of this homepage are not what we want, how to break. We can upload our own projects.

The following is an example of a simple bootstrap site template ...

Iii. Clone (clone) code, modify

Clone the code under any packing directory (this example is D-drive)

$ git clone [email protected]:itmyline/blog.git

And then on the D-disk, we'll see the clone code.

Next, copy the files we want to upload to this directory.

In this example, a new CSS, JS folder and overwrite index.html

Iv. Submit, Upload

Go to the D\blog directory and right-click Git Bash to open the command line

$ git branch* gh-pages

View current branch as Gh-pages

Next:

$ git Add. $ git commit-m "blog" $ git remote add origin [email protected]:itmyline/blog.git$ git push-u origin gh-pages

Go to GitHub to view our new files are coming out.

The browser enters the address http://itmyline.github.io/blog/to preview the website we build.

OK, you are done!

Itmyhome

Source: http://blog.csdn.net/itmyhome1990/article/details/39697659

Build a personal website on GitHub