GitHub+hexo如何搭建个人博客,这篇文章帮你快速搞定
作为一个IT从业者,怎么能没有自己博客呢?虽然有很多平台可供使用,但总有太多的限制,有了自己的网站,就方便很多了。
通过hexo+github,搭建博客框架。
一、介绍
1.GitHub Pages
大家都知道,GitHub 是各种开源及私有软件项目的托管平台,目前已经拥有超过千万的开发者用户,使用 GitHub Pages 可以把我们托管到 GitHub 上的静态网站展示出来,而且还良心地给我们提供了一个免费的 HTTP 的 github 二级域名。我们通过 github 可以完全免费的享受从建站到 SSL 的全部服务,而且访问速度也不赖。要说明一点的是,只限纯静态网站(仅 html + css + js),对于写博客来说,已经完全够用了。
2.Hexo
Hexo 是一个快速、简洁且高效的博客框架,使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页,然后发布到 github 中,即可在我们的网页中展示出来。
二、创建个人仓库存放网站资源
- 注册GitHub
- 登录后,点击New repository创建新仓库,仓库名为:用户名.http://github.io 这里的用户名必须用你的GitHub帐号名称,否则后面会报错。
三、操作步骤
1.安装node.js
- 到官网https://nodejs.org/,下载 Node.js 的安装包,根据自己的系统来选择;
- 下载后直接双击按提示安装即可,会自动安装好npm ,并配置好环境变量;
- 安装完成后,打开cmd命令行窗口,输入node -v和npm -v 检查是否安装成功。
2.安装并配置Git仓库
- 到官网https://git-scm.com/,下载 Git ,按提示安装即可;
- 在cmd命令行输入git version检查是否安装成功;
- 安装成功后,通过以下命令绑定GitHub帐号:
找到Git安装目录,打开Git Bash窗口,设置user.name和 user.email :
git config --global user.name "你的 GitHub 用户名"
git config --global user.email "你的 GitHub 注册邮箱"
3.配置Git公钥
GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用 ssh 来实现。
在本地通过rsa非对称加密方式生成密钥对,然后把私钥放置在本地电脑,公钥放置在GitHub上,当你推送时,git就会匹配你的私钥跟GitHub上面的公钥是否配对,若匹配成功则认为你是合法用户,允许推送,不需要手动输入密码,这样可以保证每次的推送都是正确合法的。
- 本地生成 ssh 密钥文件:
ssh-keygen -t rsa -C "你的GitHub注册邮箱",
然后连续三个回车之后,根据信息中的路径找到id_rsa.pub 密钥文件,复制其中全部内容;
- 打开 GitHub-->setting-->设置 SSH key 页面,点击 new SSH Key,把刚才复制的内容粘贴到文本框中,保存(title 可以随便写);
- 在Git Bash窗口中输入ssh git@github.com,若出现类似下面信息,说明公钥设置成功:
4.安装Hexo
Hexo就是个人博客网站的框架,先在本地电脑创建一个文件夹,可以命名为Blog,用于存放Hexo框架的内容和之后发布的网页等资源。
- 进入创建好的Blog文件夹中,右击选择Git Bash here打开命令窗口;输入如下命令,使用 npm 安装Hexo :npm install -g hexo-cli
- 检查安装完成:输入hexo -v
- 初始化hexo文件夹
在Blog文件夹中执行下面的命令(其中 blog 是存放具体网站信息的文件夹,名字可以自定义):
- 新建文章在本地预览
hexo new test_blog #新建一个文章
hexo g #生成静态页面
hexo s #启动服务器
在浏览器地址栏输入“http://localhost:4000/”打开页面,即可看到刚创建的页面:
5.将Git库与hexo连接起来
上面只是在本地预览,接下来要发布到GitHub上,就可以通过http://xxx.github.io的域名来访问。
- 修改blog目录下的站点配置文件 _config.yml ,在最后 deploy 部分补充如下信息:
deploy:
type: git
repo: git@github.com:xxx/xxx.github.io.git
branch: master
其中 repo 要填入你之前在 GitHub 上创建的仓库的完整路径,保存文件。这一步其实是把Hexo与GitHub关联起来,使发布命令指向我们的GigHub仓库。
- 安装 Git 部署插件
在cmd命令行窗口中,输入如下命令:
npm install hexo-deployer-git --save
发布网站
在 blog 目录下,分别输入如下三条命令:
hexo clean #清除缓存
hexo g
hexo d
- 然后在浏览器地址栏输入你的个人网站的仓库地址,即 http://xxxx.github.io,博客就可以访问了。
版权声明:
作者: FreeClashNode
链接: https://www.freeclashnode.com/news/article-3363.htm
来源: www.freeclashnode.com
文章版权归作者所有,未经允许请勿转载。
热门文章
- 11月2日免费节点分享|22.5M/S,V2ray节点/Clash节点/SSR节点/Singbox节点|免费上网梯子每天更新
- 10月14日免费节点分享|22.5M/S,Clash节点/V2ray节点/Singbox节点/SSR节点|免费上网梯子每天更新
- 10月11日免费节点分享|18.6M/S,V2ray节点/Clash节点/SSR节点/Singbox节点|免费上网梯子每天更新
- 10月13日免费节点分享|22.1M/S,V2ray节点/Clash节点/Singbox节点/Shadowrocket节点|免费上网梯子每天更新
- 10月25日免费节点分享|18.1M/S,SSR节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 10月9日免费节点分享|22.3M/S,Singbox节点/Clash节点/Shadowrocket节点/V2ray节点|免费上网梯子每天更新
- 10月12日免费节点分享|22.7M/S,Shadowrocket节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 10月10日免费节点分享|18.3M/S,V2ray节点/Singbox节点/Clash节点/SSR节点|免费上网梯子每天更新
- 10月27日免费节点分享|20M/S,Shadowrocket节点/Singbox节点/V2ray节点/Clash节点|免费上网梯子每天更新
- 10月28日免费节点分享|22.8M/S,Singbox节点/SSR节点/V2ray节点/Clash节点|免费上网梯子每天更新
最新文章
- 当Vmess突然失效:一场技术与封锁的无声博弈
- 11月7日免费节点分享|22.9M/S,Shadowrocket节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 梅林固件科学上网完全指南:从入门到精通,零成本解锁网络自由
- 11月6日免费节点分享|20.9M/S,Shadowrocket节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 幸运破解器科学上网全解析:解锁数字世界的终极指南
- 11月5日免费节点分享|21.9M/S,Shadowrocket节点/Singbox节点/V2ray节点/Clash节点|免费上网梯子每天更新
- 11月4日免费节点分享|18M/S,Clash节点/Singbox节点/SSR节点/V2ray节点|免费上网梯子每天更新
- 穿越数字迷雾:深度解析V2Ray中转迟滞之谜与极速优化指南
- 跨越数字边界:科学上网的终极指南与深度思考
- 从连接到掌控:深入理解 Quantumult 的工作流程与网络管理哲学
- 11月2日免费节点分享|22.5M/S,V2ray节点/Clash节点/SSR节点/Singbox节点|免费上网梯子每天更新
- 深度解析《荒野冲突》:征服与策略的终极对决
- 11月1日免费节点分享|20.3M/S,V2ray节点/Shadowrocket节点/Clash节点/Singbox节点|免费上网梯子每天更新
- 斐讯路由器刷机配置v2ray全攻略:打造安全高效的翻墙网络环境
- 10月31日免费节点分享|18.7M/S,Shadowrocket节点/Clash节点/V2ray节点/Singbox节点|免费上网梯子每天更新
- 谷歌浏览器科学上网扩展全攻略:从入门到精通
- 10月30日免费节点分享|20.4M/S,V2ray节点/SSR节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 苹果手机V2Ray完全指南:从零开始打造安全上网环境
- 10月29日免费节点分享|21.6M/S,SSR节点/Clash节点/V2ray节点/Singbox节点|免费上网梯子每天更新
- 探索数字世界的门户:电脑科学上网贴吧完全指南
- 10月28日免费节点分享|22.8M/S,Singbox节点/SSR节点/V2ray节点/Clash节点|免费上网梯子每天更新
- 穿越数字边界:科学上网的全面指南与深度思考
- 10月27日免费节点分享|20M/S,Shadowrocket节点/Singbox节点/V2ray节点/Clash节点|免费上网梯子每天更新
- 数字世界的破壁之旅:科学上网全指南与实用工具深度解析
- 10月26日免费节点分享|21.5M/S,V2ray节点/SSR节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 跨越知识边界:浙大学子的全球学术网络探索指南
- 10月25日免费节点分享|18.1M/S,SSR节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 10月24日免费节点分享|20.5M/S,V2ray节点/Clash节点/Singbox节点/Shadowrocket节点|免费上网梯子每天更新
- 刘大猫科学上网全攻略:解锁全球网络的终极指南
- 10月23日免费节点分享|22.2M/S,Shadowrocket节点/Clash节点/Singbox节点/V2ray节点|免费上网梯子每天更新
- 全面解析Quantumult安卓版:功能、安装与配置教程
- 双重防护,畅享无界:AdGuard联手V2RayNG,打造极致安全的上网体验
- 10月22日免费节点分享|18.8M/S,V2ray节点/SSR节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 掌握Clash白名单设置:精准控制代理流量的艺术
- 10月21日免费节点分享|22M/S,Clash节点/Singbox节点/V2ray节点/SSR节点|免费上网梯子每天更新
- 突破网络边界:技术科学上网的终极安全指南
- 10月20日免费节点分享|22.9M/S,SSR节点/V2ray节点/Clash节点/Singbox节点|免费上网梯子每天更新
- Shadowrocket 选购指南:从入门到精通,找到你的专属代理神器
- 10月19日免费节点分享|19.3M/S,Singbox节点/V2ray节点/Clash节点/Shadowrocket节点|免费上网梯子每天更新
- 深入解读:V2Ray为何比SSR更安全?一场网络隐私的全方位较量
- 10月18日免费节点分享|20.6M/S,V2ray节点/Clash节点/SSR节点/Singbox节点|免费上网梯子每天更新
- 深度指南:Shadowrocket从入门到精通——iOS用户的网络自由密钥
- 10月17日免费节点分享|18M/S,Clash节点/SSR节点/V2ray节点/Singbox节点|免费上网梯子每天更新
- 深入解析科学上网套:全方位使用指南与常见问题解答
- 10月16日免费节点分享|22M/S,Shadowrocket节点/V2ray节点/Singbox节点/Clash节点|免费上网梯子每天更新
- 10月15日免费节点分享|21.2M/S,Clash节点/SSR节点/V2ray节点/Singbox节点|免费上网梯子每天更新
- 全局掌控:安卓设备上 Clash 全局模式完整设置指南与深度解析
- 解锁全球游戏体验:育碧平台科学上网全攻略与深度解析
- 10月14日免费节点分享|22.5M/S,Clash节点/V2ray节点/Singbox节点/SSR节点|免费上网梯子每天更新
- 华为Mate 10科学上网全攻略:突破限制,畅游全球网络
归档
- 2026-11 13
- 2026-10 61
- 2026-09 58
- 2026-08 63
- 2026-07 61
- 2026-06 55
- 2026-05 56
- 2026-04 51
- 2026-03 60
- 2026-02 52
- 2026-01 56
- 2025-12 59
- 2025-11 55
- 2025-10 56
- 2025-09 55
- 2025-08 49
- 2025-07 31
- 2025-06 30
- 2025-05 31
- 2025-04 30
- 2025-03 388
- 2025-02 360
- 2025-01 403
- 2024-12 403
- 2024-11 390
- 2024-10 403
- 2024-09 388
- 2024-08 402
- 2024-07 427
- 2024-06 442
- 2024-05 181
- 2024-04 33
- 2024-03 31
- 2024-02 29
- 2024-01 51
- 2023-12 52
- 2023-11 32
- 2023-10 32
- 2023-09 3