搭建基于github的个人博客(hexo+github)
程序员文章站
2023-12-24 11:56:27
...
为获得更好的观看体验,请到我的博客
1.简介
GitHub 是一个面向开源及私有软件项目的托管平台
Hexo是一个快速、简洁且高效的博客框架
将这两者结合,我们就能得到一个免费博客
2.准备
分别登陆Node.js平台(建议下载LTS版)
和Git官网下载对应软件
在Git Bash中运行如下命令以检查,如图所示即安装成功
git version
npm -v
3.搭建
3.1搭建本地博客
在桌面新建一个文件夹,作为博客的本地目录
右键文件夹,选择 “Git Bash Here”
在弹出界面中输入如下指令
npm install hexo-cli -g
hexo init
不出意外文件夹中应生成如下目录
.
├── _config.yml # 配置文件
├── package.json
├── scaffolds # 模版文件夹
├── source # 资源文件夹
└── themes # 主题文件夹
此时说明安装成功
运行命令
hexo s
在浏览器内输入
localhost:4000
至此,本地博客已搭建成功
3.2Github设置
登陆github官网,注册账号
新建一个仓库,如图设置
3.3配置SSH
在命令行中输入如下内容
git config --global user.name "github用户名"
git config --global user.email "github注册时的邮箱地址"
ssh-****** -t rsa -C "邮箱"
然后连按三次Enter键
查看C:\Users\你的用户名\.ssh\id_rsa.pub,即为SSH**
登陆Github,进入设置页面
按照图示进入SSH配置界面
Title随便填,Key就是文件中的那一串
SSH配置完成,开始部署
3.4部署到Github
打开如下文件
C:\Users\你的用户名\Desktop\Myblog\_config.yml
拖动到末尾部分,按照图片填写
代码:
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo:
github: https://github.com/你的用户名/你的用户名.github.io.git
branch: master
然后安装插件
npm install hexo-deployer-git --save
最后执行以下命令便大功告成了!
hexo g -d
4.结语
码字不易,如果有所收获的话可以关注下我的B站和知乎账号哟(〃‘▽’〃)
最后安利一波我的博客( ̄▽ ̄)~*