Home > Development Tools > git > How to build a personal note website on gitee

How to build a personal note website on gitee

PHPz
Release: 2023-03-31 10:05:41
Original
2198 people have browsed it

With the rapid development of the Internet and people's needs for work and study, more and more people are trying to find an efficient, convenient and easy-to-manage knowledge management method. Against the backdrop of such demands, using note-taking applications has become an indispensable part of people's daily study and work lives. However, traditional note-taking applications have many shortcomings, such as limited capacity, low security, and poor mobility. These problems greatly affect people's user experience.

With the rapid development of cloud computing technology, self-created personal notes have become a very popular choice. By building a note-taking platform yourself, you can effectively solve a series of problems in note-taking applications and bring users a more perfect user experience and better data security.

Among many note-taking platforms, Gitee is not only free and open source, but also highly praised for its stability and security. So, next we will introduce in detail how to use Gitee to build personal notes.

Step one: Register a Gitee account

First, enter the Gitee official website (https://gitee.com/), and after completing the registration, log in to your account.

Step 2: Create a warehouse

On the Gitee homepage, click the "New Warehouse" button in the upper right corner, then fill in the name, description and other information of the warehouse, select "Private Warehouse", and Set relevant permissions.

Step 3: Install Docusaurus

Docusaurus is an open source document generator that can convert Markdown format documents into static sites and provides some convenient features such as search and multi-language support.

In the Ubuntu system, use the following command to install Docusaurus:

$ npm install --global docusaurus-init
Copy after login

After the installation is complete, use the following command to initialize the Docusaurus project:

$ docusaurus-init
Copy after login

Follow the prompts step by step to fill in the project information. Finally enter the project directory.

$ cd my-docs
Copy after login

Step 4: Write documents

Docusaurus uses Markdown format to write documents, create a new Markdown file in the "docs" directory (for example, "Notes 1.md"), and then use The editor writes document content.

Step 5: Generate a static website

In the Docusaurus project root directory, use the following command to generate a static website:

$ npm run build
Copy after login

This command will be generated in the "build" directory A static website includes HTML, CSS, JS and other files.

Step 6: Upload to Gitee

Upload the generated static website to the private warehouse created previously. On the code management page of the Gitee warehouse, select "Upload files" to upload files and upload all the files in the "build" directory.

Step 7: Access the notes

On the homepage of the Gitee warehouse, find the uploaded "index.html" file, click on the file, and open it in a new page to access the notes.

Through the above steps, we have completed the entire process of setting up personal notes on Gitee. Compared with other note-taking applications, using Gitee to build personal notes has the advantages of better flexibility, cross-platform, and security. Therefore, whether you are an individual user or an enterprise user, it is recommended that everyone try to use Gitee to build their own note-taking platform.

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template