程序员如何从0到1搭建自己的技术博客(Jekyll+GitHub Pages)

释放双眼,带上耳机,听听看~!

记得刚毕业参加工作时,每天早上到公司后,都会逛逛博客园,看一下各位大牛前辈写的文章,也许是兴趣使然,当时就特别想搭建一个属于自己的独立的技术博客。

时间就是过的这么快,转眼间这么多年过去了,我的这个梦想却一直未付诸行动,也就一直没有实现。

在2018年底接近过年的时候,我的这个想法又特别的强烈,于是就花了很多时间去研究搭建个人技术博客的方法,功夫不负有心人,终于在2019年初实现了自己的这个梦想。

在这个过程中,收获了很多,也看到了很多大牛的优秀的技术博客,本篇文章就记录下我的技术博客是如何从0到1搭建起来的,总结下自己的成果,也希望能帮助到有相同梦想的你。

1.原来的认知

原来我以为搭建一个个人博客至少需要完成以下几项工作:

  • 博客构思(比如博客做成什么样子,后台如何维护,登录,注册等)
  • 编码(构思完成后,如何编码实现这些功能)
  • 技术学习(比如要学习前端技术以及后端技术,全栈的节奏有没有)
  • 购买域名,服务器,数据库实例(一大笔花销有没有)
  • 部署(这个倒没有难度,但被前面的步骤卡住了,哈哈)

基于这个认知,我的博客梦想一拖再拖,当时注册了一个博客园账号,偶尔把工作中遇到的问题的解决思路,写成文章发布到博客园,但写的很少。

2.认知被打破

在2018年底的时候,搭建个人博客的想法变得非常强烈,因为自己意识到写博客对自己的知识体系的构建非常重要,于是在网上找搭建个人博客的方法,然后发现了大牛纯洁的微笑

的个人博客网站的一篇博客《技术人如何搭建自己的技术博客》,发现原来可以借助于Jekyll+GitHub Pages快速搭建一个个人博客,甚至连域名与服务器都不需要,直接把代码托管给GitHub,再简单配置一下即可。

3.从0到1搭建博客

基于此篇博客,我按照如下步骤一步一步初步搭建起了自己的个人博客(中间也是踩了一些坑并含泪解决):

1.打开https://github.com/ityouknow/ityouknow.github.io,点击Fork按钮复制一份到自己的仓库(需要一个GitHub账号,没有的话注册一个)

过一会,你的仓库里就能看到。

2.重命名仓库名称

3.删除或修改CNAME文件

假设你不需要自定义的域名,可以将根目录的CNAME文件删除。

如果需要自定义的域名,就修改成自己的域名,如我的域名是:www.zwwhnly.com

4.设置GitHub Pages

打开Settings,找到GitHub Pages,现在默认就是从master分支构建,

如果你不需要设置自定义域名,那么默认的域名就是{github username}.github.io,如我的就是zwwhnly.github.io,如果你需要自定义域名,可以在如下图所示位置设置:

5.修改README.md

修改该文件的内容为自己的,这个文件的内容会展示在仓库下方

6.修改_config.yml

修改该文件里,网站的标题,github账号,仓库地址,网站的域名,邮箱等信息,如我当时的修改大概如下:

此时,如果你不需要自定义域名的话,直接使用默认的域名(我的是zwwhnly.github.io)就可以访问了。

如果自定义了域名,就需要添加域名解析,如我的域名是在万网买的,添加的解析如下:

添加完解析,过几分钟后,输入自己的域名http://www.zwwhnly.com,就可以访问了,如下所示:

5.个人信息修改

感觉很简单,有没有,不过此时博客中的内容都是原作者的,Link和About页面的信息也不是自己的,可以先修改下以下几点,剩余的就看你自己想如何修改了:

  1. 删除_posts文件下的所有博客
  2. 修改about.html页面信息为自己的信息
  3. 修改link.html页面内容

6.如何发布博客

后续写博客使用Markdown语法,写完之后将文件放到_posts文件夹下,然后提交代码到GitHub,因为GitHub Pages内部,需要使用Jekyll将你提交的文件编译成最终的html,因此需要稍微过几分钟,才能在网站看到你新发布的博客。

很方便有没有,但是也有一些缺点,比如访问很不稳定(毕竟用的免费的服务器),动不动就罢工:

而且百度收录不好,不好使用百度统计(是不是百度和GitHub有过节,哈哈)

作为一个有追求的程序员,实在无法忍受这两点,于是趁着阿里云做活动购买了一台服务器,想把这个博客部署到自己的服务器上,谁知过程相当痛苦(搞环境花了3天左右),此过程会再写一遍博客分享。

7.参考链接

技术人如何搭建自己的技术博客

人已赞赏
随笔日记

数据库自动收缩带来的严重问题

2020-11-9 4:05:17

随笔日记

Golang设计模式—简单工厂模式(Simple Factory Pattern)

2020-11-9 4:05:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索