利用 hexo 搭建 github page

默认我们已经安装了
node.js
git

点击就可以下载啦

然后我们在本地新建一个文件夹,我取的名字是Hexo_blog

然后在命令行处输入 或者 右键 点击 git bash here

npm install -g hexo-cli

下一步进行Hexo 初始化和本地预览

初始化并安装所需组件:

hexo init # 初始化

npm install # 安装组件

完成后依次输入下面命令,启动本地服务器进行预览:

hexo g # 生成页面

hexo s # 启动预览

然后我们访问 http://localhost:4000/ 就可以预览了(插个题外话,如果手机和电脑连接同一个网络,可以将 localhost 替换为电脑的ip,然后手机也可以访问啦)

效果如上

出现 Hexo 默认页面,本地博客安装成功!

本地博客测试成功后,就是上传到 GitHub 进行部署,使其能够在网络上访问。

首先安装 hexo-deployer-git:

npm install hexo-deployer-git --save

然后修改 _config.yml 文件末尾的 Deployment 部分,修改成如下:

deploy:

type: git

repository: git@github.com:用户名/用户名.github.io.git

branch: master

完成后运行 hexo d 将网站上传部署到 GitHub Pages。

完成!这时访问我们的 GitHub 域名 https://用户名.github.io 就可以看到 Hexo 网站了。

相关推荐
历程里程碑5 小时前
4 Git远程协作:从零开始,玩转仓库关联与代码同步(带实操代码讲解)
大数据·c++·git·elasticsearch·搜索引擎·gitee·github
天若有情6736 小时前
自己开发一款极简 Vanilla 原生前端框架,已开源上架 NPM & GitHub
前端框架·npm·github
fthux7 小时前
用了 GitZip 这么多年,我动手做了一个「Pro」版
人工智能·开源·github
yuanyuan2o211 小时前
Git merge 的几种不同模式
git·github
AC赳赳老秦13 小时前
财务报销自动化:用 OpenClaw 自动识别发票信息、填写报销单、校验报销规则,减少手工操作
运维·网络·eclipse·github·visual studio·deepseek·openclaw
无限进步_13 小时前
二叉搜索树完全解析:从概念到实现与应用场景
c语言·开发语言·数据结构·c++·算法·github·visual studio
@_@ prince @_@18 小时前
Git 命令大全(带详细说明)
git·gitee·github·visual studio
zhangfeng113319 小时前
平替 Claude Code 类似的开源项目 — GitHub Star 前十排名
开源·github·claude code
DogDaoDao19 小时前
【GitHub】Warp 终端深度解析:Rust + GPU 加速的 AI 原生终端开源架构
人工智能·程序员·rust·开源·github·ai编程·warp