. npm安裝vue-highlightjs

2.vue全局引入

import VueHighlightJS from 'vue-highlightjs'

Vue.use(VueHighlightJS);

3.傳入變量為字符串

<pre v-highlightjs="displayCode" style="margin: 0">

、項(xiàng)目簡(jiǎn)介

Jina AI的Reader項(xiàng)目是一個(gè)功能強(qiáng)大的工具，可以通過簡(jiǎn)單的URL前綴轉(zhuǎn)換，將任何網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)化為對(duì)大型語言模型（LLM）友好的輸入格式。這個(gè)工具主要提供兩個(gè)核心功能：閱讀和搜索。

• 閱讀功能

可以將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)換成優(yōu)化后的格式，提升語言代理和可檢索生成模型的輸出質(zhì)量；

• 搜索功能

允許用戶查詢并直接獲取網(wǎng)絡(luò)上的最新信息，并自動(dòng)格式化為L(zhǎng)LM友好的形式。

這兩個(gè)功能不僅免費(fèi)、穩(wěn)定，而且可擴(kuò)展，適用于生產(chǎn)環(huán)境。

二、DEMO

地址：https://jina.ai/reader/#demo

使用Reader可以把GitHub上的頁(yè)面轉(zhuǎn)換成結(jié)構(gòu)化的內(nèi)容，信息非常完善，可以用于批量的內(nèi)容抓取工作。

三、實(shí)際應(yīng)用

Reader可以應(yīng)用于多種場(chǎng)景，包括：

（1）內(nèi)容摘要和轉(zhuǎn)換：將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)換成對(duì)語言模型友好的格式，便于內(nèi)容的進(jìn)一步處理和分析。

（2）信息檢索：通過特定的URL前綴查詢，快速獲取網(wǎng)絡(luò)上的信息，并自動(dòng)將其格式化，使其更易于語言模型的處理和理解。

（3）增強(qiáng)學(xué)習(xí)和研究：為學(xué)術(shù)研究或機(jī)器學(xué)習(xí)模型提供更準(zhǔn)確、更結(jié)構(gòu)化的數(shù)據(jù)輸入。

（4）內(nèi)容審核和分析：自動(dòng)抓取網(wǎng)頁(yè)內(nèi)容，進(jìn)行內(nèi)容審核或情感分析，有助于監(jiān)測(cè)和評(píng)估網(wǎng)絡(luò)上的信息。

這些功能使Reader成為處理和優(yōu)化網(wǎng)絡(luò)內(nèi)容的有力工具，特別適用于需要高效信息處理的環(huán)境。

四、用法

• 單個(gè)URL獲取：

使用Reader的單個(gè)URL獲取功能非常簡(jiǎn)單。只需在任何URL前添加 https://r.jina.ai/，就可以將該網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)換為L(zhǎng)LM友好的輸入。例如，將URL“https://en.wikipedia.org/wiki/Artificial_intelligence” 轉(zhuǎn)換為Reader友好的URL：

https://r.jina.ai/https://en.wikipedia.org/wiki/Artificial_intelligence 這個(gè)服務(wù)會(huì)自動(dòng)為頁(yè)面圖片添加說明，并通過視覺語言模型（VLM）進(jìn)行格式化。

• 網(wǎng)絡(luò)搜索：

Reader的網(wǎng)絡(luò)搜索功能通過添加 https://s.jina.ai/ 在搜索查詢前，實(shí)現(xiàn)高效的信息檢索。例如，如果查詢是“Who will win 2024 US presidential election?”，則URL應(yīng)該是：

https://s.jina.ai/Who%20will%20win%202024%20US%20presidential%20election%3F Reader會(huì)搜索網(wǎng)絡(luò)，獲取前5個(gè)結(jié)果，訪問每個(gè)URL，并應(yīng)用r.jina.ai技術(shù)進(jìn)行處理，自動(dòng)獲取內(nèi)容，無需用戶自己處理瀏覽器渲染等問題。

• 交互式代碼片段生成器：

推薦使用代碼生成器來探索Reader API的不同參數(shù)組合。

• JSON模式

（1）使用 curl 獲取 JSON 數(shù)據(jù)：

代碼示例：

curl -H "Accept: application/json" https://r.jina.ai/https://en.m.wikipedia.org/wiki/Main_Page

此命令通過 curl，設(shè)置 HTTP 頭部為 Accept: application/json，向 r.jina.ai 發(fā)送請(qǐng)求，并通過該服務(wù)訪問維基百科主頁(yè)，返回的數(shù)據(jù)格式為 JSON，包含 url、title 和 content 三個(gè)字段。

（2）s.jina.ai API 結(jié)構(gòu)：

在 JSON 模式下，s.jina.ai 返回一個(gè)包含五個(gè)結(jié)果的列表，每個(gè)結(jié)果均以字典形式組織，包括 title、content 和 url 三個(gè)字段。這說明 s.jina.ai 更適合于處理搜索請(qǐng)求，返回的是多個(gè)相關(guān)搜索結(jié)果的數(shù)據(jù)結(jié)構(gòu)。

• 安裝

為了運(yùn)行項(xiàng)目，你需要準(zhǔn)備以下工具和步驟：

（1）Node.js v18: 使用Node版本18，因?yàn)楦甙姹究赡軐?dǎo)致構(gòu)建失敗。

（2）Firebase CLI:需要全局安裝Firebase命令行工具，可以使用以下命令進(jìn)行安裝：

npm install -g firebase-tools

（3）克隆項(xiàng)目代碼庫(kù):

git clone git@github.com:jina-ai/reader.git

（4）安裝后端依賴:

進(jìn)入后端功能目錄：