设为首页 加入收藏

TOP

jekyll建站详细教程
2019-08-15 00:10:37 】 浏览:30
Tags:jekyll 建站 详细 教程

Jekyll是一款静态博客生成器,也是github page支持的后台引擎,所以如果你有以下需求,极力推荐使用jekyll搭建博客,>>浏览我的博客

  • 个性化的展示界面,站点逻辑
  • 个性化的域名
  • 几乎没有后端的繁琐
  • 专注于写作

本教程适合任何人群,当然如果你有HTML和CSS基础将会更好。你可以快速地在几个钟之内搭建自己的博客。

入门

如果你使用过github,应该知道github page服务,你可以在两个钟内了解博客在github上是如何生成的,不需要一开始就配置很多东西,所有操作在浏览器上实现。

开始搭建

通过上面的入门之后,你应该知道了如何在网页上搭建简单的博客,但是,由于在服务器上搭建想要实时预览会比较慢,所以建议在本地上搭建自己的博客然后进行修改,搭建之前,得有运行环境。由于博客是利用jekyll技术实现的,而jekyll的底层引擎是ruby,所以我们需要安装ruby(但是不用担心不会ruby,因为根本不需要使用ruby语言)。
1、 安装ruby

  • ruby安装包网盘链接 密码:z0jg
    资源下载下来后和windows普通软件一样安装就行,在CMD管理员权限下利用gem update --system进行更新。

2、 安装jekyll
国内用户可能下载过慢,教你一招,更换ruby源。

gem sources --remove https://rubygem.org/
gem source -a https://gems.ruby-china.org/

然后在cmd命令行上输入gem install jekyll就ok了。

创建一个简单博客

cmd命令行下输入

jekyll new blog
cd blog 
jekyll serve

然后打开浏览器,输入localhost:4000就可以看见自己的博客了,展示出来的是默认模板

当然,你可以将你的博客托管在Github Pages

主题

自己从头搭建一个博客多累呀,你可以用我的模板,也可以到主题库挑选各种炫酷模板,然后下载自己改造。

MD编辑器推荐

写博客使用的是markdown语法,一种简单的标记语言,github官方标配,这里推荐typora编辑器

MD语法

本主题采用的是kramdown Syntax,目前我了解的最强的markdown语言。

参考资料

如果这么多主题都入不了你的法眼,可以自学搭建jekyll博客,以下资料提供参考

  • jekyll搭建前端语言 liquid语法
  • ruby中文网
  • rubygems里面有各种jekyll插件
  • jekyll支持scss,利用scss搭建前端事半功倍,参考sass文档
  • 代码高亮只需要引入css文件就行,参考rouge
  • 数学公式渲染只需要引入MATHJAX的CDN就行,参考mathjax

jekyll建站详细教程 https://www.cppentry.com/bencandy.php?fid=87&id=228954

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇为Jekyll+GitHub Pages添加全文搜.. 下一篇rails框架配置