在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站

前言

总喜欢在自己闲得无聊的时候,折腾一些东西。最近喜欢上了markdown的方便简洁,就想借助jekyll和github pages来搭建一个静态博客网站,然后只需要跟平时写代码一样,上传自己的.md文件就可以了,还不用花费精力去维护博客。以前用wordpress也搭过一个博客网站,但是感觉略过厚重,慢慢还是放弃了维护,所以这里的优势还是比较明显的。
其实github pages是直接支持jekyll主题的,如果不愿折腾,可以直接在创建工程的时候选择主题,或者看中其他jekyll主题,直接下载下来_post文件夹中,添加.md文件就可以更新博客了。如果这样说着,感觉不知所云了,就可以看看我以下记录的折腾步骤。

准备

  • 相关工具
    • git以及了解git相关的使用
    • github以及了解github相关的使用
  • jekyll相关链接
  • 开启win10子系统ubuntu
    1. 开启windows功能,勾选适用于Linux的Windows子系统(Beta)
    2. 在win10里面开启,开发人员模式
    3. 在运行中输入bash,开启ubuntu
    4. 之所以,我不用windows直接安装jekyll,是因为官方并不建议在windows上安装,我也就没有安装,想着win10嵌入一个linux子系统,这时候正好可以用用
  • 安装jekyll
    • 可以根据jekyll文档,安装Ruby、RubyGems
    • 也可以跟我一样,强制安装,在使用到什么的时候,ubuntu会提醒安装
    • 然后输入jekyll,检测是否安装成功

步骤

  1. 前面给了jekyll的链接,一部分关于的jekyll后面就粗略的提一下,还有涉及的一部分详细的操作,不清楚的可能需要百度google一下,这里毕竟没有办法写清楚每一步的操作
  2. 在ubuntu中输入jekyll new myblog,创建自己的第一个博客,并输入cd myblog进入myblog的目录,再输入jekyll serve开始jekyll自带的服务,在浏览器中输入http://localhost:4000,即可本地访问自己的博客
  3. 当然,默认的主题可能并不符合你的需求,有兴趣的可以自己再折腾一个自己的个性主题出来,jekyll的目录结构在文档中是有介绍的,同时也可以在上面的主题链接中去找自己喜欢的主题,下载下来后,可以继续cd 主题的文件夹中,然后再输入jekyll serve,开启服务,同上在本地测试
  4. 操作到这里,都希望能将自己的博客在挂在网上让大家都能访问,但是租用服务器之类的,就显得比较麻烦,不仅要定时维护,还得定时缴费。这里我们就借助github来免费托管我们的网站,也是我们开始准备做静态网站的原因。
  5. 在github创建自己的github pages工程,官方也有提供详细教程https://pages.github.com/,并设置好后台设置
    这里写图片描述
  6. 然后使用git工具将你本地的网站上传到github新建的工程上,github会自动将你的文件解析为一个静态网站
  7. 然后根据上面的提示输入链接就可以访问自己的博客,而https://coding2233.github.io/就是我也才新建的博客地址了
  8. 当然,如果你不喜欢github提供给你的二级域名,也可以自己购买的一个域名,然后做一个简单的域名解析就可以替换掉你当前的域名,其实一般的域名都还是很便宜的,几百块可以用好几年。我这里就懒得去买了,域名备案什么的才是最麻烦的。
  9. 然后自己在本地可以用md写一篇博客,放在_posts文件夹中,再上传到github上你的博客就自动更新了,命名格式之类就详见jekyll文档了
    这里写图片描述
  10. 在国内使用github最大的一个缺点访问速度慢,不过国内也有很多代码托管网站,比如码云、coding、taocode等应该也是支持的,需要的可以自己搜索一下
  11. 回到最开始说的问题,如果你不需要本地调试,可以直接下载一个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

猜你喜欢

转载自blog.csdn.net/qq992817263/article/details/76972762
今日推荐