如果实在搞得头晕直接去 简书 写文章,再把简书生成的 md 文章复制过来就好了(简书是个不错的 Markdown 在线编辑器),还可以去 马克飞象,专为印象笔记打造的 Markdown 编辑器,typora 也是不错的,突然发现 csdn 也支持 Markdown 编译器了
1. 首先
刚刚搭博客,很多都不懂,就连插入图片的路径问题都把我整的要命。(我用的 Sublime Text 3 编译器)
下面讲讲:
1.1 设置站点配置_config.yml
1
| post_asset_folder: true
|
1.2 安装插件
1
| npm install https://github.com/CodeFalling/hexo-asset-image -- save
|
1.3 下次再运行 hexo n “xxxx"来生成 md 博文时,下路径
文件夹内除了 xxxx.md 文件还有一个同名的文件夹,在 xxxx.md 中想引入图片时,先把图片复制到 xxxx 这个文件夹中,然后只需要在 xxxx.md 中按照 markdown 的格式引入图片。
2. 添加图片
首先大家可以查看 hexo 官方文档 资源文件夹章节
2.1 markdown 添加
相对路径添加(我被这个相对路径搞得要死,前面各种出错,大家可以对照我的来插入图片 …)
1
2
3
4
5
6
7
| #直接写图片名就好了,图片实例见下

#如果改了 Permalink 就要加上文章名,即同名文件夹名

#代码压缩后前面还要加一个/

|

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
| [我的微博](https://weibo.com/liahao)
{% link text url title %}
|
5. 添加视频
视频链接最好是打开就是视频的链接(youku,YouTube,抖音等)
可以把视频上传到优酷,抖音等生成外链再拿来用。(优酷上传需要注册和实名认证)
插件参考资料
自拍手写视频(优酷)
实验室无聊拍的
1
2
3
4
5
| <iframe
height=500 width=100%
src="https://player.youku.com/embed/XMzY0MzgxNDMyOA=="
frameborder=0 allowfullscreen>
</iframe>
|
工具集合