【源码】基于Jekyll和Bootstrap的个人博客系统

项目简介

这是一个借助Jekyll和Bootstrap搭建的个人博客系统。用户可使用该系统展示个人作品、分享技术见解、记录心得日记等。博客界面简洁且易于定制，采用响应式布局，能适配不同屏幕尺寸的设备。

项目的主要特性和功能

1. 响应式布局：自动适配电脑、平板、手机等不同屏幕尺寸。
2. 多框架支持：结合Jekyll和Bootstrap优势，Jekyll生成静态页面，Bootstrap构建界面。
3. 文章展示：支持Markdown格式撰写文章，可展示图片、链接、列表等。
4. 评论功能：集成Disqus和Gitalk评论系统，方便用户评论文章。
5. 社交账号展示：展示多种社交账号，便于访客联系博主。
6. 推荐标签：根据标签使用文章数推荐热门标签。
7. 好友链接：可添加好友博客链接。
8. HTML5幻灯片展示：支持在博客中展示HTML5幻灯片。
9. SEO优化：支持自定义SEO标题、描述等，提高搜索引擎排名。
10. 网站分析：支持百度统计和Google Analytics，实时监控网站访问数据。

安装使用步骤

环境准备

确保已安装Jekyll。在命令行输入jekyll serve或jekyll s，在本地浏览器输入http://127.0.0.1:4000/，可预览主题，修改主题需强刷浏览器以实时展示。

开始配置

修改_config.yml文件搭建博客，可设置网站标题、SEO标题、描述、社交账号等信息。更多参数调整可参考 Jekyll - Official Site 或 Jekyll中文。

撰写博文

将Markdown格式文章放于_posts/目录下，文章yaml头文件按以下格式设置： ```

layout: post title: 文章标题 subtitle: 文章副标题 date: 日期 author: 作者 header-img: img/post-bg-ios9-web.jpg catalog: true tags: - 标签1 - 标签2

```

配置侧边栏及其他组件

在_config.yml文件中设置侧边栏、迷你关于我、推荐标签、好友链接等组件。

配置评论与网站分析

1. 评论系统：支持Disqus和Gitalk。使用Disqus需注册账号，在yaml头文件设disqus_username；使用Gitalk参考 《为博客添加 Gitalk 评论插件》 配置。
2. 网站分析：支持百度统计和Google Analytics，去官方网站注册，将返回代码贴在_config.yml文件相应位置。

预览与部署

在本地运行Jekyll服务器预览博客效果。

下载地址

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