爱知笔记

Zhizheng Zhang's Notes


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索

Jekyll 分页实现

发表于 2017-09-05 | 分类于 Jekyll

实现方法

配置 _config.yml

paginate: 5
paginate_path: "index:num/"
......
plugins:
  - jekyll-paginate

其中,第一页为“/”,第二页以后为“index2/”、“index3/”……

阅读全文 »

Jekyll 摘要实现

发表于 2017-09-05 | 分类于 Jekyll

目前,可以实现 jekyll 摘要功能的方法主要有三种。

方法介绍

Liquid Markup

在 _post/*.md 内容中加入标签 图片加载中......,在首页内容中通过 图片加载中......
标记显示摘要内容,不过经我试验,这种方法容易在 ReadMore 链接后多出一个 </div>。

Custom Plugin

在 _plugins 中编写 ruby 脚本实现摘要功能。在此不做介绍,如果有兴趣,可以查看本文末尾的参考资料。

阅读全文 »

本地运行 jekyllcn

发表于 2017-09-04 | 分类于 Jekyll

下载源码

git clone https://github.com/xcatliu/jekyllcn.git

安装依赖包

cd jekyllcn
bundle install

不要执行下面这条命令,我因为执行了这条命令,导致第 3 步启动一直报错,后来根据错误信息,删除了一些新版本的包,安装了旧版本(2016 最新),才启动不报错,如:删除 jekyll-feed 0.9.2,安装 0.8.0;删除 jekyll-redirect-from 0.12.1,安装 0.10.0 等……
gem update

阅读全文 »

修改站点名称和 logo

发表于 2017-09-04 | 分类于 Site

站点名称修改为“羽毛笔记”。

阅读全文 »

jQuery 滚动条插件

发表于 2017-09-03 | 分类于 jQuery

当页面出现滚动条时,页面内容会向左发生偏移,mCustomScrollbar 插件可以解决这个问题。

安装使用

下载插件

https://github.com/malihu/malihu-custom-scrollbar-plugin/releases

在页面引入相关资源

<link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
<style>
    html, body{ height: 100%; }
</style>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
阅读全文 »

欢迎访问

发表于 2016-09-09 | 分类于 Site

欢迎访问!

阅读全文 »
1 … 3 4
Zhizheng Zhang

Zhizheng Zhang

Whatever u do, Remember why you started.

36 日志
18 分类
61 标签
RSS
GitHub
© 2025 Zhizheng Zhang
由 Jekyll 强力驱动
主题 - NexT.Mist