哔哩哔哩视频显示在Github的Markdown页方法

用 Github 的人都知道,单个文件上传最大限制是 100MB、50MB,所以想传视频到仓库里是会报错的。
若想丰富显示又能永久保存就只有自己制作 gif 动图了。

好在“哔哩哔哩”是无广告的视频网站,将B站链接给到 Github的Markdown 网页在线显示文档。不知道B站能活多久,暂且估计在我们40岁前都在就够了。

由于显示效果无法再CSDN中显示,请大家移步到我的博客看效果

https://wutiantian.github.io/win7%E5%B8%B8%E7%94%A8%E5%B0%8F%E6%8F%92%E4%BB%B6.html

1.打开B站的视频
例如我想显示我的视频: https://www.bilibili.com/video/av61383428

2.点击“分享”按钮,获取“嵌入代码”

B站视频的下一行,点击“分享”按钮,下方弹出分享页面。

分享页面中有“视频地址”、“嵌入代码”两栏目。
鼠标点入“嵌入代码”的编辑框中,按【Ctrl+A】全选字符串。(注意,本人尝试多次,点击右侧蓝色按钮无效!)

3.将 “嵌入代码“粘贴到 Markdown 文档中

4.将 Markdown 文档 上传到 Github 中

5.打开Github 博客页面显示
我的视频网页

https://wutiantian.github.io/win7%E5%B8%B8%E7%94%A8%E5%B0%8F%E6%8F%92%E4%BB%B6.html

哔哩哔哩视频显示在Github的Markdown博客页方法相关推荐

  1. 哔哩哔哩html无法显示,哔哩哔哩视频显示在Github的Makedown博客页方法

    哔哩哔哩视频显示在Github的Makedown页方法 用 Github 的人都知道,单个文件上传最大限制是 100MB.50MB,所以想传视频到仓库里是会报错的. 若想丰富显示又能永久保存就只有自己 ...

  2. hexo+github搭建个人博客网站问题汇总和解决办法

    分享B站教程:[2021最新版]保姆级Hexo+github搭建个人博客_哔哩哔哩_bilibili 本人在使用hexo + github搭建个人博客网站的过程中也是一步一个bug做过来,几乎每一步都 ...

  3. 使用GitHub Pages搭建博客

    2019独角兽企业重金招聘Python工程师标准>>> 使用GitHub Pages搭建博客 14 Jan 2015 新的一年开始,一定要做点美好的事情.GitHub 是一个开源项目 ...

  4. Hugo + github 搭建个人博客

    前言 很早以前就有想法,搭建一个个人的博客.没有实现的原因:一方面个人的服务器不太安全掉线,欠费,维护起来麻烦,另一方面,文章编辑发布起来也不方便. 后来了解到 github 提供了博客的功能,也一直 ...

  5. Hexo+github搭建个人博客-博客发布篇

    通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ,我们了解到了利用Hexo搭建个人博客需要的环境以及配置,下面这篇文章将会介绍如何把我们的 ...

  6. Hexo+github搭建个人博客-博客初始化篇

    文章推荐 精选java等全套学习资源 精选java电子图书资源 精选大数据学习资源 java项目练习精选 上一篇博文 [<Hexo+github搭建个人博客-环境搭建篇>](http:// ...

  7. Hexo+github搭建个人博客-环境搭建篇

    一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...

  8. vsphere通用配置_Mac环境下如何用Hexo+Github搭建个人博客

    一个爱折腾的人,总是忍不住去自己动手尝试新鲜事物.就拿写博客来说,虽然网上已经提供了很多博客平台,但是总有一些个性化的需要得不到满足.所以就抽空去网上找了下如何使用Hexo+Github 搭建自己博客 ...

  9. (Ⅰ)基于Hexo+GitHub Page搭建博客,绑定域名及备份

    前言 这里引用阮一峰老师网络日志里说的,对于喜欢写博客的人,会经历三个阶段: 第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间, ...

最新文章

  1. ArcGIS API for Silverlight 入门学习笔记(三):基础地图实例
  2. 最小生成树(kruskal+prime)
  3. 自己觉得比较好的专业书籍
  4. python编辑器vim下载_vim做python编辑器
  5. CentOS7 0安装Maven
  6. BugkuCTF-Reverse题Easy_Re多方法解决
  7. lua——赢三张牌型处理相关算法(下)——牌型比较
  8. gatsby_如何将静态Gatsby应用程序部署到Heroku
  9. spring配置线程池
  10. [仁润云技术团队]并发编程-(1)基本概念
  11. Linux监控平台(zabbix监控介绍,安装zabbix,解决忘记admin密码)
  12. python调用cmd执行命令_详解python调用cmd命令三种方法
  13. Mybatis框架Mybatis下载步骤
  14. 傅里叶变换与希尔伯特变换
  15. 国考省考申论:归纳概括多个主体身上的优秀品质,透过动词现象(怎么做的),找到名词(精神品质)本质
  16. KinectSDK + Unity3D学习总结
  17. java deprecated 注释_Java注释中的@deprecated与源代码中的@Deprecated
  18. 哔哩哔哩2020校园招聘 - K个一组翻转链表 一年中的第几天
  19. 【源码】程序员优质资源汇总
  20. SpringCloud五大神兽快速入门

热门文章

  1. 腾讯X5浏览器的学习研究
  2. 收藏!各种各样神奇的自注意力机制(Self-attention)
  3. 离线环境安装python第三方库
  4. PPT提示缺少字体怎么解决?
  5. 最简单的makefile编写练习【main.c addc.c addc.h makefile】
  6. 今日小程序推荐:码农老黄历-看今天哪个方位BUG最少
  7. 致远OA ajax.do 任意文件上传 (CNVD-2021-01627) 漏洞复现
  8. 一文读懂什么是阿里云OSS,如何使用Java操作阿里云OSS?
  9. 利用TL-WR842N(V4)进行路由桥接搭建WDS出现的问题
  10. Openfire jsjac构建webIM