diff --git a/layout/common/module.ftl b/layout/common/module.ftl
index 9865b3d..083d88f 100644
--- a/layout/common/module.ftl
+++ b/layout/common/module.ftl
@@ -29,7 +29,7 @@
                             </div>
                             <div class="blog-slider__content">
                                 <span class="blog-slider__code">${post.createTime?string["EEE MMM d"]}</span>
-                                <div class="blog-slider__title title is-5">${post.title!}</div>
+                                <div class="blog-slider__title "><a class="title is-5" href="${context!}/archives/${post.url!}">${post.title!}</a></div>
                                 <div class="blog-slider__text" content="">${post.summary!}</div>
                                 <a href="${context!}/archives/${post.url!}" class="blog-slider__button">阅读更多</a>
                             </div>
diff --git a/source/css/widget_pin.css b/source/css/widget_pin.css
index 7f8ab46..ed54b2f 100644
--- a/source/css/widget_pin.css
+++ b/source/css/widget_pin.css
@@ -165,6 +165,8 @@
   /*color: #0d0925;*/
   margin-bottom: 10px;
 }
+.blog-slider__title a{
+}
 .blog-slider__text {
   /*color: #4e4a67;*/
   margin-bottom: 20px;
@@ -205,15 +207,21 @@
   transform: translateY(-50%);
 }
 @media screen and (max-width: 768px) {
+  .blog-slider__title {
+    /*white-space:nowrap;*/
+    /*overflow:hidden;*/
+    /*text-overflow:ellipsis; /这里的ellipsis的英文名字就是省略的意思/*/
+  }
   .blog-slider__pagination {
     transform: translateX(-50%);
     left: 50% !important;
-    top: 205px;
+    top: 190px;
     width: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
+
 }
 .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 8px 0;