Github+Jekyll搭建个人博文网站
时间:2022-04-27
本文章向大家介绍Github+Jekyll搭建个人博文网站,主要内容包括概述、创建博客、配置博客、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
概述
不久之前我们聊过使用 github pages + Hexo 搭建个人博客和搭建个人博客完善篇两篇文章。教大家搭建一个属于自己的博客网站。 除了使用 Hexo外,我们今天教大家使用Github+Jekyll搭建个人博客系统。
创建博客
首先,你得有个Github的账号。如果没有Github账号,请登录Github创建一个。
Fork 一个Jekyll模板
在Github的搜索框里输入jekyll-now找到此仓库,点击fork。
进入设置(setting),更改仓库名称,一般改为“yourusername.github.io”,为了方便大家理解,上一张动图。
然后在在浏览器中输入你的博客地址yourusername.github.io就可以访问了。
配置博客
接下来我们需要对jekyll做一些配置,在自己的博客仓库下,找到_config.yml 文件,点击打开。
配置一些名字什么的。
## This file contains configuration flags to customize your site## Name of your site (displayed in the header)name: Your Name ##**在这里填入你的博客名字**# Short bio or description (displayed in the header)description: Web Developer from Somewhere ## **在这里填入你的博客**# URL of your avatar or profile pic (you could use your GitHub profile pic)avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png ##**将此地址替换为你的头像地址**
修改好后,点commit提交。
配置日志文件
在自己的博客仓库下找到post文件夹,点击进入:
点击create new file 创建日志文件
输入日志文件名称,格式为yyyy-mm-dd-xxx-xxx.md,如2016-11-29-Self-Introduce.md。 接下来就是写日志了,这个可以参照之前的MarkDown的写法。接下来就是发布了,这个的好处是可以直接修改,不需要hexo重新部署,不过这里的插件没之前的多,就说到这里,元旦快乐!
附:Next主题
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- phpStorm+XDebug+chrome 配置详解
- PHP面向对象程序设计之多态性的应用示例
- PHP设计模式之单例模式定义与用法分析
- PHP面向对象程序设计之接口的继承定义与用法详解
- PHP简单验证码功能机制实例详解
- php高清晰度无损图片压缩功能的实现代码
- Python自省及反射原理实例详解
- 浅谈django框架集成swagger以及自定义参数问题
- keras CNN卷积核可视化,热度图教程
- 解决tensorflow读取本地MNITS_data失败的原因
- 浅谈keras中Dropout在预测过程中是否仍要起作用
- 浅谈keras中loss与val_loss的关系
- python中tkinter窗口位置坐标大小等实现示例
- python os模块在系统管理中的应用
- Laravel路由研究之domain解决多域名问题的方法示例