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

【源码】基于Jekyll框架的个人博客搭建教程

项目简介

本项目是基于Jekyll框架搭建的个人博客系统,为用户提供了一个便捷的平台来撰写和分享博客文章。

项目的主要特性和功能

  1. 响应式布局:博客页面能适配不同尺寸设备,提供良好用户体验。
  2. Markdown支持:支持用Markdown语法撰写文章,简化创作流程。
  3. 评论系统:集成Disqus和Gitalk评论系统,支持用户互动评论。
  4. 社交分享:支持社交媒体分享功能,方便分享博客内容。
  5. 网站分析:集成Google Analytics和百度统计,便于跟踪网站访问数据。
  6. 自定义主题:可通过修改Jekyll模板文件自定义博客主题和布局。

安装使用步骤

1. 安装Jekyll

确保本地环境已安装Ruby和Gem,然后执行以下命令安装Jekyll: bash gem install jekyll

2. 复制或下载项目

从相应渠道复制或下载本项目的源码文件。

3. 配置项目

进入项目目录,修改_config.yml文件,配置博客基本信息,如标题、描述、作者等。示例如下: ```yaml title: BY Blog # 你的博客网站标题 SEOTitle: 柏荧的博客 | BY Blog # SEO 标题 description: "Hey" # 随便说点,描述一下

jianshu_username: e71990ada2fd # 你的简书ID。 ```

4. 撰写博文

_posts目录下创建Markdown文件撰写博客文章,文件命名格式为YYYY-MM-DD-title.md,文件头部需包含YAML头信息,示例如下: ```markdown


layout: post title: 定时器 你真的会使用吗? subtitle: iOS定时器详解 date: 2016-12-13 author: BY header-img: img/post-bg-ios9-web.jpg catalog: true tags: - iOS - 定时器


```

5. 本地预览

在项目根目录下运行以下命令启动Jekyll本地服务器: bash jekyll serve 然后在浏览器中访问http://localhost:4000/,即可预览博客效果。

环境和工具要求

  • Ruby:确保本地环境已安装Ruby。
  • Jekyll:通过Gem安装Jekyll。
  • 文本编辑器:推荐使用VS Code、Sublime Text等编辑器编写Markdown文件。

版权声明

本项目的使用遵循MIT许可证,详细条款请参阅项目的LICENSE文件。

下载地址

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