Ucself


嗨,我是ucself,一名大前端开发工程师。


总结与创造,学习与创新,搭建自我知识体系。

Github+jekyll+域名绑定

前言

       在脑子里面想了很久搭建自己的知识体系存储文章,方便当字典查看或者回顾知识点。有人说你这不就是博客吗,很多博客平台写不就行了?你说得对就是找一个写博客的地方,整理自我的知识体系。

  • 作为一个互联网从业者都想有一个自己的域名,空间,博客网站来记录这些;
  • 怕第三方服务网站数据丢失,博客网站也不是自己喜欢的样式;
  • 怕麻烦需要买空间,买域名,写 web 程序。

太麻烦了,知道现在 github 推出了静态站点并且支持 jekyll 服务,就搭建了这么一个博客网站,并且用这篇文章记录下来。

第一步:本地安装 jekyll

在终端输入

gem install jekyll

创建站点

jekyll new myblog

打开服务

jekyll serve

在浏览器查看脚手架搭建的 web 站点,浏览器中输入:
http://127.0.0.1:4000

如果一切正常,说明 jekyll 本地服务搭建成功。
生成相关文件夹/文件功能参考官网解释
https://www.jekyll.com.cn/docs/structure/

第二步:下载一个 jekyll 主题模板

       第一步完成后说明本地服务搭建成功,但是需要一个自己觉得好看的主题模板,本站的 jekyll 主题是: https://github.com/onevcat/vno-jekyll

clone 代码到本地

git clone git@github.com:onevcat/vno-jekyll.git

cd 代码到目录启动服务查看主题模板是否正常

cd vno-jekyll
jekyll serve

如果一切正常的话,说明下载自己喜欢的主题模板本地运行成功

第三步:GitHub 创建站点仓库

       实践结果分析:github+jekyll 最简单方式是 jekyll 编译生成的文件夹_site 站点上传到仓库是最简单的方式。
       所以我建立了两个 GitHub 仓库“ucself”和“ucself.github.io”,ucself 用于整个项目所有文件存放,ucself.github.io 用于静态站点服务。ucself 下的_site 文件夹配置为子仓库 ucself.github.io

在 ucself 仓库下执行

git submodule add git@github.com:Ucself/ucself.github.io.git _site

两个仓库就关联起来了。把 ucself.githu.io 配置为静态站点:
配置方式

第四步:本地编译上传 GitHub

当增加/删除/修改了博客后执行

jekyll serve

执行完成后,上传代码到 github。ucself、ucself.github.io 两个仓库都提交代码。
在浏览器中打开ucself.github.io即可浏览更新的博客了

第五步:绑定域名

绑定域名都是双向绑定的,在 github 上需要绑定,在域名提供商也需要绑定。

  • 在 github 设置中填写域名点击 save 即可。

配置域名

  • 在域名提供商配置:在你购买的域名中增加五项解析项目,以覆盖全部解析

配置域名

好了,到现在为止就可以使用自己的域名ucself.cn访问自己的博客了。

总结:

       这种搭建方式,也是很多众网友搭建方式,我也研究了好久,断断续续的去实践,中间遇到了很多问题,没有记录进来。当写这篇博客的时候,已经忘记了踩过多少坑和问题,这里就不罗列出来了。哦,对了如果要改变该主题某些功能,可以去研究一下官网的语法,作为互联网从业者也不难,本博客站点已修改了部分代码。

上一篇文章

MarkDown语法