最简单的hexo搭建并部署到github上

本文详细介绍了如何使用Hexo静态博客系统搭建个人博客,并将其部署到Github上。包括环境准备、Hexo安装与配置、本地服务启动及通过Github进行远程部署的全过程。

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

一.搭建Hexo博客

什么是Hexo

  • Hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在Github和Heroku上。并且有很多人为其制作了很多优秀的主题(theme),你可以根据自己的喜好进行设置。

  • Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

注意:

因为大多数都是widons版本,所以题主Windows版本,其他版本和widons差不多,有些是需要一些权限的,所以实践起来并没有很大的差别。

环境准备

前往Git官网下载对应的版本,后期需要Git到远程或者下一些资源,所以要用git。

前往Node.js官方下载网站,Hexo是基于Node.js的,所以要安装Node环境。

关于上面的安装教程网上很多资料,题主就不多说了(可以百度)。

  • 安装Hexo

先创建一个文件夹存放我们的博客文件(如果不满意或者第一次搭建,感觉博客不喜欢就直接把这个文件夹删掉重来)

自己可以先建一个文件夹比如:F:\blog\Hexo

然后在F:\blog\Hexo目录下安装hexo

npm install -g hexo-cli

安装完成后可以用hexo -v查看hexo版本
hexo版本查看
下来可以初始化博客:

hexo init (初始化博客)

启动服务

hexo s (server启动服务)

然后在浏览器中输入 localhost:4000 就可以看到自己的博客了 Hexo 便安装完成了

二、把hexo部署到github上

  • 注册Github账户

前往Github网站,注册一个新用户。用邮箱注册的一定前往邮箱去验证邮件。

  • 创建一个新的repository

在自己的Github主页右上角,创建一个新的repository。比如我的Github用户名为lteffp,那么我创建的repository的名字应该是 lteffp.github.io
创建好如下图:仓库名和用户名一致
将本地的文件部署(上传)到Github账户中
编辑本地Hexo目录下的文件_comfig.yml,在最后添加如下代码(在你修改时,把 lteffp 要替换成你自己的用户名)
复制仓库的URL
更改hexo目录下的_comfig.yml文件:
更改hexo的conf配置文件

deploy:
	type: git
	repository: https://github.com/lteffp/lteffp.github.io.git			
	branch: master
  • .yml文件对格式规范要求很严格,type: repository: branch: 前面有两个空格,冒号后面都有一个空格。

安装一个插件用于把hexo部署到github上

npm install hexo-deployer-git --save

执行以下指令即可完成部署:

 hexo g (hexo generate --生成hexo)
 hexo d(hexo deploy --部署到github)

如果你是windows用户,那么当你执行$ hexo deploy命令的时候,可能会先后出现提示框让你输入你的Github用户名和Github密码,只要输入正确,上传就没有问题。

现在我们的博客已经在Github上面部署成功了,可以在浏览器访问lteffp.github.io试试了。这里只是简单的把hexo部署到github上(好多细节还没有完成主题等),参考了一些资料,还有好多不足希望可以希望大家见谅。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值