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

相关推荐
徐小夕3 分钟前
pxcharts-vue:一款专为 Vue3 打造的开源多维表格解决方案
前端·vue.js·github
Moment31 分钟前
想要长期陪伴你的助理?先从部署一个 OpenClaw 开始 😍😍😍
前端·后端·github
我叫黑大帅1 小时前
前端如何利用 GitHub Actions 自动构建并发布到 GitHub Pages?
前端·面试·github
HelloGitHub3 小时前
这个年轻的开源项目,想让每个人都能拥有自己的专业级 AI 智能体
开源·github·agent
刘发财9 小时前
弃用html2pdf.js,这个html转pdf方案能力是它的几十倍
前端·javascript·github
sunny86516 小时前
Claude Code 跨会话上下文恢复:从 8 次纠正到 0 次的工程实践
人工智能·开源·github
ZengLiangYi21 小时前
Git Tag + Semver + CI/CD:从打标签到自动发布的完整实践
github
徐小夕1 天前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github
程序员鱼皮1 天前
离大谱,我竟然在 VS Code 里做了个视频!
github·aigc·ai编程