GitHub builds a simple project "Hello HTML"

Source: Internet
Author: User
Tags git shell

1. Visit github:https://github.com

650) this.width=650; "Width=" "height=" 787 "title=" picture 1.png "style=" Width:725px;height:428px;float:none; "alt=" Wkiom1pp2hhzezcfaax4ru3jtgo138.jpg "src=" Http://s3.51cto.com/wyfs02/M00/41/00/wKiom1PP2HHzezCFAAX4ru3jTgo138.jpg "/>


2. Register your GitHub account.

650) this.width=650; "Width=" 991 "height=" "title=" picture 2.png "style=" Width:739px;height:496px;float:none; "alt=" Wkiom1pp2hlyiyq0aama8zpgtkg235.jpg "src=" Http://s3.51cto.com/wyfs02/M01/41/00/wKiom1PP2HLyiyq0AAMa8ZpGtkg235.jpg "/>

3. Login to GitHub. Click "Sign In" to enter the login screen and enter your account password to login to GitHub.

650) this.width=650; "Width=" 1053 "height=" 566 "title=" Picture 3.png "style=" Width:724px;height:434px;float:none; "alt=" Wkiol1pp2yzzhzemaafwlkbjnu0059.jpg "src=" Http://s3.51cto.com/wyfs02/M02/41/00/wKioL1PP2YzzHzEmAAFWlKbjnu0059.jpg "/>

4. Create a repository (New repository) after entering GitHub.

1) Click "+" at the user's name and click "New Repository".

650) this.width=650; "Width=" 1073 "height=" "title=" Picture 4.png "style=" Width:726px;height:132px;float:none; "alt=" Wkiol1pp2yzqzhgyaafymcayul0442.jpg "src=" Http://s3.51cto.com/wyfs02/M02/41/00/wKioL1PP2YzQZhgyAAFymcayUL0442.jpg "/>

2) Create the Repository (repository).

Recommended repository name is the same as the user name, such as: Hgping918.github.com or hgping918.github.io;description for the description of support for Chinese, the default choice of public (private charge); tick Initialize this ... Click "Create Repository" to complete the repository creation.

650) this.width=650; "Width=" 944 "height=" 524 "title=" Picture 5.png "style=" Width:725px;height:460px;float:none; "alt=" Wkiom1pp2hkt9b_paaixcg8djzq970.jpg "src=" Http://s3.51cto.com/wyfs02/M01/41/00/wKiom1PP2HKT9B_pAAIxcG8dJzQ970.jpg "/>

3) After the creation of the interface display: 650) this.width=650; "Width=" 1065 "height=" 656 "title=" Picture 7.png "style=" Width:727px;height:505px;float: none; "alt=" wkiom1pp2hohdf6zaal5o0u8sze980.jpg "src=" http://s3.51cto.com/wyfs02/M00/41/00/ Wkiom1pp2hohdf6zaal5o0u8sze980.jpg "/>

5, install GIT version control management tool, which support Mac OS X, Windows, Linux and so on.

For example, in Windows version, Google or Baidu search "GitHub for Windows" to download and install.

http://github-for-windows.en.softonic.com/

1) Double-click "GitHubSetup.exe".

650) this.width=650; "title=" Picture 7.1png.png "style=" Float:none; "alt=" wkiol1pp2y3r8x9zaac7jchei2g867.jpg "src=" http:/ /s3.51cto.com/wyfs02/m00/41/00/wkiol1pp2y3r8x9zaac7jchei2g867.jpg "/>

(2) If the win7 click "Install", if WIN8 click "Installation" (GitHubSetup.exe according to the native operating system display English or Chinese).

650) this.width=650; "title=" Qq20140723235043.png "alt=" wkiol1pp2wrx6y_iaagsgpijnme360.jpg "src="/HTTP/ S3.51cto.com/wyfs02/m00/41/00/wkiol1pp2wrx6y_iaagsgpijnme360.jpg "/>

(3) After successful installation, "GitHub" and "Git Shell" will be generated on the desktop.

650) this.width=650; "title=" Picture 10.png "style=" Float:none; "alt=" wkiol1pp2y7t4b_xaaayjj-gsgo972.jpg "src=" http:/ S3.51cto.com/wyfs02/m02/41/00/wkiol1pp2y7t4b_xaaayjj-gsgo972.jpg "/>

6. Login to configure GitHub.

1. Tap run GitHub, enter the GitHub account and password you just registered, click "Log in" and continue clicking on "Continue".

650) this.width=650; "Width=" 725 "height=" 454 "title=" Picture 11.png "style=" Width:646px;height:382px;float:none; "alt=" Wkiom1pp2hstobb8aafcrpz_jpc784.jpg "src=" Http://s3.51cto.com/wyfs02/M02/41/01/wKiom1PP2HSTOBB8AAFCRpz_jPc784.jpg "/>

650) this.width=650; "Width=" 666 "height=" 340 "title=" Picture 12.png "style=" Width:646px;height:339px;float:none; "alt=" Wkiol1pp2y7h1gqjaaei5jcd2k8022.jpg "src=" Http://s3.51cto.com/wyfs02/M00/41/00/wKioL1PP2Y7h1GQjAAEi5JCD2k8022.jpg "/>

3) clone the repository on GitHub to local, and select the path corresponding to the local.

650) this.width=650; "Width=" "height=" 610 "title=" Picture 13.png "style=" Width:735px;height:413px;float:none; "alt=" Wkiom1pp2hsygz0oaahftbvwihq279.jpg "src=" Http://s3.51cto.com/wyfs02/M00/41/01/wKiom1PP2HSygz0oAAHFtbvWIhQ279.jpg "/>

7. Create a simple hello HTML as a project.

1) Run RubyMine (also available with other IDE development tools), click File→open ... → option repository clone to local path →ok.

650) this.width=650; "Width=" 937 "height=" 648 "title=" qq20140724100647.jpg "style=" WIDTH:728PX;HEIGHT:519PX; "src=" Http://s3.51cto.com/wyfs02/M01/41/04/wKiom1PQbBKSPxlkAAMOlUxmorQ410.jpg "alt=" Wkiom1pqbbkspxlkaamoluxmorq410.jpg "/>

2) Create index.html, Gemfile,. Gitignore, 404.html, etc.

Note: Add gem Jekyll to Gemfile, then run bundle install, set the appropriate path in the. gitignore file, and upload some unnecessary files to GitHub.

650) this.width=650; "width=" 770 "height=" 382 "title=" Picture 14.png "style=" Width:718px;height:369px;float:none; "alt=" Wkiol1pp2y-zob0naajx0efhvss764.jpg "src=" Http://s3.51cto.com/wyfs02/M01/41/00/wKioL1PP2Y-zoB0NAAJX0EfhVss764.jpg "/>

650) this.width=650; "Width=" 783 "height=" 134 "title=" Picture 14.1.png "style=" Width:720px;height:142px;float:none; "alt=" Wkiol1pp2y7sl527aadfkqeapoc931.jpg "src=" Http://s3.51cto.com/wyfs02/M00/41/00/wKioL1PP2Y7Sl527AADfkQeApOc931.jpg "/>

3) Run the command under Project path: Jekyll server.

650) this.width=650; "title=" Picture 15.png "style=" Float:none; "alt=" wkiom1pp2hwqzfzsaafer6jpc3w411.jpg "src=" http:/ S3.51cto.com/wyfs02/m02/41/01/wkiom1pp2hwqzfzsaafer6jpc3w411.jpg "/>

4) Visit the local index.html page:/http//native ip:4000.

650) this.width=650; "title=" Picture 16.png "style=" Float:none; "alt=" wkiom1pp2hxblik5aadxi-ejtt8820.jpg "src=" http:/ S3.51cto.com/wyfs02/m01/41/01/wkiom1pp2hxblik5aadxi-ejtt8820.jpg "/>

8. Use GitHub to sycn the code into the GitHub repository and then access your geihub.

1) Double click to run "GitHub".

2) After filling in summary and description, click "Commit to Master".

3) Click "Sync" when you're ready.

650) this.width=650; "Width=" 997 "height=" 424 "title=" Picture 17.png "style=" Width:725px;height:402px;float:none; "alt=" Wkiol1pp2y_iemsfaagdavyf_qi267.jpg "src=" Http://s3.51cto.com/wyfs02/M01/41/00/wKioL1PP2Y_iemsFAAGdavyf_QI267.jpg "/>

650) this.width=650; "width=" 996 "height=" 389 "title=" Picture 111.png "style=" width:726px;height:290px; "src="/HTTP/ S3.51cto.com/wyfs02/m01/41/04/wkiol1pqb_bjobdvaafqtu1iojg687.jpg "alt=" Wkiol1pqb_bjobdvaafqtu1iojg687.jpg "/>

9. Refresh the GitHub interface to see the hello HTML code on SYCN.

650) this.width=650; "width=" 996 "height=" 546 "title=" Picture 18.png "style=" Width:729px;height:427px;float:none; "alt=" Wkiol1pp2zdhcwzyaal104dhoey425.jpg "src=" Http://s3.51cto.com/wyfs02/M02/41/00/wKioL1PP2ZDhcWZyAAL104dHOEY425.jpg "/>

10. Use http://hgping918.github.com or Http://hgping918.github.io to access "Hello HTML"

650) this.width=650; "title=" Picture 19.png "style=" Float:none; "alt=" wkiom1pp2hbi6wpcaad0i6ueunu171.jpg "src=" http:/ S3.51cto.com/wyfs02/m02/41/01/wkiom1pp2hbi6wpcaad0i6ueunu171.jpg "/>

This article is from the "Creek" blog, please make sure to keep this source http://hgping918.blog.51cto.com/6379003/1529527

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.