如果你也想创建一个博客又不希望投入太多时间在技术管理上,那么Hexo是你的不二选择。作为一款轻量型的框架,Hexo能够快速渲染上百个界面并且支持主流的 Markdown格式。你可以将它部署在自己的服务器上,也可以部署在Github等其他平台。

这次我将以 Hexo+GithubPage 教你如何免费搭建自己的博客。

安装Node.js

在官网Node.js (nodejs.org下载对应版本并执行安装程序。

image-20230803165056027

进入CMD命令行窗口,输入以下命令查看nodejs版本,如果显示呢版本信息则安装成功

node版本:

1
node -v

npm版本:

1
npm -v

安装Git

安装

在官网Git下载对应版本并执行安装程序。

你可以一路回车,但是务必勾选Git Bash Here选项,因为这将允许你通过右键菜单打开Git Bash

配置用户名及邮箱

桌面右键 -> Git Bash Here,在弹出窗口中输入以下命令,注意替换你的用户名为你Github实际的用户名,替换xxx@xx.com为你Github邮箱。

1
git config --global user.name "你的用户名"
1
git config --global user.email xxxx@xx.com

输入以下命令,如果能看到自己用户名及邮箱即配置成功。

安装Hexo

输入以下命令安装Hexo

1
npm install -g hexo-cli

输入以下命令查看 hexo 版本

1
hexo -v

初始化博客

1
hexo init 你的博客名字

随后输入命令进入博客目录

1
cd 你的博客名字

执行以下命令

1
npm install

完成之后,在你刚才的那个文件夹目录下应该会生成数个文件夹及文件。

  • node_modules | 存放依赖包
  • public | 存放生成的页面
  • scaffolds | 存放文章模板
  • source | 存放你写的文章,分类,标签
  • themes | 存放主题
  • _config.yml | hexo配置

此时输入以下命令
生成文章页面

1
hexo g

运行服务

1
hexo s

在浏览器输入 localhost:4000 就可以看到你生成的页面了。

你也可以指定端口

1
hexo s -p 5000

配置Hexo

使用 VS Code 打开_config.yml。

这里你可以修改变量对应的值来自定义你的博客,比如title, subtitle, Author等。

部署至Github

创建仓库

生成密钥

部署到Github

常见问题

Note

This is a note content.
Tip

This is a tip content.
Warning

This is a warning content.