访问量
访客数

使用Hugo和Github Pages搭建自己的博客

2024.04.15 阅读量

搭建博客框架及对比

在众多的博客框架中,HugoJekyllHexo因其出色的性能和易用性而备受推崇。

特点 Hugo Jekyll Hexo
速度 极高 中等 较高
易用性 中等 高(熟悉JavaScript者)
社区 中等 活跃
语言 Go Ruby Node.js
部署 简单 简单(与GitHub Pages集成) 简单
插件/主题 丰富 非常丰富 丰富

Hugo:

  • 速度:极快的生成速度,适合需要频繁更新内容的用户。
  • 易用性:简洁的界面和Markdown支持,降低了学习成本。
  • 社区:虽不如Jekyll庞大,但足够应对常见问题。

Jekyll:

  • 速度:中等速度,适合定期更新内容的用户。
  • 易用性:Ruby语言基础,需要一定的学习曲线。
  • 社区:庞大的社区支持,丰富的插件生态。

Hexo:

  • 速度:较快的生成速度,满足大部分用户需求。
  • 易用性:Node.js环境,适合熟悉JavaScript的用户。
  • 社区:活跃的社区,不断更新的插件和主题。

使用Hugo搭建博客

这里选择了Hugo作为我的博客框架。它的极速和简约风格符合我的需求,让我能够专注于内容的创作。虽然JekyllHexo也有各自的优点,但Hugo更符合我的个人喜好。

Hugo是一个使用Go语言编写的快速、简单和灵活的静态网站生成器。 它使用起来非常简单,相对于Jekyll复杂的安装设置来说,Hugo仅需要一个二进制文件(hugo.exe)即可轻松用于本地调试和生成静态页面。 Hugo可以将你写好的MarkDown格式的文章自动转换为静态的网页。 除此之外,Hugo内置web服务器,可以在修改MarkDown文章之后切换到浏览器,页面会检测到更新并且自动刷新,呈现出最终效果,能极大的提高博客书写效率。

要开始使用Hugo,你需要先安装它。可以访问Hugo的官方网站下载对应操作系统的版本,并按照指南进行安装。安装完成后,你就可以创建你的第一个博客了。

Hugo的安装方式有两种,一种是直接下载编译好的Hugo二进制文件。另一种方式是获取Hugo的源码,自己编译。如果只是使用Hugo推荐第一种方式下载地址

如果Hugo官网,英文阅读起来有困难,可以参考:

安装好Hugo之后,就可以根据自己的喜好选择一个主题。可以访问Hugo Themes浏览各种主题。 每个主题下都有详细说明和示例,帮助你快速上手,这里以我的博客所选择的主题zozo为例。

  1. 进入hugo的站点目录运行下面的命令 git clone https://github.com/varkai/hugo-theme-zozo themes/zozo
  2. 进行博客配置,config.toml是网站的配置文件,主题提供了一个示例配置文件config.toml。配置文件中对大部分配置都有详细的注释说明,复制该文件到站点目录下,根据自己的情况修改即可;
  3. 在命令行窗口,使用命令hugo server运行博客,在浏览器地址栏输入localhost:1313来访问站点;

使用Github Pages部署博客

最初希望能将自己学习的知识记录下来,梳理自己的思想,于是开始搭建博客。 发布过一些其他博客网站,但是都用着不太舒服,最后选择了自己搭建,开始是自己买服务器,用halo搭建,随着时间的推移,当时囊中羞涩没有再续费,最后找到一个解决办法使用GitHub Page搭建。 直接把网站托管到GitHub Page上,这样一个免费、无限流量的博客系统就搭建完成了。同时通过GitHub你可以方便对博客文章进行管理和追踪。

如果在本地已经构建起来博客,就可以向GitHub推送,推送完成之后就可以通过username.github.io就可以访问得到你的博客了,这就完成了博客的部署。

需要注意的是,Github Pages需要在跟路径下创建一个docs文件夹,这个文件夹就是你的网站页面,我的是这样,docs里面保证根目录有一个index.html文件即可。 一般我都是在本地通过hugo -d .\docs\命令生成静态页面到docs文件夹下,然后将docs文件夹推送到GitHub

搭建自己的博客-01.png

一些博客其他功能参考链接:

发表评论