利用 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 网站了。

相关推荐
YJlio18 分钟前
PsPing 学习笔记(14.6):直方图视图——可视化延迟分布与抖动
开发语言·笔记·python·学习·eclipse·pdf·github
QT 小鲜肉34 分钟前
【Linux命令大全】002.文件传输之uustat命令(实操篇)
linux·运维·服务器·笔记·github
QT 小鲜肉1 小时前
【Linux命令大全】003.文档编辑之ed命令(实操篇)
linux·运维·服务器·chrome·github
未来之窗软件服务1 小时前
幽冥大陆(九十 )github 自动化打包JS对接IDE —东方仙盟练气期
javascript·自动化·github·仙盟创梦ide·东方仙盟
CoderJia程序员甲4 小时前
GitHub 热榜项目 - 日榜(2026-1-3)
git·ai·开源·llm·github
卷福同学15 小时前
2025年终总结:再次选择、沪漂、第一次演讲、相亲无果
后端·程序员·github
散峰而望1 天前
【算法竞赛】C++入门(三)、C++输入输出初级 -- 习题篇
c语言·开发语言·数据结构·c++·算法·github
Jenlybein1 天前
Git 仓库过滤敏感信息,通过配置 clean/smudge 过滤器的方式
前端·后端·github
CoderJia程序员甲1 天前
2025年度总结之-如何构建 2025 专属的 GitHub AI 项目情报库
人工智能·ai·大模型·github·ai教程
Calebbbbb1 天前
如何用 GitHub 下载单一目录 / 子目录
笔记·github