通过Hexo和GitHub搭建个人博客
Hexo是一个基于Node.js的静态博客生成框架,它允许你用Markdown语法编写博客文章,并将其转换为HTML页面。通过Hexo,你可以方便地创建和管理个人博客,然后将生成的静态页面部署到网络服务器上。这使得博客的管理和发布变得更加简单和高效。
首先电脑要安装配置有git环境和node环境,还要有自己的GitHub账号。以下是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
第六步,打开cmd,验证自己的git账户,目的为了后续生成ssh密钥
依次输入命令如下:
git config --global user.name "git用户名"
git config --global user.email "git邮箱"
第七步,打开gitbush窗口,输入以下命令,获取ssh
ssh-keygen -t rsa -C git邮箱
第八步,打开c盘找到如图所示目录下的 .ssh的文件,打开 id_rsa.pub,复制里面的全部内容
打开 .ssh文件,找到id_rsa.pub,复制里面的全部内容
第九步,将生成的ssh添加到github,可以ssh免密登录
进入github,点击头像,找到右边的settings,进去找到左边SSH and GPG keys,然后new一个SSH key:
将上一步复制到 id_rsa.pub 里的密钥粘贴到这里
第九步,打开开始创建的文件夹,打开里面的_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了
至此,以后你就可以使用XXX.github.io来访问你的个人博客了,还可以给自己的个人博客修改nice的主题。