随笔
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
  • 目录设置
  • 标题
  • 列表
  • 引用内容
  • 链接地址
  • 显示图片
  • 分隔符
  • 文本样式
  • 段落
  • 代码块
  • 表格
  • 徽章
  • 任务列表
  • HTML 元素
  • Emoji表情包
  • 脚注
  • Markdown
dong
2021-01-18

显示图片

# 显示图片

  • 本地图片

    ![](/docs/helper/head.jpg "这是鼠标悬停提示文字")
    
    1

  • 远程图片

    ![](http://thirdwx.qlogo.cn/mmopen/vi_32/ yicibWmBIDaSp6JmVEiaFQ21gvTiaezJEIKQa2Gt8v97UCB9qC7V2zRDlsTrrSCNELtibqNTHEicLW8wJNQCpaA7noiag/132 "这是远程头像")
    
    1

  • 用把标签形式显示图片

    <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/yicibWmBIDaSp6JmVEiaFQ21gvTiaezJEIKQa2Gt8v97UCB9qC7V2zRDlsTrrSCNELtibqNTHEicLW8wJNQCpaA7noiag/132" width="300px" height="240px" alt="图片名称">
    
    1
    图片名称
  • 图片地址变量

    这里链接用 img 作为图片地址变量 
    然后在文档的结尾或其他位置给变量赋值(图片地址)
    ![RUNOOB][img]
    [img]: https://raw.githubusercontent.com/xugaoyi/image_store/master/blog/md_logo.png
    
    1
    2
    3
    4

    RUNOOB

#markdown
链接地址
分隔符

← 链接地址 分隔符→

Theme by Vdoing | Copyright © 2021-2023 Evan Dong MIT License | 粤ICP备2021052092号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×