首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Markdown使用教程

变量链接 Github仓库中使用内部链接 锚点链接 十、图片 图片宽高 相对路径以及Github中使用图片 十一、表格 十二、Emoji表情包 十三、其他技巧 支持的 HTML 元素 转义 数学公式...实现的工具:https://github.com/ekalinin/github-markdown-toc.go 如果你有GO语言的编译环境,可以尝试自己编译,如果没有,可以直接下载编译好的二进制文件.../ 这个链接用 1 作为网址变量 Google 这个链接用 baidu 作为网址变量 Baidu Github仓库中使用内部链接 可使用相对路径(前提是有该路径下的文件) [test](test.md)...test 锚点链接 本文件中每一个标题都是一个锚点,和HTML的锚点(#)类似 [Markdown](#Markdown) 注: github对含有标点符号的标题进行锚点时会忽略掉标点符号, 本页中... 相对路径以及Github中使用图片 不管是在本地还是在github同一个仓库中,如果图片存在,可以使用相对路径。

6.3K32

Typecho | 博客结构与插件开发笔记:附件及扩展方法

contents表属性中的type与text 在contens表(详细请参见官方文档)中,作者对于扩展性的考虑是相对比较周到的,其中设计的type和text两个基础属性可以对多样的内容进行扩展定义。...--markdown-->本页面由 Typecho 创建, 这只是个测试页面. draft 草稿 文章草稿 link 链接 不知道干啥的,作者应该打算存友情链接的 attachment 附件(含图片...附件元数据属性名称 说明 name 附件名称 path 附件存储相对路径 size 附件比特大小 type 附件扩展后缀名,如jpg mime mime类型,如image/png 利用type和text...下面的代码假设你已经在激活方法activate()里对上述进行了注册,并将展示如何在附件上传过程对附件添加自定义扩展元数据以及如何在路径获取过程对附件自定义扩展元数据进行读取。...附件存储在数据库的contents表中时的text字段(添加自定义属性'hash')

1.9K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    搭建Hexo博客-第3章-Markdown语言介绍及编辑博客

    加入网址链接 [链接描述](链接地址) 如果链接到网络地址,建议加上协议 ,表示这不是你本地文件的相对路径。...比如链接到百度 [点击这里,链接到百度](https://www.baidu.com) 显示效果: 点击这里,链接到百度 如果要链接到本地文件,需要使用相对路径,比如你要在一个 blog1.md 的文件当中链接到同级目录当中...i = 0; i < 10; i++) { sum += i; } cout << sum; 如果要添在一句话中添加代码,只需要用 ` 将代码包起来就可以了。...在 Markdown 中,一个空格就是一个空格,但多个空格还是一个空格,比如这样: 这句话有四个 空格 但它的显示效果是这样的: 这句话有四个 空格 9.小结 好了,关于 Markdown 我就介绍这么多吧...有了 title 能在编译时收录到主页的目录当中,就像这里 剩下内容就靠你自由发挥啦, 加载本地图片 在这里我要介绍一下之前说到的如何在博客中添加本地照片。

    60340

    如何在Ubuntu上安装和使用Hugo

    GitHub上的存储库是按照每个单独的主题组织的子模块。 因为子模块会使我们网站的实际内容的版本控制变得非常复杂,所以我们实际上只是将主题克隆到我们的主目录。...为了使此链接更灵活地进行可能的部署,我们将创建一个相对符号链接。如果将Hugo存储库部署到远程服务器,则只需确保将themes目录再次克隆到Hugo的父目录中: ln -s ...../themes 如您所见,我们当前目录中的themes目录实际上只是指向我们克隆到主目录的主题存储库的链接。....gitkeep; done 通过输入以下内容,我们可以看到隐藏的.gitkeep文件已添加到我们的所有目录中 ....为了让Hugo能够从我们的Markdown页面正确生成HTML,我们需要创建以.md扩展名结尾的文件。 创建关于页面 将从主页链接到的页面以及页面所需的相对路径在很大程度上取决于您的主题。

    6.7K10

    Vscode笔记-24款插件

    由于很多 github 的 repo 都提供了 markdown 语法格式的 readme 文件,所以还是需要安装一下,这样才方便阅读。...那么,有没有可能提供 GitHub 链接,直接在 VS Code 上查看 Repo 代码呢?...这个项目名为 github1s,它的使用方法非常简单,只需要在浏览器地址栏 GitHub 网址链接中的「github 」后面添加 1s ,然后 Enter 键,即可在 VS Code 界面访问该项目的...${file} :当前打开的文件 ${relativeFile}:相对于workspaceRoot的相对路径 ${fileBasenameNoExtension}:当前文件的文件名,不带后缀,也即launch...只需注意左侧的灯泡,然后按一下它即可了解如何在光标下转换代码。 json2ts 可将JSON转换为TypeScript接口。您可以从VS Code中浏览和安装扩展。

    10.8K21

    DevOps: Mkdocs 静态站点生成器 简介及实践

    1.简介 MkDocs是一个基于Python的静态站点生成器,它可以将Markdown格式的文档转换为漂亮的静态网站。MkDocs提供了一种简单而灵活的方式来创建文档,并支持多种主题和插件。 2....mkdocs new命令初始化MkDocs项目,该命令会生成一个包含配置文件和目录结构的项目: 在项目根目录,命令行中使用mkdocs new来初始化文档。.../docs/index.md 执行后在项目中生成docs目录及mkdocs.yml配置文件 2.3 编写文档 在docs目录下修改index.md,并新建其他Markdown格式的文档,如下图: 2.4...: - 项目管理: modules/project.md - 接口管理: modules/interface.md - 作者说明: author.md 所有文件的引用都是相对与...docs目录,支持菜单及引用子目录文件,如“模块列表”。

    25010

    编写TensorFlow文档

    Markdown中的数学 编辑Markdown文件时,您可以在TensorFlow中使用MathJax,但请注意以下事项: MathJax在tensorflow.org上正确呈现 MathJax在github...Markdown中的链接 链接分为几类: 链接到同一文件的不同部分 链接到tensorflow.org之外的URL 从Markdown文件(或代码注释)到tensorflow.org中的另一个文件的链接...此URL命名方案确保tensorflow.org可以将链接转发到与您正在查看的文档版本相对应的代码的分支。不要在源代码URL中包含url参数。...文档生成器将该模块的docstring放在为模块生成的Markdown文件的开始处,在这种情况下为tf.image。 它曾经是一个要求,列出模块文件中的@@每个成员的开头,放在每个成员之前。...一些类成员,如__base__,__class__,这是动态创建的,但一般不具有有用的文档。 只需要在生成脚本中手动添加顶级模块(目前只有tf和tfdbg)。

    1.1K70

    居然在实现这张图片效果过程中,我发现了一个宝藏级网站!

    可以啊 在进入主题之前,我们学习一波如何在markdown中显示图片,有助于后续的内容理解。 当然已经懂得小伙伴可以直接忽略哈! 如何在markdown中显示一张图片 具体命令:!...圆括号中的path,用于填写图片的路径(可以是本地路径或图床链接-网址)。...这里需要注意的是,如果是本地路径,当时将markdown文件上传时,可能会出现显示异常,本人通常的做法是将需要显示的图片放在另一个文件下在,而且使用相对路径存放,在上传到github时,也可以实现正常的显示...(1)显示本地图片(相对路径或绝对路径都行) 例如下面的文件结构 ? 此时在README.md中显示AI_study.jpg的操作为: ![](....直接利用图片的网址是无法正常显示的,需要先将图片上传到图床上,并生成外链才行。 这里通过免费图床“路过图床”,可以实现在markdown中显示图片 ?

    1.1K10

    javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown

    在本文中, 我们将向你展示如何在Node.js甚至浏览器中将HTML转换为Markdown。有关该库的更多信息, 请访问Github上的官方存储库, 或访问官方主页以在线测试转换器。...创建turndown服务的实例并将其存储到变量中, 从该变量执行turndown方法, 将要转换为markdown的HTML字符串作为第一个参数, 就是这样: // Import Turndown module...// ============ console.log(markdown); B.使用VanillaJS 如果你不喜欢模块捆绑器, 或者仅在浏览器中工作, 则可以使用脚本标签在HTML文档中简单地包含turndown...的源脚本: 请注意, 你可以从Github官方存储库中的发行版下载最新版本。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    4K10

    VuePress V1 踩坑记录

    2.侧边栏 在 VuePress 的侧边栏分组配置中,children 的路径是相对于 docs 目录的路径,而不是相对于分组的路径。...它使用了一些特定的文件和目录结构,如 README.md 作为主页、.vuepress 目录用于配置等。 而 Github Pages 站点根目录可选的路径有两个,根目录 / 和 /docs。...如 GitHub pages,如果你想将你的网站部署到 https://foo.github.io/bar/,那么 base 应该被设置成 “/bar/”,它的值应当总是以斜杠开始,并以斜杠结束。...所有的 Markdown 文件都会被 webpack 编译成 Vue 组件,因此你可以,并且应该更倾向于使用相对路径(Relative URLs)来引用所有的静态资源: ![An image](..../public 中, 它们最终会被复制到生成的静态文件夹中。

    61630

    深入解析HTML的标签

    Markdown文件支持HTML标签,今天在编辑Markdown文档时,我希望嵌入一个带有图片的链接,因此需要使用HTML的 标签。...可以是一个绝对URL(以 http:// 或 https:// 开头)、相对URL(相对于当前页面的路径)或者一个锚点(页面内跳转)。 链接文本: 用户点击的可见文本内容。...target属性 指定链接如何在浏览器中打开。...每日闲谈 在文章的结尾,我引入了一个名为“每日闲谈”的模块。...在这个角落里,我将分享一些生活中的琐碎小事,或许是上班途中的一张照片,又或者是追剧过程中的一个情节,抑或是朋友之间的闲聊,家庭中的某个不经意的瞬间,又或者是书籍中的一段摘抄…… 总而言之,这个模块与技术无关

    17110

    轻松搞定MarkDown

    MarkDown从推出至今已吸引了大量的粉丝,如大家经常用的为知笔记、简书、和开发者爱好的GitHub以及国内的CSDN等,都对MarkDown提供了支持。 PS....常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果。...如果你不追求实时预览效果的话,其实用记事本编写MarkDown也是一个不错的选择,另外在各大编译器中也有对应的MarkDwon编辑插件,如用在IntelliJ IDEA中MultiMarkDwon插件。...文档中用到了MarkDown语法中的符号: 符号转义: 如果你的描述中需要用到 markdown 的符号,比如 _ # * 等,但又不想它被转义,这时候可以在这些符号前加反斜杠,如 \_ \# \* 进行避免...可以将Markdown转换成html或者PDF文件来解决这个问题,具体转换方式可以在网上查找,如果你用的是MarkdownPad,直接Export就可以了。

    1.9K50

    如何DIY你自己的Typora文档

    等格式文本; 广泛应用于绝大多数互联网平台,如 GitHub、Wikipedia、公众号、知乎等。...比如,像笔者这样,在每一个文档的同级目录下都新建一个 imgs 文件夹: 文档中引用图片时,使用相对路径: 6....6.1 利用 Markdown 语法实现 1)文档外链接跳转 [文本内容](超链接URL)例如:[百度一下](www.baidu.com) 添加文档外的超链接,Markdown 的格式是 左中括号+文本内容...-超链接) 添加文档内的超链接,Markdown 格式是 左中括号+文本内容+右中括号+左括号+#+标题+右括号,注意:标题中的空格需要用中横线 “-” 代替,效果如下: 点击我跳转到【6....,或者从 github.css 复制一个【由于我们的主题风格会模仿 “思否” 网站的样式,所以将复制文件 github - 副本.css 改名为 sifou.css】: 在 .css 文件中,我们可以

    52640

    八款不可错过的热门 Markdown 开发包 | 码云周刊第 34 期

    创建的 Markdown 文件之间可以相互引用,只需要点点鼠标就可以, 完全不需要用户再手工编写文件间的相互链接。”...图像数据块直接粘贴成链接 “LME 中创建的每个 Markdown 文件都有自己的资源文件夹,其中包含一个图像资源文件夹。...用户可以从其它应用程序中复制一块图像数据,然后直接向编辑区执行“粘贴”操作, 然后 LME 会要求用户输入一个文件短名 ——接下来所有操作(创建资源目录、保存图像文件、编写图像链接字符串等)都由 LME...在 pages 中内容排版基本正常,部分样式不支持。导出的 pdf 文档,相对于 word 文档,会美观很多。...除了支持标准的 markdown语法,还支持一些扩展语法,如 github 的 markdown 扩展及自定义的扩展,可以生成 boostrap 或 semantic-ui 的一些样式,如: alert

    2.4K50

    个人笔记-markdown使用入门

    可以在visual studio的设置里的extensions,安装 markdown 插件,如 markdownlint, markdown checkbox,Markdown All in One,...导出为pdf 安装markdown pdf后,在右键菜单中选择markdown pdf: export(pdf), 就能导出为pdf文件。 导出的为pdf文件里没有流程图。...回到目录前 *** 回到目录后 1.21. markdown添加本地图片 markdown使用相对路径插入本地图片。 1.21.1....其它目录图片 如果markdown文件在一个目录下,要添加另一个目录下的图片最好先用..命令返回上一级目录,直至可以顺利找到要添加图片的目录。...示例-原有格式显示blockcode 示例-原有格式显示代码概要 示例-原有格式显示blockcode详细内容 文字对齐 如何在markdown中设置文字右对齐,确实找到了右对齐的方式: 右对齐

    2.7K10

    这些node开源工具你值得拥有(上)

    前言:文章的灵感来源于,社群中某大佬分享一个自己耗时数月维护的github项目 awesome-nodejs 。...或许你跟我一样会有一个疑惑,github上其实已经有个同类型的awesome-nodejs库且还高达41k⭐,重新维护一个新的意义何在?...giturl - 将Git链接转化成Web链接。 2.环境 2.1 应用场景1: 如何根据不同环境写入不同环境变量?...(不过它只能并行) 3.5 应用场景5:如何检查NPM模块未使用的依赖。 可以使用以下工具: depcheck - 检查你的NPM模块未使用的依赖。 ?...prompts - 轻量、美观、用户友好的交互式命令行提示。 Enquirer - 用户友好、直观且易于创建的时尚CLI提示。 6.3 应用场景3: 如何在命令行中显示进度条? ?

    5.4K30

    Markdown 拓展-免费图床网盘方案

    前言 最近时常在 gitee.io 上写一些 markdown 格式的文章,所以亟需获取免费的图床服务。要求是最好还能自定义文件名。 【排除】自己的服务器放置图床 服务器到期后迁出太麻烦, 不考虑。...如果失效了,也不用担心,找到原始的 markdown 文件,用下面的命令对文件做个替换即可(new.bkt.clouddn域名需要按照实际进行替换)。 sed -i "s#//....设定分支名:【master】 设定Token:粘贴之前生成的【Token】 指定存储路径:填写想要储存的路径,如【images/】,这样就会在仓库下创建一个名为 images 的文件夹,图片将会储存在此文件夹中...目前找到比较好的方式是用 Free Download Manager 直接下载 http://github.com 开头的原链接, 可以自动跳转并多线程下载....方便对方在有网络的环境下完整展示用到的图片。 如果是对外暴露展示自己的本机项目或者部署到自己的网站,完全可以使用相对路径。这样就不使用任何图床。 用法:使用 .

    1.4K20
    领券