hexo博客插入图片与视频方法

在博客中插入视频和图片能让人通俗易懂，生动形象。下面是我找到的一些方法。

图片插入

Hexo有多种图片插入方式，可以将图片存放在本地引用或者将图片放在CDN上引用。

本地引用–绝对路径

当Hexo项目中只用到少量图片时，可以将图片统一放在source/images文件夹中，通过markdown语法访问它们。

在上一篇文章中，我们探讨了分布式训练实战。本文将深入解析注意力机制

场景

有个H5（vue项目），需要实现点击商品item跳转到小程序，微信内和微信外都要支持，这里我们只介绍一下H5在微信外的跳转。

有时候，所有你需要表达的一个信息通过一个JavaScript Charts饼图就能完成，无需任何太多的细节就能清楚地展现分布。饼图的强大之处在于它可以塞进一个相对较小的容器钟。 amCharts饼图的实施自动将实际的饼图拟合到容器中，同时考虑拉出饼图中的片和标签所需要的自由空间。

考虑一下这个典型场景：在一个200像素边宽中的饼图：

当然，我们可以设置半径属性来使我们的图表看起来更大。饼图看上去大小是合适了，但标签超出了容器的范围所以它们被剪掉了。

边框周围有一些我们可以很容易重复使用的填充，因此我们可以将饼图中的超出容器的部分元素放到这部分填充当中。 要做到这一点，有以下两个简单的诀窍：

最近华子名声响亮，各种短视频都充满了大金链子与华子。结合实际教学需要，我也来凑一个热度，使用CSS提供动画与3D变形属性设计一个可以旋转的3D中华烟盒。实际效果如下图所示：

3D旋转烟盒效果如上图所示，该模型主要使用CSS animation动画属性与transform属性设计并实现效果。以下对实现该效果的主要技术与部分核心代码进行详细描述与说明。

动画效果实现技术

本例烟盒旋转效果使用animation属性进行设计，该属性值由三部分组成，分别是动画名称、动画执行实现及执行次数。如animation:rotate 5s infinite;

作者：前端小智来源： 大迁世界

为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。

学海无涯，不要沉浸在知识的海洋里，迷失自己。

要知道自己想要什么，抓住重点，不忘初心。

这个世界上百分之20的人，掌握着百分之80的财富。

接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。

往期知识点回顾：

项目/技术

一、跨域

1、同源策略

浏览器同源策略限制请求

同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。

本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。

HTML5规范围绕着如何使用新增标记定义了大量Javascript API；其中一些API与DOM重叠，定义了浏览器应该支持的DOM扩展；

从HTML4开始，在Web开发领域，有一个非常大的应用，就是滥用class属性，一方面可以通过它为元素添加样式，另一方面还可以用它表示元素的语义；于是，开发人员会用大量的Javascript代码来操作CSS类，比如动态修改类或者搜索文档中具有给定类或给定的一组类的元素，等等这些操作；为了让开发人员适应并增加对class属性的新的认识，HTML5新增了很多API，致力于简化CSS类的用法；

最近我在CodePen上发现了一个纯CSS实现，具有渐变倒影和3D旋转效果的栅栏动画，他的实现方式是：利用10个<div>元素创建10个栅条，接着再复制整份<div>元素，并创建一个渐变遮罩形成渐变效果，以此作为栅栏的倒影。

这听起来有点像用左脚的脚趾去抓你的右耳背部（译者理解：表达的意思应该是用了复杂的方式去处理一个其实可以用简单方式达成的事情）！更不用说这种渐变遮罩的方式根本不适用于非单一颜色的背景。难道没有基于CSS的更好的方法吗？