博客地址http://dymfx.top/

本文详细描述了如何在Github上,使用hexo部署博客。

一、Hexo简介

Hexo是一个快速、简洁且高效的博客框架,让上百个页面在几秒内瞬间完成渲染,Hexo支持Github Flavored Markdown 的所有功能,甚至可以整合Octopress的大多数插件,并自己也有强大的插件系统。大家可以进入Hexo官网进行详细查看。

二、Hexo搭建步骤

  1. 安装Git 安装Node.js
  2. 安装Hexo
  3. GitHub创建个人仓库
  4. 将hexo部署到GitHub

1.安装Git

windows:到git官网上下载,Download git,下载后会有一个Git Bash的命令行工具,以后就用这个工具来使用git。
在电脑任意地方右键出现Git GUI Here、Git Bash Here 即安装成功在这里插入图片描述的

linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码

sudo apt-get install git

安装好后,用 git --version 来查看一下版本
在这里插入图片描述

2.安装nodejs

Windows:直接到官网上下载安装即可nodejs
安装完后,打开命令行

node -v
npm -v

安装成功
在这里插入图片描述

3.安装Hexo

安装完Git和nodejs就可以安装Hexo了,我们先创建一个文件夹myblog用于存放Hexo目录,然后cd到这个文件夹下
执行命令

npm install -g hexo-cli

hexo -v查看一下版本

这是我的版本信息

接下来初始化一下hexo

hexo init myblog

这个myblog可以自己取什么名字都行,然后

1 cd myblog //进入myblog文件夹
2 npm install

开启本地服务

1 hexo g
2 hexo server

打开hexo的服务,在浏览器输入localhost:4000就可以看到你生成的博客了。

3.部署Github

  • Github官网
  • 输入用户名,Email,密码,注册账号
  • 在Github创建仓库 仓库名称 用户名.github.io
  • 修改目录下的配置文件_config.yml
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git 
  repo: https://github.com/i/i.github.io.git  //Git仓库地址
  branch: main //分支

执行命令:

1 hexo clean 
2 hexo d #将代码上传到Github
3 hexo g #生成静态页面
4 hexo s #启动本地服务

打开网页,输入http://username.github.io,打开github上托管的博客。如我的博客地址是:http://iranfantexi-jpg.github.io。

参考博客

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐