前言
本文章会同步发表到博主自己的博客,所以如果在博主自己的博客里发现这个文章,请不要惊讶
1.准备工具
- 一台Windows7以上的电脑
- Node.js(建议lts版本)
- Git
- Hexo
- 一个Github账号和邮箱
- 代码编辑器(强烈建议vscode)
- 一个名字为:username(这里为你的GitHub名称).github.io的仓库
2.安装Node.js和Git
请前去Node.js和Git安装包,如果发现Git下载慢可以用我分享的安装包,
安装完后用node -v
和git -v
检查node.js和git是否安装好。
3.更换node镜像源
由于npm
的官方镜像源很慢,所以这里以华为云源为例,打开Git Bash
,执行以下内容:
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
4.安装Hexo
在Git bash
输入并执行以下代码:
npm install -g hexo-cli
安装完后输入hexo -v验证是否安装完成。
5.初始化hexo
在目标路径(我这里为【D:/Hexo-Blog】)用git bash
输入以下命令,
hexo init hexo-blog
然后进入博客目录并安装依赖:
cd hexo-blog
npm i
目前你的hexo目录应该是以下这些:
【node_modules】:依赖包
【scaffolds】:生成文章的一些模板
【source】:用来存放你的文章
【themes】:主题
【.npmignore】:发布时忽略的文件(可忽略)
【_config.landscape.yml】:默认主题的配置文件
【config.yml】:博客的配置文件
【package.json】:项目名称、描述、版本、运行和开发等信息
然后输入hexo server
或者hexo s
并访问http://localhost:4000/
来本地启动你的博客
如果看到以上图片的效果,说明你的博客已经构建成功了
6.配置git的ssh公钥
先配置一下用户名和邮箱:
git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"
然后生成ssh公钥:
ssh-keygen -t rsa -C "你的邮箱"
接着按三次回车,然后进入到用户根目录下的.ssh文件夹,然后打开id_rsa.pub
并复制里面的内容,进入github,点击右上角头像(没有就注册一个) 选择settings,进入设置页后选择 SSH and GPG keys,名字随便起,公钥填到Key那一栏。
然后测试能不能连接到GitHub:
ssh -T [email protected]
如果出现连接到账户的信息,说明已经大功告成,自此配置ssh公钥工作完成。
把hexo部署到Github pages
首先安装hexo官方的hexo-deployer-git
插件:
npm install hexo-deployer-git --save
用vscode打开[BlogRoot]
下的_config.yml
并修改最底下的内容。
deploy:
type: git
repository: [email protected]:<username>/<username>.github.io.git
branch: main
把这里的<username>
改成你的GitHub名字即可。
然后运行如下命令,将代码部署到 GitHub,
hexo clean
hexo generate
hexo deploy
hexo clean
:删除之前生成的文件,若如果未生成过静态文件,可忽略此命令。
hexo generate
:生成静态文章,可以用hexo g
缩写
hexo deploy
:部署文章,可以用hexo d
缩写
如果出现Deploy done,则说明部署完成了。
等待一分钟左右,访问<username>.github.io
,我们就可以看到博客内容了。
最后,如果你感兴趣的话,也可以来博主的博客来看。
标签:npm,Github,Hexo,hexo,博客,git,ssh,config,Pages From: https://blog.csdn.net/2301_79144270/article/details/141603212