diff --git a/docs/index.html b/docs/index.html
index 6030053..905b1f9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,9 +4,15 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
   <meta name="description" content="Meekdai music player page with journal">
-  <link rel="icon" href="https://meekdai.com/favicon.svg">
+  <meta property="og:title" content="Gmemp">
+  <meta property="og:description" content="Meekdai music player page with journal">
+  <meta property="og:type" content="article">
+  <meta property="og:url" content="https://music.meekdai.com/">
+  <meta property="og:image" content="" />
+
+  <link rel="icon" href="https://static.meekdai.com/favicon.svg">
   <title>Gmemp</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Meekdai/Gmemp@v3.1/docs/player.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Meekdai/Gmemp@v3.2/docs/player.css">
   <!-- <link rel="stylesheet" href="./player.css"> -->
 </head>
 <body>
@@ -47,7 +53,7 @@
   </div>
 
   <script src="https://cdn.jsdelivr.net/npm/howler@2.2.4/dist/howler.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/gh/Meekdai/Gmemp@v3.1/docs/player.js"></script>
+  <script src="https://cdn.jsdelivr.net/gh/Meekdai/Gmemp@v3.2/docs/player.js"></script>
   <!-- <script src="./player.js"></script> -->
 </body>
 </html>
diff --git a/docs/player.js b/docs/player.js
index 170a149..bd4450f 100644
--- a/docs/player.js
+++ b/docs/player.js
@@ -46,6 +46,7 @@ let Player = function(playlist) {
   artist.innerHTML =  playlist[this.index].artist;
   document.querySelector("body").style.backgroundImage = "url('" +media+ encodeURI(playlist[this.index].pic) + "')";
   post.innerHTML = '<p><b>'+playlist[this.index].date+'</b></p>' + playlist[this.index].article;
+  document.querySelector('meta[property="og:image"]').setAttribute('content', media+ encodeURI(playlist[this.index].pic));
 
   // Setup the playlist display.
   playlist.forEach(function(song) {
@@ -125,6 +126,11 @@ Player.prototype = {
     document.querySelector("body").style.backgroundImage = "url('" +media+ encodeURI(data.pic) + "')";
     window.location.hash="#"+(index);
 
+    document.querySelector('meta[property="og:title"]').setAttribute('content', data.title);
+    document.querySelector('meta[property="og:description"]').setAttribute('content', data.article);
+    document.querySelector('meta[property="og:url"]').setAttribute('content', window.location.href);
+    document.querySelector('meta[property="og:image"]').setAttribute('content', media+ encodeURI(data.pic));
+
     //progressBar 垂直居中
     progressBar.style.margin = -(window.innerHeight*0.3/2)+'px auto'
 
