搭建静态博客:hexo+github

本文详细介绍了如何使用Hexo轻量级博客框架搭建个人博客的全过程,包括环境搭建、本地服务器启动、博客推送至GitHub Pages及自定义域名设置等关键步骤。

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

  经过一段时间的折腾,第一个静态博客终于建了起来。相比wordpress的庞大臃肿,博主更喜欢hexo这个轻量级的博客框架。在这里记录下整个搭建过程,希望对大家也能够有所帮助。废话不多说了,开始吧。

定义

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

环境搭建

  1. 安装Node.js
    Windows环境下选择.msi安装包的话,一路回车直到安装模式选择框,选择Online documentation shortuts,剩下的回车安装即可。完成后在命令行中输入“path”,检查下环境变量中是否已包含Node.js。Windows环境下选择.msi安装包的话,一路回车直到安装模式选择框,选择Online documentation shortuts,剩下的回车安装即可。完成后在命令行中输入“path”,检查下环境变量中是否已包含Node.js。
  2. 安装Git
    Windows下安装Git,博主这里推荐下这个安装包 https://gitforwindows.org/
  3. 安装hexo
    Git Bash下运行以下命令
    npm install -g hexo-cli
  4. 初始化hexo
   hexo init blog  
   cd blog  
   npm install
  1. 启动服务器
    到这里,本地搭建hexo博客的工作已经完成了。

博客推送

  1. 在github上创建一个仓库,例如我的:minghaohao.github.io
  2. 安装hexo-deployer-git插件,打开Git Bash,在站点目录下运行
    npm install hexo-deployer-git --save
  3. 添加SSH Key
    ssh-keygen -t rsa -C "邮箱地址"
    密钥创建成功后,计算机自动将其保存在了这里:C:\Users\Administrator.ssh\id_rsa.pub,
    复制粘贴到 New SSH Key即可。
  4. 测试能否于github中建立的仓库连接
   ssh -T git@github.com
   yes
  1. 修改站点配置文件_config.yml(以我的为例)
  deploy:
  type: git
  repo: git@github.com:minghaohao/minghaohao.github.io.git
  branch: master
  1. 推送到github pages
   hexo clean
   hexo g
   hexo d

稍等片刻,访问网址(以我的为例)https://minghaohao.github.io
7. 添加自定义域名(以我的为例)

  • 打开仓库的设置,在Custom domain下,添加自定义的域名,保存后并点击强制转https
  • 回到本机,在站点目录的source文件夹下,创建并打开CNAME.txt,写入自定义的域名
  • 等待十分钟左右,访问自定义的域名。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值