docs: add high quality gif

This commit is contained in:
Ho Duc Hieu 2024-01-08 17:58:21 +07:00
parent 6800888b66
commit 41f3c42414
4 changed files with 16 additions and 21 deletions

View File

@ -13,46 +13,41 @@ keywords:
large language model, large language model,
] ]
--- ---
![Getting Started Highlight](assets/01-getting-started-install.gif)
In this guide, we will walk through the process of installing a **Large Language Model (LLM)** from the Hub. In this guide, we will walk through the process of installing a **Large Language Model (LLM)** from the Hub.
## Steps to Install Large Language Model (LLM) from Hub ![Getting Started Highlight](assets/01-getting-started-install.gif)
### 1. Search the LLM that you want to use from the Hub ## Steps to Install Models from the Hub
Explore all the LLM available by scrolling, or use the **Search Bar** ### 1. Explore and Select a Model
Explore the available LLMs by scrolling through the Hub or using the **Search Bar**.
![Search Model](assets/01-search-model.gif) ![Search Model](assets/01-search-model.gif)
Utilize the **Filter Button** to choose the **Recommended LLM**. Utilize the **Filter Button** to choose the **Recommended LLM**.
| Name | Description | | Name | Description |
| ---- | ----------- | | ----------- | ------------------------------------- |
| All Models | Show all LLM available | | All Models | Show all LLMs available |
| Recommended | Show the Recommended LLM | | Recommended | Show the Recommended LLM |
| Downloaded | Show the LLM that has been downloaded| | Downloaded | Show the LLM that has been downloaded |
LLM is Recommended based on the [RAM usage](https://github.com/janhq/jan/issues/1384) LLM is recommended based on the [RAM usage](https://github.com/janhq/jan/issues/1384).
![Search Model](assets/01-filter-button.png) ![Search Model](assets/01-filter-button.png)
If the LLM that you want to use isn't currently available, you can also [Import the Model Manually](./02-import-manually.mdx) If you want to use a model that is not available in the Hub, you can also [import the Model Manually](./02-import-manually.mdx).
### 2. Download the LLM ### 2. Download the Model
Once you've identified the desired LLM, simply click the **Download Button** to initiate the download. Once you've identified the desired LLM, simply click the **Download** button to initiate the download. A progress bar will appear to indicate the download progress.
![Download Progress](assets/01-download-progress.png) ![Download Progress](assets/01-download-progress.png)
Please wait for the model download to finish before the **Use Button** becomes available.
### 3. Use the Model ### 3. Use the Model
![Use Model Button](assets/01-use-button.png) Once the download is completed, you can start using the model by clicking the **Use** button.
Upon clicking the **Use Button**, you will be directed to the corresponding **Thread Screen** below. ![Use Model](assets/01-use-model.gif)
![Thread Screen](assets/01-use-base.png)
Now you're ready to [Start a Thread](../03-chatting/04-start-thread.mdx).

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 28 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 836 KiB

After

Width:  |  Height:  |  Size: 25 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 MiB