Detailed analysis of how to build a website on gitee

As a global open source community platform based on Git, by building a website on Gitee, you can make full use of Gitee's functions and resources to better develop and manage your website. So, how to build a website on Gitee? Next, we will answer this question in detail.

1. Register and create a warehouse

First, you need to register an account on Gitee and then log in to the system. After successfully logging in, you can create a new warehouse, which can be used for code hosting or website building.

In the page to create a new warehouse, you can customize the name, select the warehouse type and set public/private and other related options, and click Confirm on the "Create" button. After creating a new warehouse, you can proceed to the next step.

2. Upload your website

After creating the warehouse, you need to upload your website to it. Before uploading, you need to prepare your website codes and save them locally on your computer.

Next, you can use the following two methods to upload your website to Gitee:

1. Use Git command

Use Git to upload your website to Gitee superior. First copy the SSH or HTTPS connection address of Gitee's corresponding warehouse, then open Git Bash or CMD on your local computer, and use Git commands to upload your entire website folder to Gitee.

The specific method is as follows:

$ git clone git@gitee.com:<用户名>/<仓库名>.git   // 克隆仓库到本地
$ cd <仓库名>                         // 进入仓库目录
$ cp -r <您的网站文件夹> .       // 复制网站文件夹到当前目录
$ git add .                              // 添加文件
$ git commit -m "添加网站"    // 提交网站
$ git push                                 // 推送到Gitee

Note that <User Name> and <Warehouse Name> require you to Replace the command with your real information.

2. Upload directly

In your warehouse page, there is an Upload file button, you can directly upload the entire website folder.

The specific method is as follows:

1. 点击仓库页面上的“Upload file”按钮
2. 选择需要上传的网站文件夹
3. 点击“Commit changes”按钮提交更改

After uploading your website files, you need to create a file named 'index.html' and copy its content to your homepage .

3. Enable Gitee Pages

After uploading your website and ensuring that the 'index.html' home page has been created, you need to enable Gitee Pages to make your website visible to the public .

The specific steps to enable are as follows:

1. Enter your warehouse in Gitee
2. Click the Settings button, and then find "Pages" in the left navigation bar option and open the 'Pages' page.
3. Select a theme you like in the 'Theme' drop-down menu.
4. Select the branch where you uploaded the website files in the 'Branch' drop-down menu.
5. Click the "save" button to save your changes.

4. Preview website

After enabling Gitee Pages, you can see your website on the browser.

The specific method is as follows:

1. Click the "Settings" button on the warehouse page
2. Find "Pages" in the left navigation bar and enter the Gitee provided Preview address Preview your website.

5. Custom domain name

You can also display your website through a custom domain name. First, you need to bind the domain name you want to use to the Gitee Pages preview address.

The specific method is as follows:

1. Enter the domain name management page you purchased, add a CNAME record, and point your domain name to Gitee's Pages preview address.

For example, if your preview address is .gitee.io/<Warehouse Name>, then you add a CNAME in the domain name management interface Record, add the following content:

项目    记录类型    主机记录    记录值
CNAME    www        @            <用户名>.gitee.io/<仓库名>

2. Return to your Gitee warehouse page, click the "Settings" button to enter the "Pages" page.
3. Enter your own domain name in the "Custom domain name" box.
4. Click the "Save" button to save your changes.

Okay, the above is the detailed process of building a website on Gitee. Hope it helps you build your own website.

The above is the detailed content of Detailed analysis of how to build a website on gitee. For more information, please follow other related articles on the PHP Chinese website!