欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-13 17:16:36
...

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

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)

csdn添加方式不同,一下显示效果而已
hexo-添加图片,音乐,链接,视频

2.2 插件添加

[传送门](https://mr-houzi.github.io/2017/10/24/Hexo-asset-img/
)
这种方式被很多人诟病,但有时候也不失一种好方式,简单快捷。
图片好大一个。。。

{% asset_img 297787.jpg kyrie irving %}

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

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>

4.添加链接

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

我的微博

5.添加视频

视频链接最好是打开就是视频的链接(支持youku,YouTube)
可以优酷,腾讯视频上,生成外链再拿来用。
参见

工具集合

马克飞象
简书
图床
cloudapp是英文的
极简图床不错
小贱贱图床
SM.SMb不错
嗯,图片就交给他了(该文写的很清楚)

相关标签: hexo使用技巧