作为一名有情怀的工程师,一般都会通过博客来记录自己的生活,成长,工作心得或者经验,大部分人使用博客都会经历如下几个阶段:
(1)记录在大脑中 (不推荐)
(2)使用XXX云笔记
(3)使用iteye,csdn,51cto,开源中国,博客园,简书,等等
(4)使用个人站点+微信公众号
(一)Jekyll是什么
jekyll是一个静态博客的生成器,它可以用来把我们使用markdown来写好的文章给转换成静态网页html来发布。
(二)Github Pages是什么
Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务,站点可以被免费托管在 Github 上,你可以选择使用 Github Pages 默认提供的域名 github.io 或者自定义域名来发布站点。Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML文档。
(三)如何搭建使用
前提条件:
````
git环境
github账户
ruby环境
````
jekyll底层是使用ruby编写对,所以安装时候需要先安装ruby环境:
在mac先要安装一些软件,这里假设你对git环境已经有了:
````
brew install ruby
gem install jekyll
gem install bundler
gem install jekyll-paginate
gem install jekyll-gist
````
上面对软件安装完毕后,你就可以在github上搜索一个基于jekyll模版对项目,当然你可以从网上搜索任何你喜欢的主题风格,找到之后使用git clone到自己本地:
````
git clone xxx.git myblog
cd myblog
jekyll server
````
然后访问http://localhost:4040端口就可以在本地预览你到博客了
如果你喜欢这个主题,那么你就可以fork到你自己到github中,然后clone下来,修改一些地方,然后就push到自己到仓库中,就可以了,一些git操作命令:
````
git add .
git commit -m "first commit"
git remote add origin https://github.com/alex-my/alex-my.github.io.git
git push -u origin master
````
关于jekyll的博客的目录结构,感兴趣的可以参考官网文档:
http://jekyllcn.com/docs/structure/
我们写的文章一般是在_posts目录里面,它的格式如下:
````
2018-04-11-spark sql大数据量下的调优和实践.md
````
前面是日期,中间是标题,后缀一般是md,看起来比较简洁。
(四)绑定自己到域名
最后说下github里面的项目,进入项目根目录后,点击右上角的Settings配置选项,在里面可以配置自己的站点域名,我这里配置的是我自己的域名,默认情况下一般都是 username.github.io比如我的是:
````
qindongliang.github.io
````
这样看起来有点简陋,那么绑定我们已经有的域名到github pages上呢,非常easy,首先假设我们已经有一个域名了,没有的话可以自己到网上买,然后在自己到静态站点到根目录下,新建以名字为CNAME到文件,里面的内容就是我们的自己的域名,比如我的:
````
8090nixi.com
````
注意这里只需要域名后面的部分即可,不需要把http和www都写进来,然后登陆域名管理中心,我这里是阿里云的找到域名解析部分,添加一条CNAME记录:
````
CNAME @ qindongliang.github.io
````
配置完毕之后,一般10分钟之内就可以生效,如果不出意外,一会就可以通过我们自定义的域名访问我们的静态站点了。
至此,一个属于我们自己独立的个人站点就完成了,使用jekyll+github pages优缺点如下,借用阮一峰老师的总结:
优点:
````
* 免费,无限流量。
* 享受git的版本管理功能,不用担心文章遗失。
* 你只要用自己喜欢的编辑器写文章就可以了,其他事情一概不用操心,都由github处理。
````
缺点:
````
* 有一定技术门槛,你必须要懂一点git和网页开发。
* 它生成的是静态网页,添加动态功能必须使用外部服务,比如评论功能就只能用disqus。
* 它不适合大型网站,因为没有用到数据库,每运行一次都必须遍历全部的文本文件,网站越大,生成时间越长。
````
但对于中小站点来说,无疑是一个不错的方案,感兴趣的朋友可以尝试一下,我个人比较喜欢简洁的站点风格,大家可以通过我公众号底部的菜单栏的博客按钮感受一下。
有什么问题可以扫码关注微信公众号:我是攻城师(woshigcs),在后台留言咨询。 技术债不能欠,健康债更不能欠, 求道之路,与君同行。
分享到:
相关推荐
一个简单的Jekyll + GitHub Pages驱动的简历模板。 文件 在本地运行 要在本地测试,请在终端中运行以下命令: 在本地克隆回购 bundle install bundle exec jekyll serve 打开浏览器到localhost:4000 客制化 首先...
使用GitHub Pages + Jekyll构建 概述 GitHub Pages免费无限容量的站点数据托管工具(内部访问速度较慢),内置Jekyll服务,能将特定名称的代码仓库动态编译为静态网页 Jekyll基于Ruby的静态网页生成系统,采用模板...
布局类别标题页最佳自述文件#Sazed Sazed 是使用 GitHub Pages 的网站的就地编辑器。 它有点自以为是,直接依赖 GitHub API 来更新页面。 #为什么GitHub Pages + Jekyll 的组合非常棒。 它允许您用 Markdown 编写您...
要在本地查看对网站的更改,请安装github-pages gem,它将安装GitHub Pages使用的正确依赖项,并在服务器模式下运行它: $ gem install github-pages $ jekyll serve 执照 Puma是2020年Evan Phoenix的版权和贡献者...
本课讲授使用GitHub Pages和Jekyll创建,配置和更新静态网站的基础知识。 本课程面向了解变量是什么并且熟悉GitHub Web界面的研究人员和研究软件工程师。 发展状况与贡献 该课程目前正在积极开发中,。 作者希望它...
BlogTest:使用Jekyll和Github Pages创建博客的测试
有关如何使用Jekyll和GitHub Pages创建博客或个人网站的指南,请参阅。 显着特点 与GitHub Pages兼容。 支持Jekyll的内置Sass / SCSS预处理器和数据文件,使自定义更加容易。 支持。 由支持的评论支持。 针对...
这就是jekyll-github-deploy(aka jgd)出现的地方:它将自动构建您的Jekyll博客并将其推送到gh-pages分支。 在开始使用此工具之前,您可能需要阅读此博客文章:将 。 假定您的博客位于回购的主目录中。 首先安装...
Jekyll Github 页面受启发,Jekyll Github Pages 帮助将 Jekyll 站点部署到 github gh-pages 分支。 不过 Github Pages 基本上都支持 Jekyll,他们有很多限制。 因此,您可能希望将 github 页面用作静态页面的宿主。...
Jekyll和GitHub Pages的简洁优雅主题。 特征: 移动优先设计确保该主题在移动设备上执行最快,同时优雅地缩放到桌面尺寸的屏幕。 专为博客和网站上的书面内容而设计,具有醒目的字体样式,主页摘要以及上一/下一...
docker-github-pages, 用于GitHub页面和Jekyll站点的Alpine Docker 图像 高山 Docker 页面 用于运行GitHub页面/osm项目的Alpine Docker 图像。 只有 70 MB 。 支持的标签和相应的Dockerfile 链接latest ( Dockerfile...
按照GitHub Pages的规定,名称为username.github.io的项目的master分支,或者其他名称的项目的gh-pages分支可以自动生成GitHub Pages页面。修改域名。如果您需要绑定自己的域名,那么修改CNAME文件的内容;如果不...
本部分适用于那些希望在GitHub Pages托管站点上使用主题的人。 从下载最新的gem文件 运行gem unpack [path-to-downloaded-gem-file] --target=. 在jekyll站点项目文件夹上 删除行theme: ... _config.yml
Jekyll插件可传播site.github命名空间并设置默认值以用于GitHub Pages。 它能做什么 使用传播site.github命名空间 如果未设置,则将site.title设置为存储库名称 如果未设置, site.description设置为存储库标语 ...
使用以下工具和代码,加上自己的一些修改,内置此博客! 使用腾讯云CDN加速,腾讯云免费的https证书,部分静态资源托管在七牛云。 跑 bundle exec jekyll serve
:scissors: :link: 这是用于使用Jekyll和GitHub Pages缩短URL的模板存储库。 创建可以轻松共享,发布或通过电子邮件发送给朋友的简短URL。 分叉此仓库开始。 查看实际使用中的URL Shortener: 阅读有关URL缩短器...
Ben.Balter.com 本·巴尔特的个人网站。 使用Jekyll,GitHub Pages和Bootstrap构建。 有关更多信息,请参见 。执照内容: 代码:
Github的Jekyll的Docker镜像 Jekyll Docker映像,用于在我的MacOS X上构建和查看github页。 :spouting_whale: 介绍 在Docker容器中构建并运行Jekyll github页面。 检出项目并构建Docker映像: docker build -t " ...
欢迎使用小费秤 The Tipping Scales是由布里斯托大学Pro Bono协会运营的博客 由Jekyll和Github Pages提供技术支持 开发
javierjulio.com的源代码,我的网站是用Jekyll构建的,并已部署在GitHub Pages上。 这是我原始站点从现已归档的库中的转换。 发展 bundle install bundle exec rake运行测试 本地服务器的bundle exec rake s 测验 ...