美文网首页
hexo 添加图片,音乐,链接,视频

hexo 添加图片,音乐,链接,视频

作者: 李四啊_ | 来源:发表于2018-06-04 15:38 被阅读0次

原文

如果实在搞得头晕直接去简书写文章,再把简书生成的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不错
嗯,图片就交给他了(该文写的很清楚)

相关文章

  • hexo 添加图片,音乐,链接,视频

    原文 如果实在搞得头晕直接去简书写文章,再把简书生成的md文章复制过来就好了(简书是个不错的Markdown在线编...

  • Hexo添加音乐

    摘要 在hexo文章添加网易音乐插件 生成音乐链接 打开网易云音乐,搜索想要的音乐,点击生成外部链接播放器 获取h...

  • hexo添加音乐

    前言:网易云音乐上有很多不错的歌曲,但是因为版权问题部分不能生成外链接。aplayer是github上的开源项目,...

  • APlayer音乐播放器

    Hexo 添加APlayer音乐播放器react npm插件推荐音乐外链生成踩坑记--hexo中加入音乐[ Lea...

  • 微信分享

    一、集成 二、使用 三、案例 分享链接 分享音乐 分享视频 分享图片

  • Hexo中插入图片和音乐的几种方式

    网站原文:Hexo中插入图片和音乐的几种方式 本文提供三种在hexo中插入图片的方式和两种插入音乐的方式。 1. ...

  • Hexo博客中插入音乐/视频/

    Hexo插入音乐/视频/网易云音乐/bilibili视频,会让博客看起来很洋气 (ง •̀_•́)ง 。查看更多...

  • hexo + Next 怎样添加推广广告链接

    闲来无事,捣鼓捣鼓博客,想加入推广链接 添加广告链接 在 hexo 的 root 下的_config.yml 添加...

  • Nero Video 2020 22.0.1011 破解版

    软件支持视频、音乐、图片编辑,可以将自己的视频添加到软件从而添加新的剪辑内容,官方提供一千多种主题效果,您可以选择...

  • NexT主题添加音乐

    在Hexo博客中添加音乐,有三种方式可以插入音乐 预览效果:https://donlex.cn/archives/...

网友评论

      本文标题:hexo 添加图片,音乐,链接,视频

      本文链接:https://www.haomeiwen.com/subject/uqkysftx.html