最好的学习方式是思考和分享,写代码的过程中总是希望有个自己的博客记录和分享学习过程。
查到GitHub+Hexo是目前主流的博客搭建方式、参考多个建站资料帖子后,基于Mac系统进行了博客搭建,同时将搭建过程进行了完整记录,并添加了建站过程中遇到的问题及解决方法。
【背景篇】
1. 什么是Hexo
Hexo是一个快速、简洁且高效的轻量级博客框架。
它基于Node.js运行,使用Markdown解析文章,渲染生成HTML静态页面,便于静态部署和加载。
Hexo不依赖于数据库,搭配GitHub Pages,连服务器都可以不需要,零成本搭建博客。部署到GitHub Pages的过程十分简洁,一条指令即可完成。
同时,Hexo的社区十分活跃,贡献了大量插件和主题,十分容易进行集成。
2. 什么是GitHub Pages
GitHub Pages是一个免费的静态网站托管服务。它有两种建站模式,一种是'user or organization site',另外一种是'Project site'。'user or organization site'每个GitHub账号只能有一个,但是'Project site'可以有多个,一般用来展示项目。我们搭建博客使用的是'user or organization site',它可以提供博客的写作、发布、修改等相对静态的功能,同时还支持博客绑定自己的域名。
【准备篇】
1. 安装依赖软件Node.js及Git
下载Node.js和Git下载后,一直点下一步进行安装,在安装Node.js时,会同时安装npm。
下载地址:
Node.js:https://nodejs.cn/download/
Git:https://git-scm.com/
安装完成后,确认软件是否安装成功。打开Termimal终端,输入下面如果可以正常显示软件版本,则安装完成。
$ node --version
v18.15.0
$ npm --version
9.5.0
$ git --version
git version 2.39.0
2. 注册GitHub并创建仓库
2.1 注册GitHub
如果没有GitHub账号,那么需要登陆官网注册新用户。注册完成后记录注册的用户名和邮箱,后续会用来设置git的用户名和邮箱。