【环境搭建】使用Jekyll搭建Github博客
前言
昨天花了差不多一天的时间,使用
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博客的更多相关文章
- 搭建minima主题的github博客网站
layout: post title: "搭建minima主题的github博客网站" date: 2019-04-20 19:20:20 +0800 --- 作者:吴甜甜 个人博 ...
- 使用Hexo搭建github博客步骤,超简便
categories: 工具 tags: git Windows 搭建博客 你只需要node环境和一个github账号就可以开工啦! 本教程适合于Windows环境,Mac教程也大同小异 利用hexo ...
- 使用Hexo搭建GitHub博客(2018年Mac版)
关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: [2018更新]小白独立搭建博客-Githu ...
- 超详细Hexo+Github博客搭建小白教程
原文链接:超详细Hexo+Github博客搭建小白教程 去年9月的时候开始搭建了第一个自己的独立博客,到现在也稍微像模像样了.很多小伙伴应该也想过搭建一个自己的博客,网上也有一堆详细教程.我在此稍稍总 ...
- Hexo+Github: 博客网站搭建完全教程(看这篇就够了)
本篇教程首次发布在个人博客:sunhwee.com,想要获得最佳阅读体验,欢迎前往,建议用电脑查看教程文档. # 阅读须知 注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦, ...
- Hexo+Github博客最简教程-Dockerfile自动搭建
闲谈 拿出你的气质,打开你的电脑,借你半小时搭建好属于你的hexo博客,小生用dockerfile自动帮你搭建好:你只需要在你的mac或linux或windows上提前把docker安装好,如何安装不 ...
- 搭建Github博客:开始
先看效果:ious.ml 记录使用hexo搭建个人博客的过程 至于在博客里记录什么内容,现在还没想好.已经熟悉了博客园,不想换. 1.概念 Github Pages Github Pages可以被认为 ...
- 搭建github博客,hexo主题
买个域名,多少钱的都有,看自己喜欢,可以去万网,ali嘛. 一般在windows,下载gitbash(配置公钥,全局用户名和email),node.js(不用配置). 新建github项目,添加公钥( ...
- LNMP环境搭建之php安装,wordpress博客搭建
LNMP环境搭建之php安装,wordpress博客搭建 一.介绍: 1.什么是CGI CGI全称是"通用网关接口"(Common Gateway Interface),HTTP服 ...
随机推荐
- CSS自定义动画
动画名称 animation-name : (动画名称必须与@keyfarmes的名称相对应,因为动画名称是由@keyfarmes定义的) 例如:animation-name:AA:则 @ ...
- JavaWeb 后端 <五> 之 JSP 学习笔记
一.JSP简介 1.也是SUN公司推出的开发动态web资源的技术,属于JavaEE技术之一.由于原理上是Servlet, 所以JSP/Servlet在一起. 二.HTML.Servlet和JSP 1. ...
- MetaWebBlogApi开发经验
背景 花了一天的时间为某笔记软件开发了一款插件,能够发布笔记到博客园,本文就是记录开发时遇到的问题和解决方案,希望有大佬能开发出更好用的博客编辑器. 为什么要开发? 现在有很多开源的建站工具hexo, ...
- Laravel安装及环境的配置(XAMPP集成开发环境下)
Laravel 使用 Composer 来管理代码依赖.所以,在使用 Laravel 之前,请先确认你的电脑上安装了 Composer. 操作系统为win7: 集成开发环境XAMPP: 第一步:安装C ...
- LoadRunner接口工作总结
因为工作中需要开发维护类似枢纽性质的平台,所以经常利用LR进行接口测试.接口自动化测试.接口压力测试.用多了LR,有点不愿意使用报文编辑器进行手工接口测试了. 接口脚本操作过程: 首先:打开LR,N ...
- volume 生命周期管理 - 每天5分钟玩转 Docker 容器技术(44)
Data Volume 中存放的是重要的应用数据,如何管理 volume 对应用至关重要.前面我们主要关注的是 volume 的创建.共享和使用,本节将讨论如何备份.恢复.迁移和销毁 volume. ...
- Android - FragmentTabHost 与 Fragment 制作页面切换效果
使用 FragmentTabHost 与 Fragment 制作页面切换效果 API 19 TabHost已经不建议使用了.用 FragmentTabHost 来代替TabHost.实际上 Fragm ...
- linux文件系统及bash基础特性
linux文件系统 一.根文件系统 linux被识别的第一个被称为根之间关联的文件系统叫做根文件系统(rootfs),其他分区要想被读到,需要挂载到根目录的某个挂载点(根的子目录)上.根文件系统至关重 ...
- 面向Unity程序员的Android快速上手教程
作者:Poan,腾讯移动客户端开发 工程师 商业转载请联系腾讯WeTest获得授权,非商业转载请注明出处. WeTest 导读 随着Unity.cocos2dx等优秀跨平台游戏引擎的出现,开发者可以把 ...
- Unity Shader入门教程(二)最基本的Diffuse和Normal样例
本教程参考了<猫都能学会的Unity3dShaderLab教程.CHM>, 1.请上网搜索并下载此文件. 2.随后再下载里面提到的素材: http://vdisk.weibo.com/s/ ...