audio & video

_config.yml

@@ -4,7 +4,7 @@ info:
   version: '2.4.0'
   docs: https://volantis.js.org/
   cdn: # To use CDN, write 'use_cdn: true' in 'blog/_config.yml'.
-    css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.0.3/css/style.css
+    # css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.0.3/css/style.css
     js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.4.0/js/app.js
 
 

scripts/tags/media.js

@@ -1,8 +1,13 @@
 'use strict';
 
+function postAudio(args) {
+  let src = args[0].trim()
+  return `<p><audio controls preload><source src='${src}' type='audio/mp3'>Your browser does not support the audio tag.</audio></p>`;
+}
+
 function postVideo(args) {
   let src = args[0].trim()
-  return `<video controls preload><source src='${src}' type='video/mp4'>Your browser does not support the video tag.</video>`;
+  return `<p><video controls preload><source src='${src}' type='video/mp4'>Your browser does not support the video tag.</video></p>`;
 }
 
 function postVideos(args, content) {
@@ -19,5 +24,6 @@ function postVideos(args, content) {
   }
 }
 
+hexo.extend.tag.register('audio', postAudio);
 hexo.extend.tag.register('video', postVideo);
 hexo.extend.tag.register('videos', postVideos, {ends: true});

source/css/_layout/article.styl

@@ -89,7 +89,7 @@
       margin: 0
       box-shadow: none
   s
-    color: alpha(@color, .75)
+    opacity: 0.7
   u
     color: $color-hover
   p