整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

VueHighlightJS如何在网页中格式化代码

VueHighlightJS如何在网页中格式化代码

. npm安装vue-highlightjs

2.vue全局引入

import VueHighlightJS from 'vue-highlightjs'

Vue.use(VueHighlightJS);

3.传入变量为字符串

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

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

【H5教程2.1.3】

Html元素

  • 是指从开始标签到结束标签之间的所有代码

<p>hhhhhhhh</p> //段落<br/>//空标签 or <br> 换行123123

  • 元素语法

    空元素(<br/>)在开始标签中进行关闭

    大多数HTML元素可拥有属性

  • 嵌套的HTML元素

http://blog.csdn.net/jarlen/article/details/44277681

有案例介绍

HTML属性

  • 标签可以拥有属性为元素提供更多的信息

  • 属性以键/值对的形式出现

<a href="www.baidu.com">baidu</a>11

  • 常用的标签属性

<h1>:align //对齐方式<body>:bgcolor//背景色<a>:target//规定在何处打开链接123123

  • 通用的属性

class://规定元素的类名,用来引用自定义样式id://规定元素的唯一IDstyle:规定元素的样式title:规定元素的额外信息12341234

<html><head>

<meta charset="UTF-8">

<title>Html Test</title></head><body><b>定义粗体文本</b><br><br><big>定义大号字</big><br><br><em>定义着重文字</em>

<br><br><i>定义斜体文字</i><br><br><del>定义删除文字</del>

<br><br><ins>定义插入文字</ins>

<br><br>

<strong>定义加重语气</strong>

<br><br>

<sub>定义下标字</sub>

<br><br>

<sup>定义上标字</sup>

<br><br>

<small>定义小号字</small>

<br><br></small></small></body></html>1234567891011121314151617181920212223242526272829303132333435363712345678910111213141516171819202122232425262728293031323334353637

格式化结果显示

其他

、项目简介

Jina AI的Reader项目是一个功能强大的工具,可以通过简单的URL前缀转换,将任何网页内容转化为对大型语言模型(LLM)友好的输入格式。这个工具主要提供两个核心功能:阅读和搜索。

  • 阅读功能

可以将网页内容转换成优化后的格式,提升语言代理和可检索生成模型的输出质量;

  • 搜索功能

允许用户查询并直接获取网络上的最新信息,并自动格式化为LLM友好的形式。

这两个功能不仅免费、稳定,而且可扩展,适用于生产环境。

二、DEMO

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

使用Reader可以把GitHub上的页面转换成结构化的内容,信息非常完善,可以用于批量的内容抓取工作。

三、实际应用

Reader可以应用于多种场景,包括:

(1)内容摘要和转换:将网页内容转换成对语言模型友好的格式,便于内容的进一步处理和分析。

(2)信息检索:通过特定的URL前缀查询,快速获取网络上的信息,并自动将其格式化,使其更易于语言模型的处理和理解。

(3)增强学习和研究:为学术研究或机器学习模型提供更准确、更结构化的数据输入。

(4)内容审核和分析:自动抓取网页内容,进行内容审核或情感分析,有助于监测和评估网络上的信息。

这些功能使Reader成为处理和优化网络内容的有力工具,特别适用于需要高效信息处理的环境。

四、用法

  • 单个URL获取:

使用Reader的单个URL获取功能非常简单。只需在任何URL前添加 https://r.jina.ai/,就可以将该网页内容转换为LLM友好的输入。例如,将URL“https://en.wikipedia.org/wiki/Artificial_intelligence” 转换为Reader友好的URL:

https://r.jina.ai/https://en.wikipedia.org/wiki/Artificial_intelligence 这个服务会自动为页面图片添加说明,并通过视觉语言模型(VLM)进行格式化。

  • 网络搜索:

Reader的网络搜索功能通过添加 https://s.jina.ai/ 在搜索查询前,实现高效的信息检索。例如,如果查询是“Who will win 2024 US presidential election?”,则URL应该是:

https://s.jina.ai/Who%20will%20win%202024%20US%20presidential%20election%3F Reader会搜索网络,获取前5个结果,访问每个URL,并应用r.jina.ai技术进行处理,自动获取内容,无需用户自己处理浏览器渲染等问题。

  • 交互式代码片段生成器:

推荐使用代码生成器来探索Reader API的不同参数组合。

  • JSON模式

(1)使用 curl 获取 JSON 数据:

代码示例:

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

此命令通过 curl,设置 HTTP 头部为 Accept: application/json,向 r.jina.ai 发送请求,并通过该服务访问维基百科主页,返回的数据格式为 JSON,包含 url、title 和 content 三个字段。

(2)s.jina.ai API 结构:

在 JSON 模式下,s.jina.ai 返回一个包含五个结果的列表,每个结果均以字典形式组织,包括 title、content 和 url 三个字段。这说明 s.jina.ai 更适合于处理搜索请求,返回的是多个相关搜索结果的数据结构。

  • 安装

为了运行项目,你需要准备以下工具和步骤:

(1)Node.js v18: 使用Node版本18,因为更高版本可能导致构建失败。

(2)Firebase CLI:需要全局安装Firebase命令行工具,可以使用以下命令进行安装:

npm install -g firebase-tools

(3)克隆项目代码库:

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

(4)安装后端依赖:

进入后端功能目录: