使用Hexo搭建自己的博客

Hexo是一款基于Node.js的博客框架,支持Markdown语法和一键部署到GitHubPages。本文详细介绍了如何准备环境,初始化Hexo项目,配置SSHkey,选择及应用主题,以及部署到GitHub的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

什么是Hexo?

Hexo是一款基于Nodejs的,快速、简洁且高效的博客框架。具有丰富的插件和主题,具有超快的速度。支持Makedown语法,可以方便快捷的编写博客文档。同时支持node命令,可以一键部署到GitHub Pages, Heroku 或其他平台。

Hexo只是众多构建工具中的一种,我们可以通过这样的工具快速构建属于我们自己的博客,不仅可以设置各种各样的个性化背景风格,还能增设专属的博客功能。

如果没有私人的服务器,我们可以选择现在github上搭建,后续有购买服务器可以直接将全部内容都转移到服务器中。以下将介绍如何在github上用Hexo搭建博客。

一、准备工作

正所谓磨刀不误砍菜工,事先做好准备工作,对于我们快速的完成博客的搭建至关重要。

安装git,以及node.js

git

node.js

创建Github仓库

1.打开github并登录(没有账号就注册);

2.选中Repositories栏,然后点击右侧的New按钮创建;

3.新建一个名为 你的用户名.github.io 的仓库。

配置SSH key

git config --global user.name "xxx" // 你的github用户名,非昵称
git config --global user.email  "xxx@qq.com" // 填写你的github注册邮箱
ssh-keygen -t rsa -C "你的邮件地址"

1.然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,用记事本打开并复制里面的内容
2.打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:
3.将刚复制的内容粘贴到key那里,title随便填,最后保存。

ssh -T git@github.com // 注意邮箱地址不用改

如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!

全局安装HEXO

使用下载好的node.js自带的包管理工具npm全局下载

npm install -g hexo

初始化项目并运行
安装好我们的搭建工具–Hexo ,找一个自己喜欢的位置,构建一个hexo项目。

hexo init

// 本地运行
hexo s

更换主题皮肤

正常情况下,在我们没修改访问地址的时候,直接访问localhost:4000 就可以看到我们的博客。
默认版本的hexo博客其实并不养眼,推荐一下我使用的主题皮肤。

# 在根目录的themes文件下克隆主题
git clone https://github.com/litten/hexo-theme-yilia yilia

# 修改根目录下的文件 _config.yml 配置
theme: yilia

上传到github

首先,配置一下我们的根目录的_congif.yml文件找到deloy字段并填写完整,复制黏贴就完事。

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/huangzhixin2019/huangzhixin2019.github.io.git
  branch: master

另外上传到github我们还需要一个工具—- 叫辆卡车把砍好的柴送回家里去hexo-deployer-git

npm install hexo-deployer-git --save

多余的东西我们需要用clean先清除一下再deploy上传。

hexo clean
hexo deploy

大功告成,没告成的就在搞一下。先访问一下看看。

浏览器访问:https://xxxxx.github.io/ 即可看到效果。

友情提醒

至此,我们的博客就已经搭建好了。但是要注意的是,博客的地址必须是我们github第一个仓库的地址,否则可能会无法访问。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值