仓库准备
创建一个github仓库
名字格式如下
创建完成
环境准备
可百度自行寻找安装方法
安装npm 安装git
安装完成后确保能使用如下命令
博客搭建
创建一个目录,名字任意,然后打开git bash
使用git init初始化目录
在git根目录下创建一个Blog目录,打开cmd窗口用如下命令安装hexo-cli
npm install -g hexo-cli
然后在Blog目录下使用如下命令完成hexo初始化
hexo init
初始化后的文件结构
使用如下命令启动博客
hexo s
本地访问
切换主题
Hexo默认的主体比较简约,屏幕使用占比不是很高,用户可以根据自己的喜好自定义Hexo主体,这里以butterfly主题为例
在Hexo的根目录执行如下命令
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
在/Blog/themes下会克隆一个文件夹下来
然后在Hexo的根目录下修改_config.yml文件里的theme为butterfly
修改后在安装一下 pug 和 stylus 的渲染器
npm install hexo-renderer-pug hexo-renderer-stylus --save
重新启动查看效果
上传Github
本地搭建没有问题之后,就可以把博客部署到Github仓库里去了
复制我们之前创建好的仓库的地址
然后在Hexo的根目录下的_config.yml进行如下配置
deploy: type: 'git' repository: https://github.com/suifeng-kali/suifeng-kali.github.io.git branch: master
配置好后可以下载一个deploy-git,利用deploy-git简化部署步骤
npm install hexo-deployer-git --save
然后使用如下命令进行部署
hexo clean hexo generate hexo deploy