通过Hexo和GitHub搭建个人博客

通过Hexo和GitHub搭建个人博客

Hexo是一个基于Node.js的静态博客生成框架,它允许你用Markdown语法编写博客文章,并将其转换为HTML页面。通过Hexo,你可以方便地创建和管理个人博客,然后将生成的静态页面部署到网络服务器上。这使得博客的管理和发布变得更加简单和高效。
首先电脑要安装配置有git环境和node环境,还要有自己的GitHub账号。以下是Hexo与Node.js的版本对应关系:
Hexo与Node.js的版本对应
接下来我们只需十步完成搭建!

第一步,打开cmd命令行全局安装Hexo-cli脚手架

使用 win+R 输入cmd 进入命令行界面,输入以下命令:

npm install -g hexo-cli

运行结果

第二步,在你喜欢的磁盘目录下创建一个空文件夹

我这里创建了一个winksu的空文件夹,进行第三步之前,一定要确保它是空的。
仅供参考

第三步,在上一步的文件夹下右键打开gitbush命令行界面,进行初始化

如果右键没有装载gitbush,可以在当前目录通过 shift+右键,打开终端,同样如下进行初始化:

hexo init

初始化成功

第四步,启动查看Hexo网站是否初始化成功

输入以下命令启动:

hexo s

运行结果
在浏览器上输入给定的端口号http://localhost:4000/进行访问能看到如下界面,就是初始化成功。
初始化成功

第五步,进入自己的github,创建一个新的仓库,仓库名要与用户名同名,后缀~github.io

new一个仓库
创建仓库

第六步,打开cmd,验证自己的git账户,目的为了后续生成ssh密钥

依次输入命令如下:

git config --global user.name "git用户名"
git config --global user.email "git邮箱"

验证账号

第七步,打开gitbush窗口,输入以下命令,获取ssh

ssh-keygen -t rsa -C git邮箱

获取ssh

第八步,打开c盘找到如图所示目录下的 .ssh的文件,打开 id_rsa.pub,复制里面的全部内容

找到ssh
打开 .ssh文件,找到id_rsa.pub,复制里面的全部内容
复制ssh

第九步,将生成的ssh添加到github,可以ssh免密登录

进入github,点击头像,找到右边的settings,进去找到左边SSH and GPG keys,然后new一个SSH key:
new一个key
将上一步复制到 id_rsa.pub 里的密钥粘贴到这里
粘贴ssh key

第九步,打开开始创建的文件夹,打开里面的_config.yml文件,修改最下面的repo为自己的地址

deploy:
type: git
repo: git@github.com:username/username.github.io.git
branch: main
注意:冒号后面是有一个空格的,少了会导致下一步出错!
修改配置

第十步,打开gitbush,安装deploy-git目的为了使用命令部署到github

在命令行运行如下命令:

npm install hexo-deployer-git --save

安装插件
然后依次输入以下命令:

hexo c   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d       #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)

最后一个命令会让输入yes,然后刷新github,发现以下文件上传成功,就OK了
刷新github
至此,以后你就可以使用XXX.github.io来访问你的个人博客了,还可以给自己的个人博客修改nice的主题。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值