如何美化Hexo Next搭建在github的博客

设置阅读全文

用编辑器打开themes/next 目录下的_config.yml文件

auto_excerpt:
      enable: false
      length: 150

false改成true
此时要hexo g重新编译

主题添加字数统计

全站添加
打开hexo\themes\hexo-theme-next\layout_partials路径下footer.swig文件,在你喜欢的位置添加以下代码

<div class="theme-info">
  <div class="powered-by"></div>
  <span class="post-count">全站共 {{ totalcount(site) }} 字</span>
</div>

添加文章阴影

去到next\source\css_custom下,修改Custom styles文件,增加一下代码
阴影的透明度、大小等可以在代码中自由调节

 // Custom styles.
// 主页文章添加阴影效果
 .post {
   margin-top: 60px;
   margin-bottom: 60px;
   padding: 25px;
   -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
   -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值