Hexo+Github 托管个人博客手把手教程

一、创建Github仓库

首先要创建一个自己的仓库,根据下图红框步骤依次操作,注意仓库名字要用你github的用户名+.github.io
这样才能通过这个域名来访问
在这里插入图片描述

在这里插入图片描述

二、安装本地环境

然后进行我们的本地环境安装
详细步骤如下,我们需要安装好对应的环境,然后将自己写的博客部署到github上,通过域名访问

1.node.js

nodo.js下载地址
安装自己的平台即可,一路next就好
安装成功后win+R CMD命令行 得到版本号即可
在这里插入图片描述

2.git

git 下载地址
下载完成后也是一路的next即可
git --version
同理也是输入这个检查版本有就可以了
在这里插入图片描述
右键菜单存在这两个也可
在这里插入图片描述

3.Hexo

在本地创建一个文件夹,用来存放所有的部署准备环境,以及博客文件
在文件夹内,右键Git Bash Here,打开git命令行窗口
在这里插入图片描述
依次输入
hexo init
npm install
在这里插入图片描述
在这里插入图片描述
成功后,文件夹内有这些文件,hexo的框架文件,其中_config.yml是配置文件,可以配置网站的一些标题,描述,作者等信息
在这里插入图片描述
node_modules:依赖包
scaffolds:生成Markdown文章的模板
source:用命令创建的各种Markdown文章,创建的文章会保存在这里,初始里面有个helloworld.md文件
themes:主题文件夹,Hexo 会根据主题来生成静态页面。
_config.yml:站点配置文件,您可以在此配置大部分的参数。
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息
详细的参数可以查看hexo文档

三、部署到github

首先常用的指令
hexo g 生成网站
在这里插入图片描述
hexo s本地模拟
在这里插入图片描述
本地模拟后,可以在浏览器输入http://localhost:4000/,查看效果

前面我们已经生成过github了,这时候,我们可以使用
hexo d 部署到github,但是还有一些步骤要进行

1.部署github环境

git config --global user.name “yourname”
git config --global user.email “youremail”

在刚刚打开的Git Base Here窗口,依次输入这个命令
注意
yourname替换成自己的github用户名 比如我的kexhong
youremail替换成自己注册的邮箱

2.生成并配置github的公钥

这一步如果已经操作过了,无需重复进行

ssh-keygen -t rsa -C “youremail”

然后配置rsa私钥,一路回车到底
在这里插入图片描述
在这里插入图片描述
我们打开id_rsa.pub,全选复制里面的内容,回到github网站
在这里插入图片描述
将复制的内容填入到key,保存。
在这里插入图片描述

3.使用指令部署到github

找到文件夹下的_config.yml
替换掉deploy的内容,其中repo可以从自己的github仓库获取
在这里插入图片描述
在这里插入图片描述
安装部署指令

npm install hexo-deployer-git --save
部署
hexo d

部署成功
部署成功后,就可以使用一开始自己创建的仓库.io进行访问了
也可以自己申请域名,绑定到这个io地址即可

hexo n 博客名
创建文章,会在source内创建 .md文件

四、主题

博主比较喜欢这个主题
butterfly主题

更多的主题在官网有,可以点进去查看
在这里插入图片描述
主题替换,在主题里找到对应的git地址,clone到themes文件夹内
然后修改_config.yml中的theme为对应的主题文件夹名重新部署

每个主题内也有详细的安装教程,点进去查看即可

以上都完成后
可以使用
hexo g 生成

hexo s 预览

预览没问题后
使用 hexo d部署到github

部署会有一点延迟,刷新查看

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

漫步云巅Kim

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值