使用Hexo+GitHub搭建免费个人博客之路

本文详细介绍了如何使用Hexo在GitHub上搭建个人博客的过程,包括账号准备、环境配置、仓库创建、代码生成与预览、插件安装及网站部署等关键步骤。

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

初始准备工作如下

  • 有一个github账号
  • 安装了node.js、npm
  • 安装了git for windows(或者其它git客户端)

创建仓库

仓库命名使用你GitHub的用户名+“github.io”,eg:“tom.github.io”(如果你没有用自己GitHub的用户名,那你就麻烦了)

安装Hexo并初始化

**注意:**以下命令都是在 git bash 中运行的

$ npm install -g hexo

新建一个文件夹,用于存放hexo初始化代码

$ cd /f/Workspaces/hexo/  #进入你新建的文件夹
$ hexo init  #初始化hexo

目录结构如下:
[外链图片转存失败(img-NkMMmvFq-1565614832831)(/images/hexo_img/blog1.png "目录")]

执行下面的命令后会在public文件夹下生成相关HTML文件

$ hexo g # 生成静态文件
$ hexo s # 启动本地服务

hexo g的全拼是 hexo generate
hexo s的全拼是 hexo server

此时你可以通过访问http://localhost:4000 来一览你的博客

发布到GitHub

安装一个插件

$ npm install hexo-deployer-git --save

配置根目录的_config.yml中有关deploy部分:

deploy:
  type: git
  repository: git@github.com:liuxianan/liuxianan.github.io.git #注意这里添加的地址是ssh类型的
  branch: master

部署网站命令

$ hexo d #全拼是hexo deploy

开启你的第一篇博客

$ hexo new 'my-first-blog'

注意:所有博客文章都存放在source/_posts中,在该目录下找到新创建的文件就可以编辑了

hexo s -g #生成并本地预览
hexo d -g #生成并上传

*注意问题
1.在部署网站时报错–找不到远程仓库
主要看自己是否配置过SSH key,如果没有则需要进行配置

参考网址:https://www.cnblogs.com/liuxianan/p/build-blog-website-by-hexo-github.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值