前言
总喜欢在自己闲得无聊的时候,折腾一些东西。最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.md文件就可以了,还不用花费精力去维护博客。以前用wordpress也搭过一个博客网站,但是感觉略过厚重,慢慢还是放弃了维护,所以这里的优势还是比较明显的。
其实github pages是直接支持jekyll主题的,如果不愿折腾,可以直接在创建工程的时候选择主题,或者看中其他jekyll主题,直接下载下来_post文件夹中,添加.md文件就可以更新博客了。如果这样说着,感觉不知所云了,就可以看看我以下记录的折腾步骤。
准备
- 相关工具
- jekyll相关链接
- 开启win10子系统ubuntu
- 开启windows功能,勾选适用于Linux的Windows子系统(Beta)
- 在win10里面开启,开发人员模式
- 在运行中输入bash,开启ubuntu
- 之所以,我不用windows直接安装jekyll,是因为官方并不建议在windows上安装,我也就没有安装,想着win10嵌入一个linux子系统,这时候正好可以用用
- 安装jekyll
- 可以根据jekyll文档,安装Ruby、RubyGems
- 也可以跟我一样,强制安装,在使用到什么的时候,ubuntu会提醒安装
- 然后输入jekyll,检测是否安装成功
步骤
- 前面给了jekyll的链接,一部分关于的jekyll后面就粗略的提一下,还有涉及的一部分详细的操作,不清楚的可能需要百度google一下,这里毕竟没有办法写清楚每一步的操作
- 在ubuntu中输入
jekyll new myblog
,创建自己的第一个博客,并输入cd myblog
进入myblog的目录,再输入jekyll serve
开始jekyll自带的服务,在浏览器中输入http://localhost:4000
,即可本地访问自己的博客 - 当然,默认的主题可能并不符合你的需求,有兴趣的可以自己再折腾一个自己的个性主题出来,jekyll的目录结构在文档中是有介绍的,同时也可以在上面的主题链接中去找自己喜欢的主题,下载下来后,可以继续
cd 主题的文件夹中
,然后再输入jekyll serve
,开启服务,同上在本地测试 - 操作到这里,都希望能将自己的博客在挂在网上让大家都能访问,但是租用服务器之类的,就显得比较麻烦,不仅要定时维护,还得定时缴费。这里我们就借助github来免费托管我们的网站,也是我们开始准备做静态网站的原因。
- 在github创建自己的github pages工程,官方也有提供详细教程https://pages.github.com/,并设置好后台设置
github.jpg - 然后使用git工具将你本地的网站上传到github新建的工程上,github会自动将你的文件解析为一个静态网站
- 然后根据上面的提示输入链接就可以访问自己的博客,而https://coding2233.github.io/就是我也才新建的博客地址了
- 当然,如果你不喜欢github提供给你的二级域名,也可以自己购买的一个域名,然后做一个简单的域名解析就可以替换掉你当前的域名,其实一般的域名都还是很便宜的,几百块可以用好几年。我这里就懒得去买了,域名备案什么的才是最麻烦的。
-
然后自己在本地可以用md写一篇博客,放在_posts文件夹中,再上传到github上你的博客就自动更新了,命名格式之类就详见jekyll文档了
vscode_md.jpg - 在国内使用github最大的一个缺点访问速度慢,不过国内也有很多代码托管网站,比如码云、coding、taocode等应该也是支持的,需要的可以自己搜索一下
- 回到最开始说的问题,如果你不需要本地调试,可以直接下载一个jekyll的主题上传到github上,然后在_posts文件中更新文章也是可以的,这样也不用安装jekyll的环境了
踩坑
- 无法打开新下载主题的问题
I just set up Jekyll on my Linux machine and installed (I think) all the necessary dependencies. When I try to run jekyll serve or jekyll build, I get the error displayed below. However, if I run jekyll new "test" to create a new site, it works just fine.
- 解决方案
gem install jekyll-sitemap
网友评论