Maco

闭花羞月

嗨,我是张志方 (@Maco),一名 iOS 开发者。


使用jekyll在gitbub page上搭建自己的博客

大家搞技术的肯定都有自己的博客,比如什么csdn、简书、博客园等等,这都是以别人搭建好的平台来写自己的博客,下面我介绍一下使用jekyll搭建自己的博客的流程。

一、搭建jekyll博客

1、在github创建项目

首先需要再github中创建一个github page,命名方式以username.github.io的形式命名,否则会出现不知名的错误,创建完成后克隆到本地,命令行到本地的存储库.io文件下,使用echo “hello world”> index.html创建一个index.html文件,然后保存,使用命令行把本地创建的文件提交到master分支,。然后使用[https://username/github.io就可以访问index.html网页了。这才是最开始的一步,只是能访问基本的网页,但是怎么写博客哪,然后又是在什么目录下写,使用什么工具写哪,下面就介绍jekyll。

注意⚠️:提交代码后在setting页面下面的github page选项下选择theme后才可以正确访问

2、构建jekyll

首先安装ruby,因为jekyll是基于ruby语言的,jekyll本身就是一个ruby包,所以需要必须让ruby使用jekyll,Mac系统本身安装了ruby。

安装jekyll:一旦安装了ruby,就会使ruby的名为Gem的包管理器安装jekyll

$ sudo gem install jekyll bundler

3、使用jekyll创建本地博客

首先使用jekyll命令创建本地文件夹:

$ jekyll new my-awesome-site

命令行到这个文件夹,测试本地博客

部署jekll:bundle exec jekyll serve

如果报告找不到bundle或者jekll,使用sudo,完成后,浏览器访问http://localhost:4000,就可以查看本地index.html网页

把创建好的jekyll部署到github page,将我们创建的my-awesome-site文件夹中的所有内容拷贝到我们本地的git中,然后提交给git,然后部署一下jekyll,然后浏览器访问:https://username.github.io 就可以访问构建的jekyll博客了。

4、修改博客布局

修改本地的博客,本地存储博客的文件夹在_posts中,然后通过jekyll编译部署后,在_site/maco中转化成.html的文件,_site文件夹不会上传到git上去的,部署后会生成jekyll节点,可以在_config.yml中配置属性以及信息。

想更好的修改页面,查看http://jekyllcn.com/docs/home/

二、为博客添加disqus评论

很多国内的其他三方评论已经关闭了,所以disqus还是一个不错的三方评论插件,毕竟是非常专业的评论系统,功能强大,口碑又好,我坚信短期内Disqus不会关闭。

  1. 注册Disqus帐号,这个很简单,一步一步来就行

  2. 然后选择安装disqus 选择第二个 然后填写你的网站名称,是现实在你的评论上方第二个tab的,例如可以填写maco’ blog,然后选择一个自己网站的类型,然后select a plan,不需要可以不选。

  3. 生成并添加自己的js代码 选择右上角自己头像下面的install on site,会出现下面的列表

    我是使用的jekyll,所以选择universal code即最基本的JS代码。然后就会生成自己的js代码,将这段代码放在 layout里的post.html页面下,当然可以根据自己的博客需求,看需要放在什么位置,一般都是放在文章页嘛。然后讲代码上传到git,就完成了。

最近的文章

创建私有cocoapods仓库

我之前写了一篇打包公有组件到cocoapods仓库,但是随着我们项目的逐渐增大,公司内部也有一些私有的组件供公司内部项目的使用,这就需要我们创建私有的仓库来管理组件了,下面我们就使用pods库来...…

继续阅读

更早的文章

打包组件到cocoapods

我们在iOS开发中,相信所有小伙伴都经常使用到cocoapods,使用别人上传的组件用在我们自己的项目中,这会大大节省我们开发的时间,比如AFNetworking、Masonry等等,但是你们有...…

继续阅读