littlebot
Published on 2025-04-09 / 0 Visits
0

【源码】基于Jekyll的仿Netflix风格博客系统

项目简介

这是一个基于Jekyll搭建的仿Netflix风格博客系统,具备多种实用功能与特性,为用户提供良好的博客浏览与管理体验。

项目的主要特性和功能

  • Google Fonts:支持多种自定义字体。
  • 实时搜索:站内实时搜索功能(Live Search)。
  • 预估阅读时间:显示文章的预估阅读时间(Estimated Reading Time)。
  • 阅读进度条:文章阅读进度条(Reading Progress Bar)。
  • 新文章标签:为新发布的文章添加“新文章”标签(New Post tag)。
  • 图片按需加载:优化图片加载速度(Load images on demand)。
  • 侧边栏菜单:支持展开和收缩的侧边栏菜单(Push Menu)。
  • SVG图标:使用SVG图标提升视觉效果。
  • Shell脚本:提供Shell脚本创建文章,简化文章生成流程。
  • 标签页面:支持标签页面(Tags page)。
  • 关于页面:包含关于作者的页面(About page)。
  • 用户浏览量统计:使用busuanzi统计用户浏览量。

安装使用步骤

安装环境准备

  1. 安装 RubyNodeJS
  2. 安装 Jekyll 和 gulp 客户端: bash $ gem install jekyll $ npm install gulp-cli -g

安装步骤

  1. 进入项目目录: bash
  2. 安装 npm 包依赖: bash $ npm install
  3. 安装 Ruby 依赖项: bash $ bundle install
  4. 构建 Jekyll 项目: bash $ bundle exec jekyll build
  5. 运行 gulp 启动开发服务器: bash $ gulp

注意事项

  • 本项目包含自定义过滤器、标签和插件文件,用于扩展Jekyll的功能。安装和使用时无需对这些文件做额外修改,只需按照说明集成到项目中即可。
  • 如果遇到问题,请检查相关文件的路径和命名是否正确,以及是否按照说明正确安装和使用。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】