搭建博客的方法有很多种,如wordpress、hexo、jekyll、thinkjs等

第一步:在github里面fork一个主题

https://github.com/joytom/joytom.github.io

jekyll+github pages搭建博客

然后setting设置一下:

jekyll+github pages搭建博客

改成我们自己的用户名:

jekyll+github pages搭建博客

这时,你在浏览器上输入自己的该地址:例如我的:joytom.github.io,即可看到自己的主题~

第二步:安装Ruby+devkit

这儿说一下,安装jekyll有很多中安装办法,可以通过ruby+RubyGems来安装,也可通过ruby+devkit来安装。

访问:https://rubyinstaller.org/downloads/

jekyll+github pages搭建博客
我采用了ruby+devkit来安装,最新版本:

jekyll+github pages搭建博客

安装后,查看安装是否成功(系统环境变量自动生成):

jekyll+github pages搭建博客

我安装到了c盘:

jekyll+github pages搭建博客

myblog是我新建的文件夹用来存放博客:

jekyll+github pages搭建博客

jekyll+github pages搭建博客

第三步:安装jekyll

jekyll+github pages搭建博客

查看jekyll:

jekyll+github pages搭建博客

命令行一定要cd到博客目录,不然服务开启不了:

jekyll+github pages搭建博客

然后再启动jekyll:

jekyll+github pages搭建博客

启动成功:

jekyll+github pages搭建博客

这时localhost:4000(默认端口4000,可以在博客目录里面的_config.yml修改)就能访问到你的博客啦~

第四步:弄清博客整套流程

我们在localhost里面访问博客,目的就是为了现做现改,能马上查看博客页面。

然后在把修改后的或添加上的笔记什么的上传到github,我使用的是githubdesktop图形化操作软件,只需两步就上传到了github。

这时,我们就能joytom.github.io上查看自己的博客了~

jekyll+github pages搭建博客

搭建过程中遇到的问题:

在启动jekyll的时候遇到了一些问题:

jekyll+github pages搭建博客

没有发现wdm,就安装wdm:

jekyll+github pages搭建博客

没有tzinfo-data,就安装tzinfo-data:

jekyll+github pages搭建博客

jekyll+github pages搭建博客

没有minima:

jekyll+github pages搭建博客

安装:

jekyll+github pages搭建博客

没有paginte:

jekyll+github pages搭建博客

安装:

jekyll+github pages搭建博客

没有bundle,安装:

jekyll+github pages搭建博客

在重启:

jekyll+github pages搭建博客

成功!

 

这是我用jekyll搭建的一个IT博客:https://www.wangchuangcode.cn/

欢迎访问和学习~共同进步

相关文章: