Hexo博客Next主题-首页文章摘要添加边框

发表于 更新于 分类于 ， 阅读次数： Changyan： 本文字数： 242 阅读时长 ≈ 1 分钟

​\hexo\node_modules\hexo-theme-next\source\css\_common\components\post\index.styl​，在该文件中搜索.post-block​，修改如下:

1
2
3
4
5
6
7
8
9
10
11
12
.use-motion {
  if (hexo-config('motion.transition.post_block')) {
    .post-block, {
      padding: 25px;
      -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, 0.5);
      -moz-box-shadow: 0 0 5px rgba(202, 203, 204, 0.5);
    } 
    .pagination, .comments {
      visibility: hidden;
    }
  }
}

修改后显示效果如下：

​​

【推荐，防止更新主题重置】或者修改主题的config.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# Define custom file paths.
# Create your custom files in site directory `source/_data` and uncomment needed files below.
# 在网站目录“source/_data”中创建您的自定义文件，并取消下面所需文件的注释。
custom_file_path:
  #head: source/_data/head.njk
  #header: source/_data/header.njk
  sidebar: source/_data/sidebar.njk
  #postMeta: source/_data/post-meta.njk
  #postBodyStart: source/_data/post-body-start.njk
  #postBodyEnd: source/_data/post-body-end.njk
  footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  style: source/_data/styles.styl

新建文件source/_data/styles.styl，在文件中添加如下内容：

1
2
3
4
5
6
7
8
9
10
11
12
.use-motion {
  if (hexo-config('motion.transition.post_block')) {
    .post-block, {
      padding: 25px;
      -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, 0.5);
      -moz-box-shadow: 0 0 5px rgba(202, 203, 204, 0.5);
    } 
    .pagination, .comments {
      visibility: hidden;
    }
  }
}