经过一番折腾,终于搭建成功!现在跟大家分享一下如何通过hexo搭建自己的个人博客。附上完整流程,希望对各位有帮助,后续个性化设置可以一起交流分享!
1.安装nodejs和npm(https://nodejs.org)
1.1这边我们选择左侧的稳定版进行下载
1.2下载完之后进行解压安装
(一直点next就ok,储存位置我选择装在D:\nodejs,可自行创建)
1.3完成之后可以在cmd
中进行检查是否安装成功
(win+R
,输入cmd
打开管理器,输入node -v
和npm -v
,查看版本,如果你和下图一样,那么恭喜你已经成功安装nodejs和npm包管理器!)
1.4由于npm
在国内镜像源速度太慢,我们可以选择用npm安装阿里镜像(cnpm
),如下图
1.5安装成功!
2.安装hexo
2.1安装完cnpm
后,我们可以利用cnpm
来安装hexo
2.2安装完成如下显示
2.3我们可以查看一下hexo版本,确保安装完成3
3.Github官网(https://github.com)
进入官网先注册账号,这里就不在赘述
3.1注册完成之后点击右上角+
创新新仓库
3.2注意这里Repository name
填写格式为你的ID + github + io
,注意格式不要错误!我这里报错是因为之前已经创建,不能重复创建,不用在意
3.3其他属性默认,下滑进行创建
3.4得到你的github链接
4.初始化hexo
4.1在D盘创建空白文件夹,这里我们把它命名blog
4.2在cmd中刚进入D盘里的blog文件夹(先输入D:
进入D盘,在输入cd blog
进入blog文件夹)
4.3进入blog文件夹后,我们输入hexo init
初始化我们的博客
4.4完成后显示
4.5输入hexo s
即可创建本地博客
把这个网址复制到浏览器,即可打开我们的本地博客啦!(如果localhost:4000打不开,说明你的4000端口被占用,改成5000试一试)
5.安装及配置Git
5.1我是在电脑管家里直接搜索git
,直接安装,也是一直next(其他途径也可)
5.2这边我安装在D:\git
,可以看到已经安装好了,接下来我们点开gitBash
5.3进入D盘blog文件夹(cd D:\blog
)
5.4先安装一个git的部署插件(输入cnpm install --save hexo-deployer-git
)
5.5接下来我们来配置Git
(配置用户名$ git config --global user.name.你的用户名
配置邮箱$ git config --global user.email 你的邮箱
设置ssh$ ssh-keygen -c "你的邮箱" -t rsa
)
5.6此时你的C盘Users/Administrator
目录生产了一个ssh文件夹,文件夹里有两个ssh文件
6.设置ssh秘钥
6.1再回到github网页,点击右上角你的头像,下拉菜单选择setting
,进入设置后选择SSH and GPG keys
6.2点击右上角绿色框New SSH key
6.3用记事本打开ssh文件夹下面id_rsa.pub文件,全选,复制到key栏,点击提交(tittle可以不写)ssh秘钥设置完成啦!
7.更改_config.yml文件
7.1我们先进入我的电脑,打开D盘,blog文件夹用记事本打开_config.yml文件
7.2进度条拉到最底下,按图更改# Deployment
下面的属性(注意:
后要加空格,否则会不成功)
7.3repo后面的网址是第三步最后得到的github链接,复制进去
8.生成静态网页及部署到远端
8.1在Git bash中进入到blog文件夹,输入hexo g
生成静态网页
8.2输入hexo d
部署到远端
9.来看看我们的博客吧!
上一步完成,我们的博客已经部署到github,小伙伴也可以随时查看你的博客啦!
在浏览器输入第三步得到的github生成的网址,就可以进入我们自己的博客啦!
(这是我的博客CXYFF.github.io
,欢迎大家来访问!不定时更新有用的干货分享!谢谢!)