hexo+next主题搭建GitHub blog干货教程

本文详细介绍了如何使用Hexo框架搭建个人博客,包括GitHub账号注册、Node.js和Git的安装、SSH Key配置、Hexo安装及主题设置等步骤,帮助读者快速上手。

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

前言

本人开始并非使用next主题,这个大家可以去hexo官网themes处挑选自己喜欢的。
注意:点击主题预览图可以去预览下,点击主题名就可以去GitHub页面copy了。
但个人觉得next主题更好,bug少,拓展性强。好了,废话少说,进入正题。

准备工作

创建仓库

新建一个 你的用户名.github.io的仓库,比如说你的GitHub用户名是abc,那么你新建仓库名叫abc.github.io,你的博客搭建好之后访问的网站也就是 https://abc.github.io了


那怎么删除仓库呢???
打开settings

创建博客根目录

在一个磁盘里创建一个文件夹,比如我,在D盘创建了一个blog文件夹。

正式工作

配置SSH Key

桌面右键打开git bash here,输入

$ cd ~/. ssh // 检查本机已存在的 ssh 密钥

再接着输入

ssh-keygen -t rsa -C “你的邮件地址”

然后连续按三次回车,会生成id_rsa.pub文件,用记事本打开它,然后全部复制即可,待会要用。这个文件的地址:C:\Users\Administrator.ssh
打开你的GitHub主页,打开设置->Deploy keys->Add deploy key.
这里名称随便取,在下面粘贴内容保存即可,有需要打勾就打勾。

我们回来测试下是否把SSH配置成功了。
继续在bash里输入

$ ssh -T git@github.com

如果提示 Are you sure you want to continue connecting (yes/no)? ,输入yes,然后会看到 successfully authenticated,but github…
看到这个意味着已成功!

配置信息

$ git config --global user.name “xxx”// 你的github用户名,比如上面的abc
$ git config --global user.email "xxx@qq.com"// 填写你的github注册邮箱

使用hexo

安装hexo

我们打开cmd命令行,输入

npm install -g hexo

这里可能会很慢,所以推荐使用淘宝镜像。

安装:npm install -g cnpm --registry=https://registry.npm.taobao.org

验证是否安装成功使用:cnpm -v
这里使用使用: cnpm install -g hexo安装hexo

验证Hexo是否安装成功使用:hexo -v

初始化hexo

打开我们之前创建的文件夹,比如我的blog,右击鼠标,打开git bash here,输入

$ hexo init

我们的文件夹会自动下载一些文件到这个blog目录里。

继续输入

$ hexo g
$ hexo s

hexo s是指启动服务,成功打开后会有提示,登录localhost:4000即可看到初始页面,到这里你的blog就基本搭建好了。

新建文章

在bash里输入

$ hexo new post “文章名”

然后去blog/source/_posts就可以看到

上传到GitHub

配置_config.yml中的deploy部分,注意这里的_config.yml文件是blog根目录,并非themes里的同名文件。
配置如下(xxx为你的GitHub名)

deploy:
type: git
repository: git@github.com:xxx/xxx.github.io.git
branch: master

再次注意:关于_config.yml文件的配置,冒号后一定要加个空格,否则就无法部署了。

一切完成后在bash中继续输入

npm install hexo-deployer-git --save #这里是安装插件,不然无法deploy

然后输入以下就可以了

hexo clean && hexo g && hexo d

成功后会提示:Deploy done:git 证明成功啦。这是打开你的xxx.github.io就可以看到网页啦!

主题设置

打开next使用文档有详细的教程。
主题教程以及拓展:

绑定个性域名

申请域名

在阿里云或腾讯云申请域名。我是在阿里云申请的,实名认证很快,推荐。

解析域名

按我的内容来即可。

部署域名

在blog根目录的source文件夹中新建无后缀文件 CNAME。里面内容只写上你的域名即可,注意不需要www
按之前的顺序deploy即可


我的Github博客点击进入,欢迎置顶处留言。
如果觉得有用,不如给个Star Or Follow,感谢。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值