欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

搭建基于github的个人博客(hexo+github)

程序员文章站 2023-12-24 11:56:27
...

为获得更好的观看体验,请到我的博客

1.简介

GitHub 是一个面向开源及私有软件项目的托管平台

Hexo是一个快速、简洁且高效的博客框架

将这两者结合,我们就能得到一个免费博客

2.准备

分别登陆Node.js平台(建议下载LTS版)

搭建基于github的个人博客(hexo+github)

Git官网下载对应软件

搭建基于github的个人博客(hexo+github)

Git Bash中运行如下命令以检查,如图所示即安装成功

git version
npm -v

搭建基于github的个人博客(hexo+github)

3.搭建

3.1搭建本地博客

在桌面新建一个文件夹,作为博客的本地目录搭建基于github的个人博客(hexo+github)

右键文件夹,选择 “Git Bash Here

在弹出界面中输入如下指令

npm install hexo-cli -g
hexo init

不出意外文件夹中应生成如下目录

.
├── _config.yml # 配置文件 
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹
└── themes  # 主题文件夹

此时说明安装成功

运行命令

hexo s

搭建基于github的个人博客(hexo+github)

浏览器内输入

localhost:4000

搭建基于github的个人博客(hexo+github)

至此,本地博客已搭建成功

3.2Github设置

登陆github官网,注册账号

新建一个仓库,如图设置

搭建基于github的个人博客(hexo+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的个人博客(hexo+github)

登陆Github,进入设置页面

按照图示进入SSH配置界面

搭建基于github的个人博客(hexo+github)

Title随便填,Key就是文件中的那一串

SSH配置完成,开始部署

3.4部署到Github

打开如下文件

C:\Users\你的用户名\Desktop\Myblog\_config.yml

拖动到末尾部分,按照图片填写

搭建基于github的个人博客(hexo+github)

代码

# 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站知乎账号哟(〃‘▽’〃)

最后安利一波我的博客( ̄▽ ̄)~*

5.参考资料

超详细Hexo+Github Page搭建技术博客教程【持续更新】

使用hexo+github搭建个人博客(进阶篇)

上一篇:

下一篇: