hexo 添加图片,音乐,链接,视频
如果实在搞得头晕直接去简书写文章,再把简书生成的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 添加图片,音乐,链接,视频相关推荐
- hexo文章插入音乐和视频
这里推荐一下我的个人网站,使用的是hexo的butterfly主题,效果演示:https://lovelijunyi.gitee.io/posts/743c.html 直接插入 直接插入的好处是无需任 ...
- html5滚动字幕添加图片,抖音视频怎么加动态文字 竖版图片加视频及滚动字幕的方法...
点击上方链接下载安装好需要的工具,在下载的压缩包里有安装提示给到大家,记得要看哟!那么小编在这里也简单提一下,安装时两个文件都要以管理员身份运行,安装前先关闭360等安全软件以免有文件被误删.打开界面 ...
- 计算机音乐教程图片大全,图片+音乐做成视频简单两步操作,一图流音乐视频制作教程...
一张唯美的图片.一首悦耳动听的音乐,两者合并成一个静态视频,这就是传说中的一流图.其实网上视频制作教程实在是太多了,小编今天推荐的这款图片视频制作工具主要是为了让狸友减少那些繁杂的操作步骤,可以让你简 ...
- PHP实现给视频加图片水印,怎么在视频画面上加图片?如何给视频添加自己的图片作为水印?视频添加图片水印的方法...
今天就是周一啦,昨天周末大家有没有跟好友去玩呢~反正小编是跟同学聚会去了,聚会主题:胖.哈哈哈,不过小编可不跟他们一样只会长胖,小编可是瘦瘦瘦的呢,偷偷的告诉你们,小编减肥瘦了三十斤哦,嘻嘻.好啦,废 ...
- PS CS6视频剪辑基本技巧(二)视频剪接和添加图片
系列讲座导读 PS CS6视频剪辑基本技巧(一)CS6可以实现的视频剪辑功能 PS CS6视频剪辑基本技巧(二)视频剪接和添加图片 PS CS6视频剪辑基本技巧(三)添加声音和字幕 PS CS6视频剪 ...
- 视频剪辑方法,在视频上添加图片或者视频
最近有很多朋友在问,该如何快速剪辑视频,比如在视频画面中添加图片.或者视频中添加视频呢?其实这样的效果不难实现,下面一起来学习一下. 材料准备: 一台Win系统的电脑 安装一个媒体梦工厂 视频素材 步 ...
- Python 下载 图片、音乐、视频 和 断点续传
Python3 使用 requests 模块显示下载进度: http://blog.csdn.net/supercooly/article/details/51046561 python编写断点续传下 ...
- 在Hexo搭建的博客中插入音乐或者视频
原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...
- 怎么在php文件插入背景图片,怎么给视频文件添加背景图片?将视频放在图片上面播放...
都说"清明时节雨纷纷",明天就是清明节了,小编抬头望望天空可真是没有一丝丝要下雨的节奏啊.清明节放假,大家有么有计划回家呢~反正小编是没计划的,小编的妈妈告诉小编说"你别 ...
最新文章
- usermod命令,用户密码管理和mkpasswd命令
- phpcmsv9修改表单直接在列表中显示字段方法
- android 录音机 apk,实时录音机
- java下载配置步骤_Java环境构建-JDK下载,安装和配置步骤
- css模块化配置---webpack4+less
- Linux运维文档之nginx
- Spark分布式安装
- HTML+JS调用摄像头拍照并上传图片
- 数据库-常见面试题汇总
- Lena,Pepper等图像,图像处理必备资料。
- javalinux服务器上写文件,java 读取linux服务器上文件
- mysql 数据库update_[数据库]MySQL 常用的UPDATE操作
- Windows脚本初探之VBScrip的MsgBox函数
- 查找WebSphere Application Server 管理控制台端口号
- 【paper吐槽】【SelfSupervised Learning】Self-Supervised Image Restoration with Blurry and Noisy Pairs
- 排序(基于Java语言编写)
- pandas操作大全
- wx-sideslip:类似 QQ 通讯录侧滑
- 干涉仪测向技术matlab算法仿真,相位干涉仪测向算法的Simulink仿真
- 程序员苏享茂:怎样才能遇到对的人?
热门文章
- 完整目标检测项目流程——从使用LabelImg标注到使用YOLOv5训练测试
- ModuleNotFoundError: No module named ‘_bz2‘
- Impala入门笔记---比Hive强大
- 【常用算法】辗转相除法求最大公约数
- ML Visuals-神经网络画图神器
- Survey Report on CDMA ——Learning Triggered by GSM Hijacking
- matlab bar 填充花纹,Matlab中画花纹填充的柱状图
- math_求和号@累乘号的性质(变界)@求和恒等式
- 天载配资点评指数放量下跌
- 微信公众号最佳实践 ( 3.2) 被动回复用户消息