Website Development

This is an HTML implementation of developing personal website with GitHub.io.

Many thanks to TEMPLATED for providing the source template of this website (see SourceTemplate_privy/).

Contents

• default.css - The CSS file that defines the characteristics of the website.

• index.html - The HTML file of the home page of website.

• hz***.html - The HTML file of the child page of website.

• baidu***.html - The verification file of website on Baidu search engine.

• google***.html - The verification file of website on Google search engine.

Website Configuration and Establishment

The following procedures for setting up a website with GitHub.io are partly recapitulated from here. For detailed information of how to use git, see the online tutorial provided by Christopher Woods.

1. Configure your GitHub client on local computer.

$ git config --global user.email "xxx@xxx.xxx"
# Replace 'xxx@xxx.xxx' with your GitHub login email.
# E.g., $ git config --global user.email "hz@gmail.com".

$ git config --global user.name "aaa"
# Replace 'aaa' with your GitHub user name.
# E.g., $ git config --global user.name "hezhang".

2. Create a public repository called aaa.github.io on GitHub, where aaa is your GitHub user name. You can now use website templates provided by GitHub, or continue the establishment and use other templates later.

3. Clone aaa.github.io repository to local computer in Terminal.

$ git clone https://github.com/aaa/aaa.github.io

4. Add some contents to the website (this will create index.html) in Terminal.

$ cd aaa.github.io
~$ echo "Hello World" > index.html
~$ git add --all
~$ git commit -m "Initial commit"
~$ git push -u origin master

5. After a few minutes, open https://aaa.github.io/ on browser and you will see "Hello World" on the website.

6. Now you can develop the website by editing/creating default.css, index.html, and other HTML/CSS files.

Website Verification on Google Search Engine

Verifying a website on search engines provides you the ownership to this website. The following procedures show how to verify the website https://aaa.github.io/ on Google search engine.

1. Open Google Search Console and log in with your Google account.

2. Click the drop-down arrow on the top-left corner and then click "+ Add property" button.

3. Type https://aaa.github.io/ in the input box of "URL prefix" page and then click "CONTINUE" button.

4. Download the verification file google***.html and upload it to aaa.github.io repository on GitHub.

5. Go back to the verification page. Wait a few minutes and click "VERIFY" button.

6. Verification on Google search engine has accomplished.

Useful Links

• Online HTML and CSS editor - CodePen

• Online picture resizer - Picresize

• Online picture format converter - Online-Converter

• CSDN Blog

Please star this repository if you found its content useful. Thank you very much. ^_^

如果该程序对您有帮助，请为该程序加星支持哈，非常感谢。^_^