折腾了半下午搞定了github.io主页,记录一下

时间:2024-04-06 17:24:52

阅读本文需要大约3分钟

为什么要使用GitHub Page搭建博客?

对于我的个人博客,我一直没有停下折腾的脚步,最早的博客是大二时搭在腾讯云学生服务器上,后面也尝试了CSDN,cnblog,简书,掘金等博客平台,下面是我做的一个简单地分析对比:

博客平台简单分析对比

  1. 几大平台中CSDN的SEO做的最好,访问量最多的能有7000+ https://blog.csdn.net/Mr_Zhang…

  2. 在博客平台发布文章需要审核,审核时长不定,且有一定的几率会不过审,自己搭建的博客则无需审核机制。

  3. 自己搭的博客是发布在的自己的腾讯云云服务器上的,网址: zhangnlei.cn。博客服务需要自己发布,云服务器需要定期维护,对个人来说是需要不小的时间成本和金钱投入。(我的博客服务是GitHub上找的一个开源项目,删删改改,为自己所用)

  4. 因为网页的编辑器不是很稳点,我写博客一般都是先在本地写好Markdown,然后在贴到博客的编辑器中,再添加标签、分类等,最后再发布。需要很多重复工作。

综上:自己的服务器有一定的服务维护成本,博客平台编辑体验不佳、*度不高。

所以决定尝试使用GitHub Page+Hexo搭建了自己的博客,优点有以下:

使用GitHub+Hexo搭建博客的优点

  1. 无需维护服务器,服务是挂载在github的服务器上,由github维护(现由微软收购),维护成本几乎为0,且足够稳定。
  2. *度高,发布的内容随心而定,无需受平台的限制。
  3. 编辑体验好,无需反复搬运文本,打标签等,搭配软件Typora在本地编写MarkDown,博客编写完后一行命令一秒发布,契合程序员的操作体验。

当然也有缺点:对非开发者来说需要一定的门槛,可能连GitHub是什么都不知道。

好下面简单介绍一下我使用到的工具和服务:

使用到的工具和服务

  1. Hexo是一个非常成熟的博客框架,可以根据用户编辑的Markdown文件生成静态的htnl文件。当然用户可以选择自己喜欢的主题插件安装,以生成优美博客界面。

  2. GitHub提供了一个GitHub Page的功能,每个用户都可以有一个属于自己域名的静态页面。

  3. Typora软件,本地编写md文件,实时编写实时渲染,使用体验极佳。

于是使用Hexo + GitHub Page便可搭建一个免费的个人博客,搭配Typora在本地编写MarkDown,舒适度不要太高。

有了上面的工具做基础,实现起来就很简单啦,具体的步骤就不详细说明了,网上一搜一大把。

这里提供几个搜索的关键词:github.io/github page/hexo/个人博客

安装过程并非一帆风顺,好在hexo技术和社区非常成熟,官方有文档、网络上也有非常多帖子。

成果展示

我选用的Hexo主题是Vue风格的vexo主题,干净简单。本人比较喜欢Vue的主题,Typora用的也是类Vue的主题。

上一张博客zhangnlei.github.io的效果图:

折腾了半下午搞定了github.io主页,记录一下

下图为Typora软件截图:

折腾了半下午搞定了github.io主页,记录一下

是不是都很VUE。哈哈

写在最后

以后会在这里记录一些心情、读书笔记、编程技术分享之类的文章。

感谢阅读。