前言

昨天花了差不多一天的时间,使用Jekyll搭建起了一套Github博客,感觉不错,也特将搭建过程记录下来,方便有需要的朋友自行搭建。

搭建步骤

本环境是在Linux环境下搭建完成的
安装前建议使用命令sudo apt-get update更新源

安装Ruby

  • 使用命令sudo apt-get install ruby安装ruby。
  • 使用命令ruby -v查看ruby是否安装成功(成功会出现类似如下字符串:ruby 1.9.3p484 (2013-11-22 revision 43786) [x86_64-linux])。

安装Nodejs

  • 使用命令sudo apt-get install nodejs安装nodejs。
  • 使用命令nodejs -v查看nodejs是否安装成功(成功会出现类似如下字符串:v0.10.25)。

安装Jekyll

  • 使用命令sudo apt-get install jekyll安装jekyll。
  • 使用命令jekyll -v查看jekyll是否安装成功(成功会出现类似如下字符串:Jekyll 0.11.2)。

Linux会自带python和Git,所以不用安装。

新建Github Page

下面均以本人Github名leesf为基础,读者需要自行修改

  • 在Github新建Repository,命名为leesf.github.io。
  • 使用命令git clone https://github.com/leesf/leesf.github.io.git克隆远程仓库至本地。
  • 使用命令cd leesf.github.io进入leesf.github.io目录。

设置Github Page主题

至此,环境基本搭建完成,现需要设置主题,可点击此处,Jekyll主题,自选主题。

  • 自选主题后,如本人选的NextT主题,然后download/clone该主题至本地。
  • 将文件夹中所有内容复制到leesf.github.io目录下。
  • 使用命令git add .添加所有文件。
  • 使用命令git commit -m "first commit"提交添加的文件。
  • 使用命令git push -u origin master提交至远程仓库。
  • 访问leesf.github.io即可查看主题(初始化可能需要等待几分钟)。

主题改造

支持中文

上述主题是英文的,现需要将其改造成中文的,由于其是支持中文的,所以只需要将配置文件_config.yml中的language改成zh-Hans即可。

添加about

上述主题中并未展示about内容,需要在配置文件_config.yml中menu下的about注释取消,并且自己使用markdown修改about目录下的index.md文件。

写博客

经过上述处理后,环境基本搭建完成,可以开始写博客了,写博客建议使用markdown,并将文件以年-月-日-标题.md的格式命名后存放至_post目录下,然后再使用git add -> git commit -> git push命令添加至远程仓库。

总结

使用jekyll搭建github博客已经全部完成,经过本人改造后的主题存放在github中,有需要的读者可以直接使用,同时也非常感谢该主题的制作者。

有了一副好皮囊,是时候注入灵魂了。

【环境搭建】使用Jekyll搭建Github博客的更多相关文章

  1. 搭建minima主题的github博客网站

    layout: post title: "搭建minima主题的github博客网站" date: 2019-04-20 19:20:20 +0800 --- 作者:吴甜甜 个人博 ...

  2. 使用Hexo搭建github博客步骤,超简便

    categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...

  3. 使用Hexo搭建GitHub博客(2018年Mac版)

    关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Githu ...

  4. 超详细Hexo+Github博客搭建小白教程

    原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总 ...

  5. Hexo+Github: 博客网站搭建完全教程(看这篇就够了)

    本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...

  6. Hexo+Github博客最简教程-Dockerfile自动搭建

    闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不 ...

  7. 搭建Github博客:开始

    先看效果:ious.ml 记录使用hexo搭建个人博客的过程 至于在博客里记录什么内容,现在还没想好.已经熟悉了博客园,不想换. 1.概念 Github Pages Github Pages可以被认为 ...

  8. 搭建github博客,hexo主题

    买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥( ...

  9. LNMP环境搭建之php安装,wordpress博客搭建

    LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...

随机推荐

  1. mybatis学习笔记(四)-- 为实体类定义别名两种方法(基于xml映射)

    下面示例在mybatis学习笔记(二)-- 使用mybatisUtil工具类体验基于xml和注解实现 Demo的基础上进行优化 以新增一个用户为例子,原UserMapper.xml配置如下: < ...

  2. VB6获取Chrome地址栏的URL信息

    上篇写到了获取IE8浏览器URL的一般方法,那这篇就写下chrome的URL怎么获取.事实上,早期的chrome版本可以通过跟IE8差不多方式获取到URL信息.但是,现在chrome的控件都是Dire ...

  3. Frameset框架集的应用

    Frameset框架集常用于写网站后台页面,大多数"T字型"布局后台页面,就是应用Frameset框架集来做的.Franeset框架集的优点是,他可以在同浏览器窗口显示不同页面内容 ...

  4. java窗口按钮位置设置

    java窗口按钮位置设置 代码如下: package Day08; import java.awt.BorderLayout; import javax.swing.JButton;import ja ...

  5. 自动化运维—tomcat服务起停(mysql+shell+django+bootstrap+jquery)

    项目简介: 项目介绍:自动化运维是未来的趋势,最近学了不少东西,正好通过这个小项目把这些学的东西串起来,练练手. 基础架构: 服务器端:web框架-Django 前端:html css jQuery ...

  6. 面向接口编程详解-Java篇

    相信看到这篇文字的人已经不需要了解什么是接口了,我就不再过多的做介绍了,直接步入正题,接口测试如何编写.那么在这一篇里,我们用一个例子,让各位对这个重要的编程思想有个直观的印象.为充分考虑到初学者,所 ...

  7. 可存放任意类型变量的动态数组--C语言实现

    之前在训练营的时候被要求用C语言实现一个可以存放任意类型数据的栈.现在尝试实现一个数组版本. 首先用到的结构体如下(接触了Win32编程所以长得有点像里面的那些类型): typedef struct ...

  8. 模拟EF CodeFist 实现自己的ORM

    一.什么是ORM 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术. 简单来说,ORM 是通过使用描述对象 ...

  9. redis 一般性使用概述

    最近一段时间与redis接触比较频繁.发现有些东西还是工作中经常会用到的,自己也花了点时间巩固下.本篇文章主要是以总结性的方式梳理,因为redis的主题很大,任何一个技术点展开都是几篇文章的量.也可以 ...

  10. Hive笔记——技术点汇总

    目录 · 概况 · 手工安装 · 引言 · 创建HDFS目录 · 创建元数据库 · 配置文件 · 测试 · 原理 · 架构 · 与关系型数据库对比 · API · WordCount · 命令 · 数 ...