Build your own Web pages with GitHub pages

Source: Internet
Author: User

This article fixed link http://blog.csdn.net/pspgbhu/article/details/51205264


I self-study front one months, write a few web pages want to apply for, online search a variety of methods to build the site, found that not to charge is very troublesome. Finally Huang Tian not negative, let me find github pages, not only free, but also very convenient.

Here I would like to share to you, but also hope that the front of the new people like me no longer detours.


1. First of all you have to have your written page file


2. Need to GitHub to register an account

Enter the link https://github.com/page in the upper right corner click Sign up to enter the registration page to begin registration.


After filling in the user name, mailbox, password, click the following create account to complete the registration.


3. Create a personal site in GitHub

Log in to your GitHub account, then click the plus sign in the top right corner of the page and click New Repository



Enter your repository name, and then click on the small tick below to create the following green.



Open Sitting in warehouse


Click the Launch Automatic page Generator button under sitting. Then click on the lower right corner of the green continue to layouts



Go to the Style selection interface, choose a random on the line, and then click Publish Page, no effect on the back, after all, we are going to upload their own pages.



After that, the page will automatically jump back to our warehouse interface, at which point we can see a link at the head, this is the site we created successfully, of course, this is not the site we want to sitting.



4. Download GitHub for Windows

Because the official online download really turtle speed, here I give you an offline package address, decompression can be used http://download.csdn.net/download/lyg468088/8723039, or can own Baidu "GitHub for Windows Offline installation package.

After decompression, run Github.exe, then log on to their GitHub account, after landing click on the upper left corner plus select clone, and then select their own account under the previous creation of the warehouse, and then click on the bottom of the confirmation, confirm the completion of the selection of their own to clone to the path, I was selected in the E-disk under the GitHub Clip inside.




When you're done, click Master on the GitHub desktop and switch it to gh-pages


When we are done, we open the corresponding address of the clone warehouse in My computer, and should see this


Delete them all, and then copy all the Web files we made before.



In the back of the GitHub desktop version, will find a change in the warehouse, if there is no change can point to the left of their own warehouse under the tutorial and then point back, no longer to exit the back. After a change in the following summary give your project a name, then found that the following commit to Gh-pages can click, click on.


After the click, wait a moment, the above display 0 changes, click on the client right corner sync Sync.



After a synchronization is completed, you can log on to the Web page to see if you have made the file upload it. When viewing online, remember to switch branch from master to Gh-pages. Before you log in, the link shown in the sitting is not what we made before.


Here I also hope that all the same as I first into the front end of the people will be more and more good, get rid of the rookie's name


Don't forget to read the article to the point of praise OH

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.