## 大语言模型
LLM - Large Language Model

![attach_17a97bcb1a7f1c17.jpg](/static/img/a745dff142bdc29eabab4550fce2627a.attach_17a97bcb1a7f1c17.webp)

## 数据处理流程
+ 文档加载
+ 文档转换
+ 嵌入 - embed
+ 向量存储
+ 检索




![attach_17a97c02eacdaa03.jpg](/static/img/07bf9a52159f8712fb21308856392e7b.attach_17a97c02eacdaa03.webp)

对应五个组件：
1. 文档加载器:它用于将数据加载为文档。
2. 文档转换器:它将文档分成更小的块。
3. 嵌入:它将块转换为向量表示，即嵌入。
4. 嵌入向量存储:用于将上述块向量存储在矢量数据库中。
5. 检索器:它用于检索一组向量，这些向量以嵌入在相同Latent空间中的向量的形式与查询最相似。

## Langchain-Chatchat
### 项目地址
[https://github.com/chatchat-space/Langchain-Chatchat](https://github.com/chatchat-space/Langchain-Chatchat)

### 项目原理

![langchain+chatglm2.png](/static/img/4ccb6e52306c19c6bf1327e2d459199b.langchain+chatglm2.webp)

### 部署流程
### 1. 安装python
Python版本要求3.8-3.11。推荐使用 conda，下载地址：[https://docs.anaconda.com/free/miniconda/](https://docs.anaconda.com/free/miniconda/)

### 2. 克隆代码
```
# 拉取仓库
$ git clone https://github.com/chatchat-space/Langchain-Chatchat.git
```

### 3. 创建环境（conda需要）
```
$ conda create -n chatchat python=3.11
```

### 4. 安装依赖
```
# 进入目录
$ cd Langchain-Chatchat

# 安装全部依赖
$ pip install -r requirements.txt
$ pip install -r requirements_api.txt
$ pip install -r requirements_webui.txt
```

### 5. 下载模型
```
$ git lfs install
$ git clone https://huggingface.co/BAAI/bge-large-zh-v1.5
```

### 6. 初始化知识库和配置文件
```
$ python copy_config_example.py
$ python init_database.py --recreate-vs
```

### 7. 运行
```
$ python startup.py -a
```

## 引用
[一文了解：打造垂域的大模型应用ChatGPT](https://zhuanlan.zhihu.com/p/640493296?utm_id=0)

[小白入门大模型：LangChain](https://zhuanlan.zhihu.com/p/656646499)

[大语言模型食用指南](https://github.com/datawhalechina/self-llm?tab=readme-ov-file)

垂直领域的大语言模型开发

## 背景
市面上的打卡app有诸多问题，比如功能复杂，桌面小组件不好用等问题。为了可以快捷高效打卡，本人开发了一款快打卡App，代码面向鸿蒙系统，界面简洁。本应用是不联网，无广告，不收集用户信息纯绿色软件。



App的大部分功能都已实现，只是备份和恢复那里有些问题，现将代码开源，欢迎帮助完善。

## 项目地址
码云：[https://gitee.com/dentonliu/quick-clockin](https://gitee.com/dentonliu/quick-clockin)

鸿蒙应用项目开源 - 快打卡

## 硬件准备
自购主机或者购买云主机

## 安装webui
项目地址：https://github.com/AUTOMATIC1111/stable-diffusion-webui

### windows平台
1. 安装python3.10.6
2. 安装git
3. 克隆项目代码
```
git clone https://github.com/AUTOMATIC1111/stable-diffusion-webui.git
```
4. 运行webui-user.bat

### linux平台
1. 安装依赖
```
# Debian-based:
sudo apt install wget git python3 python3-venv libgl1 libglib2.0-0
# Red Hat-based:
sudo dnf install wget git python3 gperftools-libs libglvnd-glx
# openSUSE-based:
sudo zypper install wget git python3 libtcmalloc4 libglvnd
# Arch-based:
sudo pacman -S wget git python3
```
2. 如果系统比较新，需要安装python3.10或python3.11
```
# Ubuntu 24.04
sudo add-apt-repository ppa:deadsnakes/ppa
sudo apt update
sudo apt install python3.11

# Manjaro/Arch
sudo pacman -S yay
yay -S python311 # do not confuse with python3.11 package

# Only for 3.11
# Then set up env variable in launch script
export python_cmd="python3.11"
# or in webui-user.sh
python_cmd="python3.11"
```
3. 直接执行命令
```
wget -q https://raw.githubusercontent.com/AUTOMATIC1111/stable-diffusion-webui/master/webui.sh
```
4. 或者克隆代码，然后执行webui.sh
```
git clone https://github.com/AUTOMATIC1111/stable-diffusion-webui
```

部分实用参数
+ --share 生成外部可访问的地址，自带https
+ --listen 监听0.0.0.0，允许私用ip地址访问
+ --port 设置监听端口
+ --enable-insecure-extension-access 允许安装第三方插件
+ --xformers 开启xformers为N卡加速图片生成
+ --administrator 以管理员权限运行

## 中文插件
项目地址：
+ 中文翻译插件：https://github.com/dtlnor/stable-diffusion-webui-localization-zh_CN
+ 双语管理插件：https://github.com/journey-ad/sd-webui-bilingual-localization

## 图片生成
模型站（c站）：https://civitai.com/

## 视频生成
+ 项目地址：https://github.com/Scholar01/sd-webui-mov2mov
使用H.264编码需要安装ffmpeg, imageio-ffmpeg, libopenimageio-dev

Stable Diffusion WebUI的安装和使用

## 目录结构
### manifest.json
插件的主要文件，描述插件的信息、权限、脚本等，和uniapp的manifest.json文件类似



```json
{
  "manifest_version": 2,
  "name": "My First Extension",
  "description": "This is a sample Chrome Extension",
  "version": "1.0",
  /*插件的图标*/
  "icons": {
    "48": "icon.png",
    "128": "icon_large.png"
  },
  /*需要申请的权限*/
  "permissions": [
    "activeTab",
    "storage",
    "https://*.mywebsite.com/*"
  ],
  /*后端运行脚本，随浏览器加载*/
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  /*内容脚本*/
  "content_scripts": [
    {
      "matches": ["https://*.google.com/*"],
      "js": ["content.js"],
      "run_at": "document_end"
    }
  ],
  /*插件显示在浏览器工具栏的信息*/
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "Open the popup"
  },
  /*插件配置页*/
  "options_page": "options.html",
  /**/
  "web_accessible_resources": [
    "script.js",
    "style.css"
  ]
}
```
### 背景脚本
```javascript
// background.js
chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript({
    code: 'document.body.style.backgroundColor="green"'
  });
});
```
### 内容脚本
```javascript
// content.js
window.onload = function() {
  var links = document.getElementsByTagName('a');
  for(var i = 0; i < links.length; i++) {
    links[i].style.color = 'red';
  }
};
```
### 弹出页面
```html

<!DOCTYPE html>
<html>
<body>
<h1>Welcome to My Extension!</h1>
</body>
</html>
```
### 选项页面
```html

<!DOCTYPE html>
<html>
<body>
<h1>Extension Options</h1>
<label>Background color: <input type="text" id="bgColor"></label>
<button id="save">Save</button>
<script src="options.js"></script>
</body>
</html>
```
```javascript
// options.js
document.getElementById('save').onclick = function() {
  var color = document.getElementById('bgColor').value;
  chrome.storage.sync.set({backgroundColor: color});
};
```
## 插件的生命周期
1. 安装或更新
2. 启动
3. 运行
4. 停止
5. 卸载

##  常用事件
### 浏览器事件
#### 浏览器启动事件
```javascript
chrome.runtime.onStartup.addListener(function() {
    console.log("Browser has been started.");
});
```
#### 浏览器关闭事件
```javascript
chrome.windows.onRemoved.addListener(function(windowId) {
    chrome.windows.getAll({}, function(windows) {
        if(windows.length == 0) {
            console.log("Browser is closing, the last window was closed.");
        }
    });
});
```
#### 打开新窗口事件
```
chrome.windows.onCreated.addListener(function() {
    console.log("New window opened.");
});
```
#### 关闭窗口事件
```javascript
chrome.windows.onRemoved.addListener(function(windowId) {
    console.log("Window with id " + windowId + " was closed.");
});
```
#### 切换标签事件
```javascript
chrome.tabs.onActivated.addListener(function(activeInfo) {
    console.log("Tab with id " + activeInfo.tabId + " is now active.");
});
```
### 网络事件
+ 请求发送事件：chrome.webRequest.onBeforeRequest
+ 响应接收事件：chrome.webRequest.onCompleted
+ 连接错误事件：chrome.webRequest.onErrorOccurred

### 用户事件
+ 点击插件图标事件：chrome.browserAction.onClicked
+ 选择插件菜单事件：chrome.contextMenus.onClicked
+ 使用快捷键事件： chrome.commands.onCommand

## 常用权限
+ storage
+ bookmarks
+ activeTab
+ history
+ contextMenus

## 调试
在浏览器的扩展管理页面，打开开发人员模式，选择“加载解压缩的扩展”进行开发，修改代码以后刷新页面即可看到效果。

## 常用接口
### tabs - 标签
```javascript
chrome.tabs.create({url: "http://www.example.com"});
```
### bookmarks - 书签
```javascript
chrome.bookmarks.create({
    'parentId': '1',
    'title': 'Extension bookmarks',
    'url': 'http://www.example.com'
});

```
### notifcations - 通知
```javascript
chrome.notifications.create({
    type: 'basic',
    iconUrl: 'icon.png',
    title: 'Notification title',
    message: 'Notification message'
});

```
### storage - 存储
```javascript
// 保存数据
chrome.storage.sync.set({ key: value }, function() {
    console.log("Data saved.");
});
 
// 读取数据
chrome.storage.sync.get("key", function(result) {
    console.log("Data retrieved: ", result.key);
});

```

## 参考
1. [全网最详细的谷歌插件开发小册](https://blog.csdn.net/qq_34998786/article/details/131388792)
2. [从零深入Chrome插件开发](https://www.zhihu.com/tardis/bd/art/438896257?source_id=1001)

谷歌浏览器插件开发指南

## 什么是AI
AI 即 Artificial Intelligence 的缩写，翻译过来是人工智能。人工智能的概念很久之前就有了，直到chatgpt3的出世，将AI的应用之一大语言模型推向了普通民众。使得AI这一概念和应用逐渐普及化。本篇文章将从如何注册chatgpt账号开始，将AI相关的一些基本信息梳理一遍。



## OpenAI
### 开通账号
需要翻墙，推荐GHelper
1. 官方网站：[https://openai.com](https://openai.com)
2. 注册地址：[http://platform.openai.com](http://platform.openai.com)， 可以使用微软账号和谷歌账号直接登录

### 主要功能
#### 文本生成

> // 举例
> 
> Write a tagline for an ice cream shop  .
**We serve up smiles with every scoop!**

#### 代码生成
> // 提示词举例
> 
> 实现一个canvas动画

#### 聊天
+ chatgpt聊天入口： [https://chat.openai.com/chat](https://chat.openai.com/chat)
+ 应用举例，从零开始部署chatgpt微信机器人：[https://juejin.cn/post/7204742703506456635](https://juejin.cn/post/7204742703506456635)

#### 图片生成
利用chatgpt的语义理解，可以和OpenAI的图片生成产品DALL-E进行深度集成。
> // 提示词举例
>
> a white siamese cat

#### 数据统计
用于数据搜索，筛选和分类

#### 模型训练
可以定制一个符合特定应用的模型，比如 [https://beta.character.ai/](https://beta.character.ai/) 网站可以创建一个自定义角色，然后和这个角色聊天。

#### 语音文本转换
主要有两个方向，文本转语音和语音转文本。

### 衍生的概念
AIGC - AI Generated Content，即由AI生产的内容，包括文本、声音、图像、视频

## AI学习
+ 核心概念：神经网络算法，函数的拟合
+ 教程：[https://github.com/Visualize-ML](https://github.com/Visualize-ML)
+ 代码示例：[https://gitee.com/bigcool/gan_face](https://gitee.com/bigcool/gan_face)
+ AI虚拟主播：[https://juejin.cn/post/7204742468612145209](https://juejin.cn/post/7204742468612145209)

## AI应用
+ 艺术设计：DALL-E\鹿班\Stable Diffusion
+ UI设计：magician.design/
+ 智能客服
+ 人脸识别
+ 智能机器人
+ 动作捕捉 - 虚拟主播
+ 代码助手
+ 图像处理 - Lensa（生成不同风格的个人形象图片）、ωαмα medic（医学图像处理）
+ 文本转语音
+ Deepfake
+ 增强搜索

## 开发相关
+ IDE Cusor：[https://www.cursor.so/](https://www.cursor.so/)
+ CodeGpt: [https://code-gpt-docs.vercel.app/](https://code-gpt-docs.vercel.app/)
+ MarsCode: [https://marketplace.visualstudio.com/items?itemName=MarsCode.marscode-extension](https://marketplace.visualstudio.com/items?itemName=MarsCode.marscode-extension)
+ Github Coplite: [https://github.com/features/copilot](https://github.com/features/copilot)

AI入门

人就像其他生物一样不断地重复自己，这过程其实没有什么意义。要说有意义的话，也许在于人思考了这其中的意义。