如果实在搞得头晕直接去简书写文章,再把简书生成的md文章复制过来就好了(简书是个不错的Markdown在线编辑器),还可以去马克飞象,专为印象笔记打造的 Markdown 编辑器,typora 也是不错的,突然发现csdn也支持Markdown编译器了

1.首先

刚刚搭博客,很多都不懂,就连插入图片的路径问题都把我整的要命。。。(我用的Sublime Text 3编译器)
下面讲讲:

1.1 设置站点配置_config.yml

post_asset_folder: true

1.2 安装插件

npm install https://github.com/CodeFalling/hexo-asset-image -- save

1.3 下次再运行hexo n "xxxx"来生成md博文时,下路径

/source/_posts

文件夹内除了xxxx.md文件还有一个同名的文件夹,在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片。

2.添加图片

首先大家可以查看hexo官方文档资源文件夹章节

2.1 markdown添加

相对路径添加(我被这个相对路径搞得要死,前面各种出错,大家可以对照我的来插入图片...)

#直接写图片名就好了,图片实例见下
![kyrie irving](294136.jpg)

294136.jpg

2.2 插件添加

传送门
这种方式被很多人诟病,但有时候也不失一种好方式,简单快捷。
图片好大一个。。。

#为了排版好看,以下图片插入未使用该方法
{% asset_img 297787.jpg kyrie irving %}

297787.jpg

3.音乐

大家可以看网易云音乐的官网,播放音乐可以生成外链,直接拿来用就行了。iframe插件可以在代码中设置宽高等参数,auto为自动播放。flash不可以自己设置参数。看喜好,随便你。
其他音乐,把插件中的链接替换成要播放的链接就可以了

#iframe插件<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=505820138&auto=0&height=66">
</iframe>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=505820138&auto=0&height=66">
</iframe>

#flash插件<embed src="//music.163.com/style/swf/widget.swf?sid=40249713&type=2&auto=0&width=320&height=66" width="340" height="86"  allowNetworking="all">
</embed>

<embed src="//music.163.com/style/swf/widget.swf?sid=40249713&type=2&auto=0&width=320&height=66" width="340" height="86" allowNetworking="all">
</embed>

4.添加链接

[我的微博](http://weibo.com/u/5967841127)

我的微博

5.添加视频

视频链接最好是打开就是视频的链接(支持youku,YouTube)
可以把视频上传到优酷,腾讯视频,生成外链再拿来用。(上传需要注册和实名认证)
参考资料

#我自己拍的一个视频,微博上也有
<iframe height=498 width=510 src="http://player.youku.com/embed/XMzY0MzgxNDMyOA==" frameborder=0 allowfullscreen>
</iframe>

自拍手写视频,一开始上传到微博上,再链接过来发现不行,视频打开的是那篇微博,还有点一下才可以播放,后来上传到优酷上了,如下。
<iframe
height=498 width=510
src="http://player.youku.com/embed/XMzY0MzgxNDMyOA=="
frameborder=0 allowfullscreen>
</iframe>

简书好像不支持iframe插件

工具集合

马克飞象
简书
图床
cloudapp是英文的
极简图床不错
小贱贱图床
SM.SMb不错
嗯,图片就交给他了(该文写的很清楚)
链接:https://www.jianshu.com/p/81ce308e894c

hexo 添加图片,音乐,链接,视频相关推荐

  1. hexo文章插入音乐和视频

    这里推荐一下我的个人网站,使用的是hexo的butterfly主题,效果演示:https://lovelijunyi.gitee.io/posts/743c.html 直接插入 直接插入的好处是无需任 ...

  2. html5滚动字幕添加图片,抖音视频怎么加动态文字 竖版图片加视频及滚动字幕的方法...

    点击上方链接下载安装好需要的工具,在下载的压缩包里有安装提示给到大家,记得要看哟!那么小编在这里也简单提一下,安装时两个文件都要以管理员身份运行,安装前先关闭360等安全软件以免有文件被误删.打开界面 ...

  3. 计算机音乐教程图片大全,图片+音乐做成视频简单两步操作,一图流音乐视频制作教程...

    一张唯美的图片.一首悦耳动听的音乐,两者合并成一个静态视频,这就是传说中的一流图.其实网上视频制作教程实在是太多了,小编今天推荐的这款图片视频制作工具主要是为了让狸友减少那些繁杂的操作步骤,可以让你简 ...

  4. PHP实现给视频加图片水印,怎么在视频画面上加图片?如何给视频添加自己的图片作为水印?视频添加图片水印的方法...

    今天就是周一啦,昨天周末大家有没有跟好友去玩呢~反正小编是跟同学聚会去了,聚会主题:胖.哈哈哈,不过小编可不跟他们一样只会长胖,小编可是瘦瘦瘦的呢,偷偷的告诉你们,小编减肥瘦了三十斤哦,嘻嘻.好啦,废 ...

  5. PS CS6视频剪辑基本技巧(二)视频剪接和添加图片

    系列讲座导读 PS CS6视频剪辑基本技巧(一)CS6可以实现的视频剪辑功能 PS CS6视频剪辑基本技巧(二)视频剪接和添加图片 PS CS6视频剪辑基本技巧(三)添加声音和字幕 PS CS6视频剪 ...

  6. 视频剪辑方法,在视频上添加图片或者视频

    最近有很多朋友在问,该如何快速剪辑视频,比如在视频画面中添加图片.或者视频中添加视频呢?其实这样的效果不难实现,下面一起来学习一下. 材料准备: 一台Win系统的电脑 安装一个媒体梦工厂 视频素材 步 ...

  7. Python 下载 图片、音乐、视频 和 断点续传

    Python3 使用 requests 模块显示下载进度: http://blog.csdn.net/supercooly/article/details/51046561 python编写断点续传下 ...

  8. 在Hexo搭建的博客中插入音乐或者视频

    原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...

  9. 怎么在php文件插入背景图片,怎么给视频文件添加背景图片?将视频放在图片上面播放...

    都说"清明时节雨纷纷",明天就是清明节了,小编抬头望望天空可真是没有一丝丝要下雨的节奏啊.清明节放假,大家有么有计划回家呢~反正小编是没计划的,小编的妈妈告诉小编说"你别 ...

最新文章

  1. TensorRT Samples: MNIST API
  2. 45 个 Git 经典操作场景,专治不会合代码
  3. php session 跨子域和跨服务器解决方式
  4. 【桌面虚拟化】之五PCoIP
  5. android log 如何获取double类型后小数点的值_【ES6基础】Symbol介绍:独一无二的值...
  6. angularjs中ui-sref传值步骤
  7. 动态规划之0-1背包问题
  8. JavaScript 源型链
  9. Unity3D之UGUI基础5:Toggle复选框
  10. 快讯:百度正式宣布CTO李一男离职
  11. 浅谈IT隔离电源系统在医疗场所的接地设计研究与应用
  12. Apple Pay支付流程详解
  13. H5 Vue 视频 video 支持预览图 poster
  14. jquery鼠标移入文字提示_Jquery hover鼠标经过时弹出div动态提示语
  15. osi七层语言html,OSI分为哪七层 OSI七层功能介绍【详解】
  16. php里面的箭头怎么打出来,PHP打印左右箭头图案的实现方法(代码示例)
  17. react 实现滚动加载_在React中实现平滑滚动
  18. 信用卡迎来史上最强风控?利用数据挖掘进行信用卡评分,提高银行的客户风险识别能力
  19. IPC机制(三)--->Android中的几种IPC方式
  20. Risc-V单周期CPU设计思考

热门文章

  1. ​LeetCode刷题实战174:地下城游戏
  2. 智能马桶雷达应用方案,智能雷达感应控制,雷达感应模组技术应用
  3. 关于iPhone的一个广告加载问题
  4. DBMS_LOB.SUBSTR(col1,n,pos) : 获取文本
  5. Mac OS安装brew出现错误的解决办法
  6. 解决adb几秒自动退出
  7. 新概念2 课文和单词(10)
  8. 想提速但TensorRT的FP16不得劲?怎么办?在线支招!
  9. 猿创征文|小程序账号申请和安装开发者工具
  10. JAVA基础知识总结:一到二十二全部总结