Markdown 文章 跳转

背景

在查阅一些文档的时候,一些比较优秀博客在文章中是带有目录的,点击就会跳转到指定的锚点。

在本人的某些文章中,也想尝试这样的效果。

做法

实现这样的效果有2种做法(不同之处在于 超链接的写法不同),都是一个锚点+ N个调整连接即可

  • 基于html语法
  • 基于markdown语法

html 语法

<a href="#锚点1">点击这里跳转到锚点1</a>
<a href="#锚点名2">点击这里跳转到锚点2</a>

<a id="锚点1">标题1,作为锚点1</a>

效果

点击这里跳转到锚点1
点击这里跳转到锚点2

标题1,作为锚点1

markdown 语法

写法


[点击这里跳转到锚点2](#锚点名2)

<a id="锚点名2">标题2,作为锚点2</a>

效果

点击这里跳转到锚点2

标题2,作为锚点2

原文地址:https://www.cnblogs.com/schips/p/12350672.html

时间: 2024-10-16 14:58:00

Markdown 文章 跳转的相关文章

博客园添加markdown文章导航栏

博客园添加Markdown文章导航栏 我正在翻译Spring Framework文档,发布到博客园之后发现文章太密集,猛一看到比较懵,由于看到博客园支持自定义页面,我觉得添加一个导航栏,结构上会更加清晰一些. 所以在网上搜了搜关于添加导航栏的文章,搜到一个试了试,有些问题,所以就自己写了一个,实现功能如下: 主要搜索主页面中的h1-h6 根据1-6的级别设置字体大小和缩进宽度 滚动时页面最上方的标题对应导航将加粗 支持展开隐藏(默认隐藏,如果默认打开,就将js代码第6行display:none改

Django框架学习----视图与模板(详情页的上下篇文章跳转跳转)

我们实现首页到详情页的跳转之后,接下来就是实现详情的上下篇文章的跳转 第一步:挑选按钮 把选中的按钮复制到我们的detail页面里面,并用一个div包含起来,如下图: 在上图中我定义了两个变量,他现在是不存在的,我们需要在views,py里面把这两个变量赋值之后并且映射过来.如下图: 写好之后重启一下你的项目,你的详情页就拥有了上下篇文章跳转功能了 原文地址:https://www.cnblogs.com/humiao-0626/p/12662555.html

【3.5】实现上下篇文章跳转

1.添加上下篇文章的按钮 1 <div> 2 <nav aria-label="..."> 3 <ul class="pager"> 4 <li><a href="/blog/detail/{{ previous_article.article_id }}">上一篇:{{ previous_article.title }}</a></li> 5 <li>

IOS微信中看文章跳转页面后点击返回无效

经过查找原因发现,下面两种链接,链接1返回不了,链接2可以返回. 链接1:http://mp.weixin.qq.com/s?__biz=MzA5NDY5MzcyNA==&mid=2650898126&idx=1&sn=61eb95a2660e94de64812c9ccc158876&scene=1&srcid=0907qx4yiDFNLq8rM44rcCgK#rd 链接2:http://mp.weixin.qq.com/s?__biz=MjM5MzIzMTQ4MA

用weexplus从0到1写一个app(2)-页面跳转和文章列表及文章详情的编写

说明 结束连续几天的加班,最近的项目终于告一段落,今天抽点时间开始继续写我这篇拖了很久的<用weexplus从0到1写一个app>系列文章.写这篇文章的时候,weexplus的作者已经把weexplus重构了一下,可以同时打包出web端和native端,我这边的ui界面和项目结构也跟着做了一点变化.这里有weexplus官方放出的一个电影APP的demo,有需要的可以去下载看看,然后顺便给weexplus一个star吧! 文章可能会很长,在此分几篇文章来写,先占个坑: 用weexplus从0到

一键发布本地文章到【博客园、CSDN、掘金】等平台的Markdown编辑器

JustWrite 一款定位于Markdown文章排版与一键发布本地文章到[博客园][CSDN][掘金]等平台的Markdown编辑器. 你可以尝试用JustWrite写作,因为JustWrite可以帮你排版,帮你美化,帮你处理本地图片,帮你一键发布! 功能 [x] 微信公众号排版神器(几十种主题+代码块样式) [x] 博客园.CSDN.掘金一键发布(带上传本地图片) [x] 网络图片一键下载到本地 [x] 本地图片一键上传至新浪图床 [x] 本地图片一键整理至Picture文件夹 [x] 一键

Python + Selenium 自动发布文章(一):开源中国

https://blog.csdn.net/qq_28804275/article/details/80891949 https://blog.csdn.net/qq_28804275/article/details/80891949Python + Selenium 自动发布文章系列:Python + Selenium 自动发布文章(一):开源中国Python + Selenium 自动发布文章(二):简书Python + Selenium 自动发布文章(三):CSDNPython + Sel

[转]Markdown语法说明

概述 宗旨 Markdown 的目标是易读易写. Markdown强调可读性高于一切.一份Markdown格式的文档应该能直接以纯文本方式发布,而不致一眼看过去满眼都是标签和格式化指令.Markdown的语法确实受了几种现有的text转HTML过滤器影响--包括 Setext, atx, Textile, reStructuredText,Grutatext, 和 EtText -- 其中对Markdown语法影响最大的单一来源是纯文本的Email格式. 为实现这一目标,Markdown的语法几

MarkDown语法-示例2

@TOC 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页.如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识. 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来全新的写作体验: 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行