hexo博客系统搭建并部署到github教程

幽默的小刘吖
2025-05-17发布

搭建个人博客不仅可以展示个人作品与专业成果还记录成长历程,分享知识技术,打造一个专属个人博客网站。所以今天教大家hexo博客系统搭建并部署到github的教程,

程序介绍

Hexo是一个快速、简洁且高效的博客框架程序。Hexo使用Markdown标记语言解析文章,在几秒内,即可生成一个好看的静态博客网站,无需数据库,纯静态,迁移搭建非常简单
图片[1] - hexo博客系统搭建并部署到github教程 - 幽默的小刘吖

安装教程

首先先来安装git,大家可以前往官网自行下载,推荐下载最新版的git
点击这里进入git官网
图片[2] - hexo博客系统搭建并部署到github教程 - 幽默的小刘吖
然后我们来安装Node.js,Windows可以通过nvs或者nvm安装,Linux建议从NodeSource安装。
图片[3] - hexo博客系统搭建并部署到github教程 - 幽默的小刘吖
如果以上方法不会搞,可以去Node.js官网下载

Git和Node.js安装完成后,就可以使用npm安装Hexo博客了

sudo npm install -g hexo-cli

通过终端cd命令进入相应的目录,然后创建文件夹,这里的blog可以自定义

hexo init blog

然后找到blog文件夹,在文件夹中执行命令

npm install

这时hexo博客就已经初始化了,初始化后,您的项目文件夹将如下所示:

├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

执行如下命令,开启本地Hexo博客

hexo s

接着我们在浏览器地址栏输入http://你的ip地址:4000,这时候hexo就搭建好了
图片[4] - hexo博客系统搭建并部署到github教程 - 幽默的小刘吖

接下来教大家如何将hexo部署到github上面。
图片[5] - hexo博客系统搭建并部署到github教程 - 幽默的小刘吖

我们先打开github官网,登录上你的账号,没有账号选择注册一个

然后新建一个存储库,名字叫:xxxx.github.io,xxxx处填你的github用户名,填其他均不可以,比如你的用户名是blog,那么这里就填blog.github.io。

勾选Initialize this repository with a README,然后完成创建

把GitHub Pages功能开启

接着我们修改hexo的全局配置文件。找到blog这个文件夹中的_config.yml文件,在最底部加入以下代码:

deploy:
  type: git
  repository: https://github.com/xxx/xxx.github.io.git
  branch: master

把repository里的xxx全部改成你github的用户名。当然直接复制地址栏也可以。

然后配置身份信息,终端输入以下命令,自已修改配置

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

然后在blog文件夹中执行生成静态网站地址

hexo g

在输入命令启动

hexo d

这时候输入你github的用户名密码。完成上传之后,通过http://你的用户名.github.io/访问即可

后续可以自已把域名修改成自已的

喜欢就支持一下吧
点赞 2 分享 赞赏
评论 抢沙发
OωO
取消