1. 前置工具&&环境
- github
- Node.js
- hexo
- git
2. 下载node.js和git
- Git官网
- 点击download下载即可,一路next没啥问题
- 点击download下载即可,一路next没啥问题
- node.js官网
- Hexo是基于 Node.js 驱动的一款博客框架
- 也是直接点击download即可
- 以上两个下载完成后再cmd控制台中输入以下,有出现版本号即可
- node -v
- npm -v
- git -v
3. 安装hexo
- 在自己的目录中新建一个文件夹来存放你的博客文章
- 进入文件夹中,右键选择”显示更多选项”,点击git bash
- 跟换淘宝源(下载更快一点),使用命令行
npm install -g cnpm --registry=https:\//registry.npm.taobao.org
- 下载hexo,使用命令
cnpm install -g hexo-cli
- 进行初始化,使用命令
hexo init
,并且文件夹中多出一堆文章(发现自己少了什么也没事,下图是写博客时照的,init成功一般就好了)
- 在git bash中输入
hexo s
或者hexo server
(二者一样),有hello world界面就好了(这个界面是自带的),出现这个界面也就成功了,hexo安装正常完毕
- 跟换淘宝源(下载更快一点),使用命令行
4. 注册github并创建库
- github网站
- 需要魔法(可以直接用steam++加速github单个,现在改名叫Watt Tookie)
- 如果是未使用过的用户需要先注册,sign up按要求走就可以了
- 注册之后邮箱会收到一封Github的邮件,点击Github的链接确认注册即可
- 注册完毕后,创建一个仓库
- 点击右上角个人头像,点击其中的Your repositories
- 点击右上角绿色的new按钮,输入仓库名,选择public类型,其他不用去改动它
- 注意此处的仓库名一定要是用户名.github.io,否则会打不开网页
- 注意此处的仓库名一定要是用户名.github.io,否则会打不开网页
- 复制下ssh,下面要用
- 点击右上角个人头像,点击其中的Your repositories
5. 设置ssh密钥
- 首先生成ssh公钥
- 在git bash下输入
cd ~/.ssh
进入ssh文件 - 在git bash中的ssh文件中输入命令
ssh-keygen -t rsa -C 注册时的邮箱地址
- 在git bash下输入
- 配置ssh到github中
- 在我的电脑中打开C盘找到 用户,进入发现有一个.ssh的文件夹
- 点击进去看见
- 接下来要点开id_rsa.pub文件,不能是id_rsa文件(如果点击会改变,需要重开),从头到尾复制下来(ssh-rsa 也要)
- 回到github同样点击右上角头像,找到setting按键, 将刚刚在.ssh目录下所复制的id_rsa.put文件中的信息复制进key,名字的话随便取都可以
- 验证是否添加成功,输入命令
ssh -T git@github.com
并且输入yes之后,行末尾会显示你的用户名,同时会有邮箱提醒
- 最后对本地的git进行全局配置
- 输入命令:
git config --global user.name "注册时用户名"
- 输入命令:
git config --global user.email "注册时邮箱"
- 输入命令:
6. 撰写文章并发布
先打开目录下的_config.yml文件
ctrl+f搜索关键字deploy
将deploy部分替换为
1
2
3
4deploy:
type: git
repo: git@github.com:用户名/用户名.github.io.git #这个是使用ssh的格式,注释可以不用加入
branch: main
需要安装上传工具
- 在gitbash中输入命令 cnpm install hexo-deployer-git
- 需要在文件的根目录下运行命令
在hexo中创建文章(md格式)
- 在hexo中写博客是要浅学以下markdown的喔,一天基本就能学会了
- 写markdown的文章我是直接使用vscode,网上教程看一下就好
- 使用hexo new命令创建新文章
- 在哪里使用该命令都可以,会自动在soure中的_posts文件夹下产生md文件(也可以直接_posts文件夹中右键创建)
- 在哪里使用该命令都可以,会自动在soure中的_posts文件夹下产生md文件(也可以直接_posts文件夹中右键创建)
进行文章编写后预览
- vscode中文章编写完成后ctrl+s保存
- 在git bash中输入命令(在哪都可以)
hexo s
或者hexo server
(上文有提到过) - 会返回一个本机网址,进入网址即可看到自己的博客界面(默认主题未上传)
将文章上传至github上
- 输入命令
hexo g
先生成静态文件再hexo d
部署到github上 - 再次访问个人网站即会出现你所作的更改啦(有时要等一会儿,不会马上就改变)
- 输入命令
7. 结语
- 到这里hexo+github搭建个人博客就已经完成了,开始记录从0到1的成长之路吧!!!