Files
lobehub__lobehub/docs/usage/providers/google.mdx
René Wang 3dfc86fd0f feat: Update user guide & changelog (#11518)
* feat: Redesign doc

* chore: uopdate site

* chore: uopdate site

* chore: uopdate site

* chore: uopdate site

* chore: uopdate site

* feat: Uopdate content

* chore: New doc

* chore: Update content

* chore: Update content

* chore: add images

* chore: add images

* chore: add images

* chore: add images

* feat: Add more images

* feat: Add more images

* fix: Cannot reach end

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* Revise README content and structure

Updated README to reflect changes in project description and removed outdated notes.

* Revise 'Getting Started' and TOC in README

Updated the 'Getting Started' section and modified the table of contents.

* chore: Update content

* Revise README structure and content

Updated the Getting Started section and removed the Table of Contents. Adjusted the Local Development instructions.

* Remove custom themes section from README

Removed section about custom themes from README.

* Update README.md

* Refine introduction and highlight cloud version

Updated wording for clarity and added recommendation for cloud version.

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* chore: Update content

* fix: add missing translation

* 🔀 chore: Move README changes to feat/readme branch

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* fix: add missing translation

* chore: update cdn

* docs: add migration guide from v1.x local database to v2.x and update help sections

Signed-off-by: Innei <tukon479@gmail.com>

* fix: add missing translation

* fix: add missing images

* fix: add missing changelogs

* fix: add missing changelogs

* fix: add missing changelogs

* fix: add missing changelogs

* fix: add missing changelogs

* style: update cdn

---------

Signed-off-by: Innei <tukon479@gmail.com>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: canisminor1990 <i@canisminor.cc>
Co-authored-by: Innei <tukon479@gmail.com>
2026-01-26 15:28:33 +08:00

55 lines
2.2 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
title: Using Google Gemini API Key in LobeHub
description: >-
This guide will walk you through how to configure and use Google Gemini, a
powerful language model developed by Google AI, within LobeHub.
tags:
- Google Gemini
- Google AI
- API Key
- Web UI
---
# Using Google Gemini in LobeHub
<Image alt={'Using Google Gemini in LobeHub'} cover src={'/blog/assets34400653/9a8dc1d4-152b-415f-a7cd-8f0c8fbb9913.webp'} />
Gemini AI is a suite of large language models (LLMs) developed by Google AI, renowned for its cutting-edge capabilities in multimodal understanding and processing. It is a powerful AI tool designed to handle a wide range of tasks involving various types of data—not just text.
This guide will show you how to use Google Gemini in LobeHub:
<Steps>
### Step 1: Obtain a Google API Key
- Visit and sign in to [Google AI Studio](https://aistudio.google.com/)
- In the "Get API Key" menu, click on "Create API Key"
<Image alt={'Generate Google Gemini API Key'} inStep src={'/blog/assets34400653/ba3595e3-d9cb-4d0d-b414-8306b16df186.webp'} />
- Choose an existing project or create a new one to generate your API key
<Image alt={'Enter API Key Name'} inStep src={'/blog/assets34400653/fa725e49-4c17-4055-82bc-98a31e73fa54.webp'} />
- Copy the API key from the pop-up dialog
<Image alt={'Copy API Key'} inStep src={'/blog/assets34400653/28d89add-cb18-4b86-9807-f2a5ed65ceba.webp'} />
### Step 2: Configure Google Gemini in LobeHub
- Go to the Settings page in LobeHub
- Under "AI Providers", locate the "Google Gemini" section
<Image alt={'Enter Google Gemini API Key in LobeHub'} inStep src={'/blog/assets34400653/11442ce4-a615-49c4-937a-ca2ae93dd27c.webp'} />
- Enable Google Gemini and paste in your API key
- Choose a Gemini model for your assistant to start chatting
<Image alt={'Select and Use Gemini Model'} inStep src={'/blog/assets34400653/ef9ed1b8-6828-4dd6-b86b-bb0b4fa40619.webp'} />
<Callout type={'warning'}>
You may incur charges from the API provider while using the service. Please refer to Google Gemini’s pricing policy for details.
</Callout>
</Steps>
And that’s it — you’re now ready to use Google Gemini in LobeHub!