【高效办公】MarkDown-如何实现自动生成以及实现锚点链接

于 2024-07-25 22:49:29 发布
阅读量230 收藏 2
点赞数 7
分类专栏： 高效办公 文章标签： 笔记 经验分享 notion 学习 职场和发展 论文笔记 有道云笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52372189/article/details/140701545
版权
#AI发展下的伦理挑战，应当如何应对？#

思考：AI发展下的伦理挑战，应当如何应对？

人工智能飞速发展的同时，也逐渐暴露出侵犯数据隐私、制造“信息茧房”等种种伦理风险。随着AI技术在社会各个领域的广泛应用，关于AI伦理和隐私保护问题日趋凸显。尽管国外已出台系列法规来规范AI的使用，保护个人隐私和数据安全，但如用户被区别对待的“大数据杀熟”现象、AI在辅助医疗诊断和就业筛选中表现出的歧视、基于深度伪造技术制作假信息等引发的社会问题仍层出不穷。这些事件引发了公众对于AI决策透明度、算法公平性和个人隐私权的重大关注。面对AI发展下的这些伦理挑战，我们应当如何应对呢？在推动AI技术发展的同时，制定AI治理框架，建立有效的隐私保护机制是当前亟需解决的重要议题。对此你有什么想法？快来参与讨论，分享你的观点吧！

目录我是目录

文章目录

----------

标题快捷方式

使用 `# [此处是2个空格] 标题名称
标题1 ：#
标题2 ：##
…
以此类推

加粗

选中要加粗的内容，快捷键Ctrl +B

加粗样式

斜体

选中要加斜体的内容，快捷键Ctrl +I

斜体样式

删除线格式~~

在要加下划线的内容两侧加上 ~~

我是删除线样式

列表

无序列表

使用 -[一个空格]内容

  • 内容
  • 内容二

有序列表

使用 1.[此处有一个空格，注意是半角的]内容①。

  1. 内容
  2. 内容二

引用

选中或者直接用快捷键 Ctrl+Q

这里是引用

自动生成目录

在Markdown中，你可以使用以下方法来生成目录或者生成锚点链接。

生成目录： 你可以使用以下方法来生成目录：

在你希望生成目录的地方添加 [TOC]，这将自动生成一个包含所有标题的目录。
【返回目录】

生成锚点链接

你可以使用以下方法来生成锚点链接：

首先，给你希望生成链接的标题添加一个标识符。例如，你可以在标题下方添加一个标签，并给它一个唯一的ID，如<a id="example"></a>。
然后，在你希望生成链接的地方使用 [链接文本](#example) ，其中example是你为该锚点链接定义的ID。
这样，当你点击链接时，页面将滚动到与该ID对应的标题位置。

返回的地方 ：<a id="example"></a>
点击的链接 ： 【[返回目录](#catalog)】

【返回目录】

希望能帮到你！

【返回目录】

拾贰_C
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
markdown-it-anchor:markdown-it的页眉锚点
05-03
降价锚 页眉锚点。 英文| 用法 const md = require ( 'markdown-it' ) ( ) . use ( require ( 'markdown-... 固定链接锚点的类。 header-anchor permalinkSpace 在标题文本和永久链接锚之间放置空格。 true pe
markdown-it-charts:markdown-it图表插件
05-13
markdown-it的图表插件。 快速轻松地扩展markdown-it。 支持chart.js，echarts，highcharts，CHARTIST，c3.js，tauCharts。 安装 node.js和Bower： npm install markdown-it-charts --save bower install markdown-...
markdown-it 介绍，以及使用，自定义规则
言小溪 的博客
09-16 4905
markdown-it markdown-it 是前端的一个 markdown 解析库， 将 markdown 解析成 Token 流 网上都有很多详细的 token 流解析过程，请先简单看一遍 markdown-it解析 - 简书 https://www.jianshu.com/p/39ed59f610d4 看完的小伙伴应该一头雾水，下面我们来实践一下 添加规则 首先，如果你需要解析流呢，就要往他的规则里面添加新的规则 // 添加规则 md.core.ruler.push('规则名',
使用react-markdown与markdown-navbar实现在线浏览markdown文件并自动生成侧边导航栏目录（react项目）
xz060585的博客
03-13 2418
使用react-markdown与markdown-navbar实现在线浏览markdown文件并自动生成侧边导航栏目录（react项目）
Markdown文件转换为html(包括markdown-it、生成菜单、自定义id锚点)
qq_40588529的博客
11-03 2854
md转换为html，并携带菜单
markdown设置锚点
Kikityer的博客
08-26 2092
当文章的内容过的时候，需要给文章建立目录，可以实现点击目录随意的跳转到对应的内容。此时是使用markdown的锚点的功能。 基本的格式为： - [标题名](#给标题取得一个id，一般与标题同名即可) ### <a id="给标题取得一个id，一般与标题同名即可">标题名</a> 实例如下： 测试1 测试2 测试3 测试1 dsd fad fadfadf fadf...
有道云 markdown 设置字体-生成目录-设置锚点
媛测
11-22 2817
文章目录一、字体增大1、为什么要字体增大？2、字体增大的方法？二、生成目录1、为什么要生成目录？2、生成目录的方法？三、设置锚点-页内链接1、锚点的作用？2、如何创建锚点？ 一、字体增大 1、为什么要字体增大？ 有道云的普通笔记可以设置默认字体大小，但是不支持markdown默认字体。当写完预览markdown，发会现，正文字太小了。 2、字体增大的方法？ 用一组 &amp;amp;amp;lt;font size=4&amp;amp;amp;...
【Markdown】CSDN 的 Markdown 编辑器锚点使用-进阶篇
影三人
01-30 700
【Markdown】CSDN 的 Markdown 编辑器锚点使用-进阶篇
CSDN-markdown 页间跳转（锚点链接）的实现
热门推荐
走过的都是未来
08-14 2万+
本文介绍 CSDN-markdown 中页面跳转（锚点链接）的实现方法。通过点击锚点链接，浏览器能根据这个锚点链接中指定的锚点名称定位到其对应的位置，即该锚点指向的页面里的特定段落，便于浏览者查看网页内容。
vue2 使用markdown-it小记
shelleycoco的博客
10-08 1566
【代码】vue2 使用markdown-it小记。
markdown如何实现锚点功能
圆圆的 JavaScript 博客
01-07 1万+
最近慢慢开始写一点博客，写完一篇后发现排版上少了目录，感觉用起来不方便，那么怎么在markdown中实现目录与跳转呢？用锚点啊，嘿嘿~
vue3 markdown与锚点的完美交互
qq_33816243的博客
09-15 2228
markdown与锚点的交互使用是现在博客网站的标配。例如CSDN、简书、掘金，都有类似的功能。最近在开发博客网站时也遇到了同样的需求。本文详细总结了markdown与锚点交互相关的问题解决方法，如果你的博客网站也有类似的需求，希望这篇文章可以帮助到你。
markdown-it-vue：markdown-it的vue库
02-04
markdown-it的Vue库。 在线演示 安装 npm install markdown-it-vue 支持 图像大小和查看器 官方降价语法。 GFM目录 GFM风格 表情符号 仅简单 Flowcharts.js 下标/上标 信息| 错误警告信息提示 插件清单 降价 ...
vue3-markdown-it::sparkles: 一个很棒的 Vue 3 markdown-it 包装插件，甚至可以支持外部插件！
07-23
:sparkles: vue3-markdown-it :sparkles: 一个很棒的 Vue 3 包装插件，甚至可以支持外部插件！ :magnifying_glass_tilted_right: 安装 npm install vue3-markdown-it 支持的插件 -而其中，一切都开始它 - 添加...
markdown-it-html5-media:极简主义者markdown-it插件，使用图像语法
05-06
使用图像语法将markdown-it的<video> / <audio>插件最小化。 受启发。 主要区别： 仅支持图像语法： ![descriptive text](video.mp4) ，这是CommonMark人们的语法 将视频和音频标记为“视频”和...
谷粒商城实战笔记-38-前端基础-Vue-指令-单向绑定&双向绑定
epitomizelu的专栏
07-20 1013
安全性v-text更安全，因为它总是将数据作为纯文本插入，不解析 HTML。v-html则可能引发安全问题，因为它会解析并渲染 HTML 标签。用途v-text适用于插入文本数据，而v-html适用于插入需要被解析为实际 HTML 的数据。处理 HTML 标签v-text忽略 HTML 标签，将其视为普通文本；v-html则会解析并显示 HTML 标签。二者都是单向绑定，元素绑定model，model不绑定元素，元素值改变时model值不会更新。
deepseek-vl 论文阅读笔记
最新发布
samoyan的博客,记录技术成长~
07-22 1069
我们的语言模型基于DeepSeek LLM（DeepSeek-AI，2024），其微设计大体遵循LLaMA（Touvron等，2023a,b）的设计，采用带有RMSNorm（Zhang和Sennrich，2019）函数的Pre-Norm结构，并使用SwiGLU（Shazeer，2020）作为前馈网络（FFN）的激活函数，中间层维度为8/3模型维度。此外，我们引入了一种新的“模态预热”策略。为了促进创新并支持广泛的应用需求，我们公开了两个版本的模型，分别为1.3B和7B，以满足不同计算能力的需求。
HTML学习笔记[Web开发]
Jenlibein的博客
07-19 999
本文为学习笔记，参考w3c，菜鸟，Mozilla，尚硅谷等文章编写。
ZYNQ 入门笔记（零）：概述
记录代码与生活
07-21 754
作为 AMD Xilinx SoC 的重要组成部分之一，Zynq 系列在视频编码、网络加速、射频信号处理等领域占据重要地位，其将 ARM 硬核 (PS) 与可编程逻辑 (PL) 集成在一块芯片内部，在提升系统整体性能的同时简化了设计流程。然而，初次接触 Zynq 的开发者可能会面临诸多困难，如工具链、开发流程、Block Design、AXI 总线、PS & PL 交互、联合调试等。笔者在此将学习过程中的笔记加以整理，希望能帮助大家快速入门 Zynq，体会软硬件联合开发的乐趣
vue markdown 生成--自动生成markdown文档侧边栏目录
05-26
在 Vue 中使用 Markdown 生成文档时，可以通过以下步骤自动生成侧边栏目录： 1. 在项目中安装 `markdown-it` 和 `markdown-it-anchor` 库： ```bash npm install markdown-it markdown-it-anchor --save ``` 2. 在 Vue 组件中引入并初始化 `markdown-it` 和 `markdown-it-anchor`： ```javascript import MarkdownIt from 'markdown-it' import MarkdownItAnchor from 'markdown-it-anchor' const md = new MarkdownIt({ html: true, linkify: true, typographer: true, }) md.use(MarkdownItAnchor) ``` 3. 在 Vue 组件中使用 `v-html` 指令渲染 Markdown 文本，并使用 `@hook:mounted` 钩子函数监听渲染完成事件，在事件处理函数中获取文档中所有标题标签（如 `h1`、`h2` 等），并根据标题级别生成目录树： ```html <template> <div> <div v-html="html"></div> <div class="sidebar"> <ul> <li v-for="item in toc" :key="item.id"> <a :href="'#' + item.id">{{ item.text }}</a> <ul v-if="item.children"> <li v-for="child in item.children" :key="child.id"> <a :href="'#' + child.id">{{ child.text }}</a> </li> </ul> </li> </ul> </div> </div> </template> <script> export default { data() { return { html: '', toc: [], } }, mounted() { this.html = md.render('# Hello World\n## Introduction\n### Features\n### Installation\n## Usage\n## API Reference') this.$nextTick(() => { const headers = Array.from(document.querySelectorAll('h1, h2, h3, h4, h5, h6')) this.toc = headers.map(header => ({ id: header.id, text: header.textContent, level: Number(header.tagName[1]), })).reduce((acc, header) => { let lastItem = acc[acc.length - 1] if (!lastItem || header.level <= lastItem.level) { acc.push(header) } else { let parent = lastItem while (parent.children && header.level > parent.level) { parent = parent.children[parent.children.length - 1] } if (!parent.children) { parent.children = [] } parent.children.push(header) } return acc }, []) }) }, } </script> ``` 4. 在 Vue 组件的样式中定义侧边栏样式： ```css .sidebar { position: fixed; top: 0; right: 0; bottom: 0; width: 200px; padding: 20px; overflow-y: auto; } ``` 这样就可以在 Vue Markdown 文档中自动生成侧边栏目录了。当然，这只是一个简单的示例，实际项目中可能需要根据具体需求进行一些定制化调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拾贰_C

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值