查看原文
其他

手把手!程序员如何从0到1搭建自己的技术博客

点击关注 👉 技术最TOP 2022-08-26

   作者:申城异乡人

   来源:https://www.cnblogs.com/zwwhnly

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

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

在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天左右),此过程会再写一遍博客分享。

---END---


推荐阅读:
效果炸裂!MotionLayout: 打开动画新世界大门 (part II)
怎样看待比自己强的人!
Android 11 将强制应用使用内置相机应用,最新回应来了!
肝完这篇 TCP/IP ,我就面试去!
效果爆炸!MotionLayout:为你打开动画新世界大门 (part I)
阿里排查Java问题工具清单!
Android 音视频开发-- 使用AudioRecord 录制PCM(录音),AudioTrack播放音频
Android10.0(Q) Launcher3 去掉抽屉效果!


更文不易,点个“在看”支持一下👇

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存