创建github.io博客
开通github博客,我这里默认为你已经配置好了git,所以这里不再说git配置的部分,直接开始创建博客的部分。
创建github博客仓库:
如图创建仓库,仓库名为你的用户名.github.io,如:tonyu2019.github.io,下面默认公开创建既可
进入刚才创建的仓库,选择setting
页面往下拉找到GitHub Pages
source选择自己的主分支maser既可,下面是否启用https,以上操作仓库方创建完毕。
开始创建博客
Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具,支持Markdown格式,有众多优秀插件和主题。这里我们就选择使用hexo创建博客
全局安装hexo
1
npm install -g hexo
初始化hexo
创建你的博客文件夹,如:tonyu2019.github.io
1
2cd tonyu2019.github.io
hexo init生成静态文件并启动博客服务
1
2hexo g # 生成
hexo s # 启动服务执行以上命令后,会自动为你生成public的目录,里面保存了html等静态文件
修改主题
默认主题太丑,不忍直视,进入官网主题https://hexo.io/themes/
我这里随便拉一个我喜欢的主题https://github.com/CodeDaraW/Hacker
1
git clone https://github.com/CodeDaraW/Hacker.git themes/hacker
执行后themes文件夹多了一个hacker的主题文件夹
修改配置文件
打开_config.yml文件,修改一下两处配置
1
2
3
4
5
6theme: hacker
deploy:
type: git
repository: git@github.com:tonyu2019/tonyu2019.github.io.git
branch: mastertheme代表主题,直接修改刚才下载的hacker主题即可。deploy代表部署你的部署方式和仓库地址及代码分支,正常情况下不写分支默认master分支。保存配置文件
安装插件
1
2
3
4Deployer not found: github 或者 Deployer not found: git
# 如果使用hexo d出现如下错误,需执行以下命令。
npm install hexo-deployer-git --save写博客
1
hexo new 'my-first-blog'
会在你的博客文件夹生成,
source/_posts/my-first-blog.md
文件,个人习惯用Typora修改md文件。默认博客首页会显示你的博客文章所有内容,可以在md中添加
1
<!--more-->
即可。
上传博客
1
hexo d -g
表示生成静态文件并上传至仓库。
按照以上操作,访问https://tonyu2019.github.io即可看到网站(tonyu2019要换成你的用户名哟)