前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >hexo 添加图片,音乐,链接,视频

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

作者头像
Cell
发布2022-02-25 13:36:36
1.1K0
发布2022-02-25 13:36:36
举报
文章被收录于专栏:Cell的前端专栏

1. 首先

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

下面讲讲:

1.1 设置站点配置_config.yml

代码语言:javascript
复制
post_asset_folder: true

1.2 安装插件

代码语言:javascript
复制
npm install https://github.com/CodeFalling/hexo-asset-image -- save

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

代码语言:javascript
复制
/source/_posts

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

2. 添加图片

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

2.1 markdown 添加

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

1 2 3 4 5 6 7 8

#直接写图片名就好了,图片实例见下

kyrie irving
alink 就要加上文章名,即同名文件夹名
kyrie irving
一个/
kyrie irving

2.2 插件添加

传送门

这种方式被很多人诟病,但有时候也不失一种好方式,简单快捷。

还有图片名字显示,不错的。

1

{% asset_img 297787.jpg kyrie irving %}

3. 音乐

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

1 2 3 4

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

1 2 3 4

#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>

4. 添加链接

1 2

我的微博 {% link text url title %}

5. 添加视频

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

自拍手写视频(优酷)

实验室无聊拍的

1 2 3 4 5

<iframe <br> height=500 width=100% <br> src="https://player.youku.com/embed/XMzY0MzgxNDMyOA==" <br> frameborder=0 allowfullscreen><br></iframe>

视频地址:

https://player.youku.com/embed/XMzY0MzgxNDMyOA==

工具集合

Picgo 马克飞象、CSDN、简书 SM.MS 图床

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-05-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 首先
    • 1.1 设置站点配置_config.yml
      • 1.2 安装插件
        • 1.3 下次再运行 hexo n “xxxx"来生成 md 博文时,下路径
        • 2. 添加图片
          • 2.1 markdown 添加
            • 2.2 插件添加
            • 3. 音乐
            • 4. 添加链接
            • 5. 添加视频
            • 工具集合
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档