diff --git a/public/react/public/images/share_logo_icon.jpg b/public/react/public/images/share_logo_icon.jpg
new file mode 100644
index 000000000..079ac4342
Binary files /dev/null and b/public/react/public/images/share_logo_icon.jpg differ
diff --git a/public/react/public/index.html b/public/react/public/index.html
index b252ccf36..de539ffba 100755
--- a/public/react/public/index.html
+++ b/public/react/public/index.html
@@ -22,6 +22,8 @@
     -->
     <title>EduCoder</title>
     <script type="text/javascript">
+      window.__testImageUrl = "https://pre-newweb.educoder.net/react/build/images/share_logo_icon.jpg"
+
       window.__isR = true;
       // 不支持ie9 ie10
       if (
diff --git a/public/react/src/App.js b/public/react/src/App.js
index d156bc241..942316bde 100644
--- a/public/react/src/App.js
+++ b/public/react/src/App.js
@@ -327,11 +327,11 @@ class App extends Component {
 				wx.ready(function () {
 					console.log('wx is ready')
 					var shareData = {
-						title: 'EduCoder',
-						desc: '创新源于实践',
+						title: 'EduCoder - 首页',
+						desc: 'Educoder是一个面向计算机类的互联网IT教育和实战平台，提供企业级工程实训，以实现工程化专业教学的自动化和智能化。高校和企业人员可以在此开展计算机实践性教学活动，将传统的知识传授和时兴的工程实战一体化。',
 						link: currentUrl,
 						imgUrl: window.__testImageUrl 
-							|| (currentUrl.endsWith('/') ? currentUrl : currentUrl + '/') + 'images/educoder/index/subject/subject15.jpg'
+							|| (currentUrl.endsWith('/') ? currentUrl : currentUrl + '/') + 'react/build/images/share_logo_icon.jpg'
 					};
 			
 					wx.onMenuShareAppMessage(shareData);//分享给好友
diff --git a/public/react/src/common/educoder.js b/public/react/src/common/educoder.js
index 5b1d7ac28..356a2f370 100644
--- a/public/react/src/common/educoder.js
+++ b/public/react/src/common/educoder.js
@@ -20,6 +20,8 @@ export { markdownToHTML, uploadNameSizeSeperator, appendFileSizeToUploadFile, ap
         downloadFile, sortDirections } from 	'./TextUtil'
 export { handleDateString, getNextHalfHourOfMoment,formatDuring } from 	'./DateUtil'
 
+export { configShareForIndex, configShareForPaths, configShareForShixuns, configShareForCourses, configShareForSinglePath, configShareForSingleShixun } from 	'./util/ShareUtil'
+
 export { isDev as isDev, isMobile } from 					'./Env'
 
 export { toStore as toStore, fromStore as fromStore } from 	'./Store'
diff --git a/public/react/src/common/util/ShareUtil.js b/public/react/src/common/util/ShareUtil.js
new file mode 100644
index 000000000..5b78b42e3
--- /dev/null
+++ b/public/react/src/common/util/ShareUtil.js
@@ -0,0 +1,79 @@
+const host = window.location.host
+const wx = window.wx
+function share(shareData) {
+    wx.onMenuShareAppMessage(shareData);//分享给好友
+    wx.onMenuShareTimeline(shareData);//分享到朋友圈
+    wx.onMenuShareQQ(shareData);//分享给手机QQ
+    wx.onMenuShareWeibo(shareData);//分享腾讯微博
+    wx.onMenuShareQZone(shareData);//分享到QQ空间
+}
+/**
+    实践课程	平台提供涵盖基础入门、案例实践和创新应用的完整实训项目体系，通过由浅入深的实训路径，帮助学生快速提升实战能力。
+    实训项目	覆盖不同专业的IT实验和实训，每周更新，无需配置本机实验环境，随时随地开启企业级真实实训。
+    翻转课堂	自动评测实训任务，支持技能统计，提供教学活动分析报告，减轻教师和助教的辅导压力，免去作业发布和批改的困扰，实时了解学生学习情况，全面提升教师施教效率和水平。
+    单个课程和实训	获取课程/实训的简介	该课程或者实训展示的缩略图
+
+ */
+export function configShareForIndex () {
+    var shareData = {
+        title: 'EduCoder - 首页',
+        desc: 'Educoder是一个面向计算机类的互联网IT教育和实战平台，提供企业级工程实训，以实现工程化专业教学的自动化和智能化。高校和企业人员可以在此开展计算机实践性教学活动，将传统的知识传授和时兴的工程实战一体化。',
+        link: host,
+        imgUrl: window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
+export function configShareForPaths () {
+    var shareData = {
+        title: 'EduCoder - 实践课程',
+        desc: '平台提供涵盖基础入门、案例实践和创新应用的完整实训项目体系，通过由浅入深的实训路径，帮助学生快速提升实战能力。',
+        link: `${host}/paths`,
+        imgUrl: window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
+export function configShareForShixuns () {
+    var shareData = {
+        title: 'EduCoder - 实训项目',
+        desc: '覆盖不同专业的IT实验和实训，每周更新，无需配置本机实验环境，随时随地开启企业级真实实训。',
+        link: `${host}/shixuns`,
+        imgUrl: window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
+export function configShareForCourses () {
+    var shareData = {
+        title: 'EduCoder - 翻转课堂',
+        desc: '自动评测实训任务，支持技能统计，提供教学活动分析报告，减轻教师和助教的辅导压力，免去作业发布和批改的困扰，实时了解学生学习情况，全面提升教师施教效率和水平。',
+        link: `${host}/courses`,
+        imgUrl: window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
+
+// detail
+export function configShareForSinglePath (title, desc, path, imgUrl) {
+    var shareData = {
+        title: title,
+        desc: desc,
+        link: `${host}/${path}`,
+        imgUrl: imgUrl || window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
+
+export function configShareForSingleShixun (title, desc, path, imgUrl) {
+    var shareData = {
+        title: title,
+        desc: desc,
+        link: `${host}/${path}`,
+        imgUrl: imgUrl || window.__testImageUrl 
+            || host + '/react/build/images/share_logo_icon.jpg'
+    };
+    share(shareData)
+}
\ No newline at end of file
diff --git a/public/react/src/modules/paths/ShixunPaths.css b/public/react/src/modules/paths/ShixunPaths.css
index 5ff18c917..0f7ad114e 100644
--- a/public/react/src/modules/paths/ShixunPaths.css
+++ b/public/react/src/modules/paths/ShixunPaths.css
@@ -76,8 +76,7 @@
   -o-transition: all 1s;
   width: 100%;
   position: absolute;
-  top: -50%;
-  margin-top: 67.5px;
+  top: -17.5px;
 }
 .squareCard .squareImg img:hover{
   transform: scale(1.05);