最近花了三天时间制作了我的第一个jekyll theme——BoHu。一款知乎风格的模板,使用jekyll模板引擎,十分钟就能搭建属于你自己的静态博客网站。


本主题的特征为:

  1. 知乎风格
  2. 分页导航使用的是具体页码而不是单纯的上一页下一页
  3. 支持博文搜索功能
  4. 支持文章分类和显示近期文章
  5. 首页能统计博文数量
  6. 内置中文和英文的艺术字体
  7. 内置音乐播放器
  8. 支持多说和disqus评论系统
  9. 移动设备浏览效果良好
  10. 使用MIT许可

具体步骤如下:

  1. 首先,你需要有GitHub帐号。
  2. 到我的GitHub上的bohu-jekyll-theme仓库中fork本主题。
  3. 在bohu-jekyll-theme目录下找到_config.yml配置文件并打开。修改个人配置信息。
  4. 将修改完成的网站目录上传至自己的GitHub仓库生成自己的博客网站。
  5. 以后只要把你的博文放在_post文件夹下并上传至GitHub,网站就会自动更新内容啦。

必填信息:
title: 博客的名字
author: 博主的名字
baseurl: 博客的根地址==你的文件夹名称(默认为bohu-jekyll-theme),如果你更改了文件夹名称,请把此处也修改掉。
description: head中的网页描述信息。简要描述你的网站,让搜索引擎能更好的收录你的网站。

选填信息:
email: 你的邮箱地址
twitter_username: 你的推特用户名
weibo_username: 你的微博用户名
github_username: 你的github用户名
以上四项信息你填写了之后博主信息栏里会自动出现相应的链接图标,不填就不会出现。

disqus_shortname: 你的disqus帐号
duoshuo——shortname: 你的多说帐号
以上两项可以不填,选填任意一项会自动加载相应的评论插件。

url: 如果你有自己的个人网站就填写你自己的网站地址,如果没有,就填写http://你的github名字.github.io/主题文件夹根目录名字/home,将会指向一个内置的个人主页。
使用内置的个人主页之后你需要配置一下个人信息: place,domain,company,position,school,major,resume
性别图标修改方法:打开home文件夹下的index.html,搜索类名fa-mars,将其改成fa-venus即可。

paginate: 填写一个数值,决定分页导航每一页显示的博文数量,达到这个数值会自动分页。

profile: 你的座右铭

其他修改项目:

  • 网站图标和自定义头像在assets文件夹下,你也可以把路径设置为任何站外图片链接。
  • 使用SCSS预编译,要修改样式优先修改SCSS文件。
  • 搜索插件需要手动配置路径,找到search文件夹,将其中JS文件夹里的cb-search.js中第66行bohu-jekyll-theme改成博客网站根目录的名字。

本主题的后续维护和更新内容请关注GitHub项目主页bohu-jekyll-theme。

十分钟搭建个人网站:Jekyll主题BoHu的更多相关文章

  1. 十分钟搭建和使用ELK日志分析系统

    前言 为满足研发可视化查看测试环境日志的目的,准备采用EK+filebeat实现日志可视化(ElasticSearch+Kibana+Filebeat).题目为“十分钟搭建和使用ELK日志分析系统”听 ...

  2. WordPress多本小说主题–WNovel主题发布,十分钟搭建小说站! 现已更新至1.2版本

    本文属于<WNovel主题操作手册>文章系列,该系列共包括以下 8 部分: WNovel主题使用手册之–主题安装及更新教程 WNovel主题使用手册之–小说管理 WNovel主题使用手册之 ...

  3. 3分钟搭建一个网站?腾讯云Serverless开发体验

    作为一个开发者,应该都能理解一个网站从开发到上线,要经过很多繁琐的步骤. 编写代码,部署应用,部署数据库,申请域名,申请SSL证书,域名备案,到最终上线起码要几天时间. 作为一个不精通代码的业务玩家, ...

  4. 通过Amazon AWS 十分钟搭建私人主机 自由的不要不要的

      首先承认有点标题党了,当时自己搞的时候可不止十分钟,好吧,我承认是坑太多了,所以特意开了一篇博文,就是要准备尝试的和我一样的菜鸟们,可以真正的十分钟搞定.  当然高手可能用不上十分钟. 首先,就是 ...

  5. 基于Laravel开发博客应用系列 —— 十分钟搭建博客系统

    1.创建文章数据表及其模型(0:00~2:30) 我们已经在上一节中为博客项目完成了大部分准备工作,现在首先要做的就是为这个项目创建一个新的文章表 posts及该表对应的模型类 Post,使用如下Ar ...

  6. 十分钟搭建和使用sonarqube代码质量管理平台

    前言 Sonarqube为静态代码检查工具,采用B/S架构,帮助检查代码缺陷,改善代码质量,提高开发速度,通过插件形式,可以支持Java.C.C++.JavaScripe等等二十几种编程语言的代码质量 ...

  7. 十分钟搭建redis单机版 & java接口调用

    本次单机版redis服务器搭建采用的包为redis-3.0.0.tar.gz,主要是记录下安装的心得,不喜勿喷! 一.搭建redis服务器单机版 1.上传redis-3.0.0.tar.gz到服务器上 ...

  8. 十分钟搭建App主流框架

    搭建主流框架界面 0.达成效果 Snip20150904_5.png 我们玩iPhone应用的时候,有没发现大部分的应用都是上图差不多的结构,下面的TabBar控制器可以切换子控制器,上面又有Navi ...

  9. 十分钟搭建微服务框架(SpringBoot +Dubbo+Docker+Jenkins源码)

    本文将以原理+实战的方式,首先对“微服务”相关的概念进行知识点扫盲,然后开始手把手教你搭建这一整套的微服务系统. 这套微服务框架能干啥? 这套系统搭建完之后,那可就厉害了: 微服务架构 你的整个应用程 ...

随机推荐

  1. android http 通信(httpclient 实现)

    1.httpclient get 方式 HttpGet httpGet = new HttpGet(url); HttpClient client = new DefaultHttpClient(); ...

  2. JAVA线程全局异常处理

    大家平时写线程很多,但可能很少关注如何捕获线程的全局异常.其实jdk提供了两种捕获全局异常的方法,一种是基于整个线程类(staticsetDefaultUnaughtExceptionHandler( ...

  3. 【55】让自己熟悉Boost

    1.网址:http://boost.org 2.有很多C++组织和网站,但是Boost库有两个优势:a.和标准委员会关系密切:b.加入C++标准的各种功能的测试场.

  4. js 如何将无限级分类展示出来

    这个需要运用递归. 案例:将数据以 ul li ul li形式展现在div中. <div id="div"></div> 数据格式为json: var da ...

  5. 支持向量机(SVM)算法的matlab的实现

    支持向量机(SVM)的matlab的实现 支持向量机是一种分类算法之中的一个,matlab中也有对应的函数来对其进行求解:以下贴一个小例子.这个例子来源于我们实际的项目. clc; clear; N= ...

  6. android自动打包方法(ant+proguard+签名)

    前段时间做了一个android的网游项目,现在优化减少体积和防止别人反编译,需要把编译后.class进行混淆,开始在网上看了一些关于 ProGuard的介绍,基本上都是使用ADT自带的打包方式,那个打 ...

  7. android Animation 动画效果介绍

    Android的animation由四种类型组成 XML中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动 ...

  8. 开源搜索引擎Sphinx 中启动多个搜索进程的方法(转)

    要在同一机器上启动多个sphinx搜索进程searchd,必须为不同的进程指定不同的配置文件(sphinx.conf ),其中搜索进程的端口号不能相同,即 listen = 0.0.0.0:3312 ...

  9. 金蝶KIS 13.0专业版破解方法破解安装流程 金蝶KIS 13.0专业版安装流程

    金蝶KIS 13.0安装 1.先安装操作系统Windows server 2008 R2. 2.再安装SQL2008 R2. 3.再安装金蝶KIS 13.0专业版. 在安装时记住须要将系列号设置成为1 ...

  10. max_user_connections 与 max_connections,max_connect_errors, nr_open, file-max

    LINUX文件设置: ulimit -n <num>  ----> [/etc/profile,/.bashrc] ---->/etc/security/limits.conf ...