markdown页内文字跳转

最新推荐文章于 2024-04-26 11:14:01 发布
VIP文章 最新推荐文章于 2024-04-26 11:14:01 发布
阅读量4k 收藏 7
点赞数 1
分类专栏： 工具类 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43660925/article/details/120731625
版权

markdown工具篇–页内文字跳转

文章目录

前言

有些时候文章篇幅比较长，页面滑动显得不方便，有没有什么方式实现页面跳转，或是页面超链接呢？
这边介绍两种方式，第一种为MARKdown目录跳转设计，因为左边的目录不方便看，固在文章内加入目录非常适用，第二种适用于文章内任何地方的跳转，我们称为锚定法

一、目录跳转法

前提文章标题有相应的标题格式，即#、##、###
只需要在文章开头加入下列格式，文章内自动加入目录，点击蓝色文字即可实现文字跳转。格式如下：可以不要“（写入文章目录）”

@
最低0.47元/天 解锁文章
嵌入式学徒@
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
开源免费 Markdown 笔记工具 VNote 3.0.1 中文多语免费版.zip
05-23
Vim 通常被称为“程序员的编辑器”，是一种老式的文本编辑器，主要涉及效率，灵活性和定制性。如果您是 Vim 的爱好者，并且当前正在寻找更适合编程方面的笔记应用程序，那么您应该考虑使用 VNote。 VNote 是一个受 Vim 启发的开源笔记记录实用程序，还具有 Markdown 编辑功能。当然，您可以像具有便笺管理功能的可高度配置的 Markdown 编辑器一样轻松地查看它，它不会让人失望。 开源免费 Markdown 笔记工具 VNote 中文版开源免费 Markdown 笔记工具 VNote 中文版 开源和自由 遵从 MIT 开源协议 由 Qt 和 C++ 提供强劲性能 支持主流操作系 统Linux，Windows，和 macOS 直观的笔记管理 只有纯文本，不依赖数据库 独立的笔记本 ，无限层级的文件夹 ，开放的笔记 支持标签和附件 浏览和编辑外部文件 数据自主掌控 所有文件都在本地存储 一个笔记本对应一个目录 自由选择第三方同步服务，实现多端无缝工作 专注 没有双边实时预览 通过阅读和编辑模式以专注于笔记 舒适的 Markdown 体验 最小化 Markdown 阅读和书写的鸿沟 语法高亮和原地预览 高效的图片管理 交互式的大纲 UML 图表，流程图和数学公式 高度可定制 主题和样式 快捷键和软件行为 程序员为程序员优化打造 Vim 模式和 Vim 式导航 编辑器行号 多标签页 窗口分割 模糊查找和跳转 贴心顺手的快捷键 VNote 无疑是一个非常有趣的应用程序，如果有机会，它可能会证明是大多数 Vim 程序员正在寻找的记笔记应用程序。有关该项目的更多信息以及详细的文档部分，请参阅应用程序的官方 GitHub 存储库。
在markdown中进行文内跳转
momo的博客
05-25 1232
如果在markdown中想进行文内超链接（不是标题、目录超链接），可以用到HTML语法定义锚点。在想要进行超链接的原内容附近加入。在需要加入超链接的部分使用。id为给原内容起的名称。
Markdown实用语法之实现页面内跳转
cxu123321的博客
08-30 807
Markdown实用语法之实现页面内跳转 2018年09月06日 11:36:18精装机械师阅读数 2920更多 分类专栏：Markdown 版权声明：本文为博主原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/yingaizhu/article/details/82458437   页面内跳...
Markdown 页内跳转
Daniel_Wen2005的博客
03-21 106
用markdown实现页内跳转。点击按钮文本即可实现跳转。
CodeNotes:代码注释，快速跳转，快速注释
04-22
CodeNotes CodeNotes(代码笔记) 添加注释 代码标记 快速跳转 快速使用 打开一个工作区，在该工作区初始化CodeNotes(会在该工作区创建.codenotes文件夹存储标记) 在需要做标记的位置(选择需要做标记的文件内容)右击CodeNotes Insert Mark将插入一则标记 右侧可编辑标记名称、颜色、描述。描述内容支持markdown，将在鼠标在选择的文字上放置时显示 注意事项 目前为测试版本，不做后续兼容 项目在windows下开发，会在linux上做一般测试，mac木有所以没法测试，有BUG的话请在上提 演示 尾声 作者：gaunglun BUG反馈或更好的建议邮箱：
Shinya-blog:由React构建的博客
05-09
2020.8.2 博客正式开始动工:party_popper: 2020.8.4 博客基础框架确定 博客设计完成 功能设计完成 2020.8.10 接口测试完成 2020.9.20 删减部分功能 优化CSS及各样式 2020.10.21 博客正式上线 适配移动端 2020.10.22 SEO优化 2020.10.26 优化了部分界面 增加了404等界面 修改了首页样式 2020.10.28 修复了二级路由无法获取404界面的问题 优化了部分MarkDownCSS效果 修复了文章页边距文字显示问题 2020.11.2 优化了跳转动画闪动的情况 重构了代码高亮部分 修改了部分MarkDown样式 2020.12.19 修复部分bug 2020.12.29 更新部分样式内容 修复tabbar点击错误 2021.2.6 增加归档功能 完善归档功能演示 2021.2.7 修改部分样式 解决tabbar高亮BUG
Markdown 实现页内跳转
热门推荐
一条菜鸟鱼的博客
03-14 1万+
Markdwon 实现页内跳转
Markdown 跳转到指定位置
我为人人，人人为我
06-05 1666
【代码】Markdown 跳转到指定位置。
Markdown (CSDN) MD编辑器（一）- 实现页内跳转
wkd_007的博客
04-14 9052
介绍了在 markdown 编辑器实现“页内跳转”的功能，阐述了锚点是什么，怎样创建锚点，怎样引用锚点，最后给出 markdown 格式文章，并讲解了怎么实现跳转
markdown中常见跳转技巧
weixin_44814196的博客
12-29 1868
参考链接” 是一种 Markdown 中用于提供链接定义的方式，其主要目的是使文本更加清晰和易读，减少文本中链接的干扰。通常而言, 参考链接主要使用于较为复杂的文档, 简单文档中使用超链接即可。可以使用相对路径或者绝对路径。使用 HTML的a标签。
markdown语法实现页内跳转(csdn写博客利器)绝对通俗易懂 秒学会
weixin_62613321的博客
09-01 1305
markdown语法 typora页内跳转使用教程
[markdown]Markdown 语法说明(中文版)-带目录
03-30
[markdown]Markdown 语法说明(中文版)-带目录
Markdown Preview Plus Dz特别版-crx插件
03-15
Converts and previews markdown files (.md, .markdown) to HTML right inside Chrome. dz改良版 重要：安装后请到扩展管理中设置：允许访问文件网址 ChangeLog: v104: 1. 样式优化 2. 目录增加折叠功能 v103： 1. 增加引用注解的解释，使用方法，在文字后增加如：[^1] 在文章最后增加 [^1]:这里解释文字 2. markdown 翻译开启普通换行模式 Markdown Preview Plus Dz特别版 修改自 Markdown Preview Plus。 主要功能： 1. 支持直接通过 chrome 预览 markdown 语法的文件，支持多种文件格式 2. 支持自动加载，实时预览 3. 支持制定外部 css 4. 可修改主题 在原版基础上的改进： 1. 增加了一个主题文件，优化表格显示 2. 根据 heading 提取目录，打印时会自动隐藏目录不打印 3. 将 ip 类型的添加链接，直接跳转到腾讯tnm2系统中（仅对腾讯内部员工才有意义） 支持语言:中文 (简体)
BookStack在线文档管理系统 v2.10
04-22
BookStack是一个基于MinDoc，使用Beego开发的在线文档管理系统，功能类似Gitbook和看云。 在开发的过程中，增加和移除了一些东西，目前已经不兼容MinDoc了（毕竟数据表结构、字段、索引都有了一些不同），同时只支持markdown编辑器。BookStack在线文档管理系统功能与亮点：1、书籍分类(V1.2 +) 用户就像你的老板，他不知道自己需要什么，但是他知道自己不需要什么... 2、用户主页(V1.2 +) 在用户主页，展示用户分享的书籍、粉丝、关注和手册，增加用户间的互动 3、一键导入markdown项目 这个功能，相信是很多人的最爱了。目前这个功能仅对管理员开放。 经实测，目前已完美支持各种姿势写作的markdown项目的文档导入，能很好地处理文档间的链接以及文档中的图片链接 4、一键拉取markdown项目 看到GitHub、Gitee等有很多开源文档的项目，但是一个一个去拷贝粘贴里面的markdown内容不现实。于是，做了这个一键拉取的功能。 目前只有管理员才有权限拉取，并没有对普通用户开放。要体验这个功能，请用管理员账号登录演示站点体验。 用法很简单，比如我们拉取beego的文档项目，在创建项目后，直接点击"拉取项目"，粘贴如" https://github.com/beego/beedoc/archive/master.zip "，然后就会自动帮你拉取上面的所有markdown文档并录入数据库，同时图片也会自动帮你更新到OSS。 拉取项目 经实测，目前已完美支持各种姿势写作的markdown项目的拉取，能很好地处理文档间的链接以及文档中的图片链接 目前已支持Git Clone导入项目 5、生成和导出PDF、epub、mobi等离线文档 这个需要安装和配置calibre。 我将calibre的使用专门封装成了一个工具，并编译成了二进制，源码、程序和使用说地址：https://github.com/TruthHun/converter 在BookStack中，已经引入这个包了。使用的时候，点击"生成下载文档"即可 6、文档排序和批量创建文档 很多时候，我们在写作文档项目的时候，会习惯地先把文档项目的章节目录结构创建出来，然后再慢慢写内容。 但是，文档项目中的文档少的时候，一个个去创建倒没什么，但是文档数量多了之后，简直就是虐待自己，排序的时候还要一个一个去拖拽进行排序，很麻烦。现在，这个问题已经解决了。 7、文档间的跳转你在一个文档项目中会有很多文档，其中一个文档的文档标识叫readme.md,另外一个文档的文档标识叫quickstart.md，两个文档间如何跳转呢？ 如果你知道站点的路由规则，倒是可以轻松链过去，但是，每次都要这样写，真的很麻烦。自己也经常写文档，简直受够了，然后想到了一个办法。如下： 我从readme.md跳转到quickstart.md，在readme.md中的内容这样写: [快速开始]($quickstart.md) 如果跳转到quickstart.md的某个锚点呢？那就像下面这样写： [快速开始-步骤三]($quickstart.md#step3) 好了，在发布文档的时候，文档就会根据路由规则以及你的文档标识去生成链接了(由于是后端去处理，所以在编辑文档的时候，前端展示的预览内容，暂时是无法跳转的)。 那么，问题就来了，我文档项目里面的文档越来越多，我怎么知道我要链接的那个文档的文档标识呢？不用担心，在markdown编辑器的左侧，括号里面的红色文字显示的就是你的文档标识。 8、采集功能 看到一篇很好的文章，但是文章里面有代码段、有图片，手工复制过来，格式全乱了，所以，相信采集功能，会是你需要的。采集功能，在markdown编辑器的功能栏上面，对，就是那个瓢虫图标，就是那个Bug，因为我找不到蜘蛛的图标... 9、SEO 后台管理，个性化定制你的SEO关键字；并且在SEO管理这里，可以更新站点sitemap（暂时没做程序定时自动更新sitemap） 10、版本控制 MinDoc之前本身就有版本控制的，但是版本控制的文档内容全都存在数据库中，如果修改频繁而导致修改历史过多的话，数据库可能会被撑爆。当时没有好的解决办法，所以将该功能移除了。 目前加上该功能，是因为这个功能呼声很高，所以加回来了。但是版本控制的内容不再存储到数据库中，而是以文件的形式存储到本地或者是云存储上。 功能在管理后台->配置管理中进行开启 11、更美观、简洁的页面布局和更为完善的移动端兼容 这是个看脸的时代...升级日志管理后台，恢复和优化附件管理功能，以便管理音频和视频 内容编辑器支持上传音频和视频（如果开启了阿里云OSS云存储，则将音视
jQuery实现Markdown编辑器插件
06-24
jQuery实现Markdown编辑器插件是一款基于bootstrap的Markdown网页文本编辑器插件。
microblog:带快递3.x的微博
06-08
深度整合 ：支持选择笔记本和添加标签，支持从印象笔记跳转编辑，轻松管理。[TOC]Markdown简介Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富HTML页面。 ——正如...
spring自定义属性编辑器
Lxn2zh的博客
04-26 648
属性编辑器用来解析bean的配置文件中的属性标签，spring的BeanWrapperImpl默认会注册CustomCollectionEditor(集合)、CustomMapEditor(Map)、CurrencyEditor(货币)、ByteArrayPropertyEditor等，可以使用。实现了BeanFactoryPostProcessor接口，由spring容器自动检测并执行。方法，负责向spring容器注册属性编辑器。实现类作为bean进行注册。这个bean，并写入属性。
node-v12.22.1-linux-x64.tar.xz
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于微信小程序的校园综合服务小程序
04-29
大学生毕业设计、大学生课程设计作业
markdown当前页面跳转
05-01
如果您想在Markdown中添加一个链接，以在当前页面中跳转到另一个部分，可以使用以下语法： ``` [链接文本](#目标标题) ``` 其中，目标标题是您想要跳转到的标题的名称，可以在标题前加上#符号来定义。 例如，如果您想要在页面中跳转到标题为“使用Markdown”的部分，可以使用以下语法： ``` [跳转到使用Markdown](#使用Markdown) ``` 然后，在页面中将使用Markdown作为标题的部分将成为一个可点击的链接，可以单击它以跳转到该部分。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值