保姆级教你搭建hexo个人博客

流程步骤如下:

1.安装Node.js

进入Node官网,下载长期支持版本,然后都是下一步,自行操作.安装成功之后,自己可以cmd验证一下,键入:

1
2
npm -v
node -v

然后会给你反馈一个当前的版本号

2.安装Git Bash

进入Git Bash官网,下载即可安装,安装过程中,可能会去调用cmd的窗口,会安装很多的文件,等待即可,但为了能够确保万无一失,强烈建议科学上网,保证链接都能connect.安装完成后,鼠标右键会多了两个功能,回到桌面,鼠标右键,选“git bash here”,稍作等待,会有一种使用Linux的感觉,键入:git --version,这里注意一下,不可以使用短命令。不妨根据我们操作Linux的习惯,help一下,键入:git --help,同样会出现很详细的命令使用介绍。

3.注册GitHub账户并配置

进入Github官网,完成注册,进入自己的主页,找到右上角“+”,第一个新建仓库,这里注意一下,仓库名格式一定要是:yourname.github.io,图示是我已经建立了这样的一个仓库,所以报错了,最后点击下面的创建。因为Github是一个强大的代码托管平台,所以你自己的仓库可以开放给别人看,也可以自己设置为私有的,默认是Public.如果你成功搭建到这步,这时当你去用浏览器访问yourname.github.io时,是完全ok的.

4.生成SSH Keys

这一步通俗一点来讲就是建立一个验证通道。一台PC机,一个Key,回到桌面,右击选择“git bash here”,键入:ssh-keygen -t rsa -C "yourmail",那么这个时候会反馈一些信息,让你确认。第一次直接按回车就行,是问你将ssh的文件保存在哪里,我们默认就好,其实是保存在自己的C盘用户下面。第二次出现是要求我们后续接入GitHub时,你要有一个密码验证,这时自己键入一个可以记住的密码即可,注意键入过程,跟Linux一样的,不会有提示,输完回车。紧接着,第三次就出现,就是让你重新再输入一遍密码,确认一下,键入成功后,会出现一段图形,反正你看不懂,看到就行,我就不图示了。

接下来,进入刚刚讲的这个C盘用户路径下,找到一个叫“.ssh”的文件夹,打开里面会有两个文件,分别为:id_rsa和id_rsa.pub,这里安装一个工具叫“Notepad++”,打开后者,选中里面所有的内容,复制下来。

接下来回到GitHub,点击头像,路径:settings→ssh and gpg keys→new ssh key,把刚刚复制下来的,全部粘贴进去,为方便管理,title随便取一个名字。测试一下是否成功,打开刚刚的Git Bash,键入:ssh -T git@github.com,如果成功,会有提示“Hi,yourname”。然后我们配置一下个人信息,分别键入:git config --global user.name "yourname"git config --global user.email "yourmail",此时这一个流程到这里就结束。

5.安装hexo框架

这一步是最关键的,因为要用到它去完成核心的东西,注意这里我所描述的每一步,稍有不慎,你自己在操作中可能就会报错,这是我摸索了N次,总结出来的,帮小伙伴们避坑。

在本地新建一个空的文件夹,记住一定要是空的,一般的话,我会去建立一个”Hexo”的空文件夹,进去然后右击选git bash here,分别键入:npm install hexo-cli ghexo init Blogcd Blognpm install,这里的话做一个解释,第一段代码是安装必要的hexo组件;第二段代码是初始化一个名叫“Blog”的文件夹,存放今后的文件;第三段代码是进入Blog这个文件夹;第四段代码安装后续生成网页的文件。第一段代码回车后,不会提示任何信息,因为在安装,请务必耐心等待,手不要贱。安装成功后,可以自己测试一下,键入:hexo -v,会有版本信息反馈,如图所示。

接下来,我们就需要开始在本地,调试我们自己的博客了。在调试之前,我们配置一下一个非常重要的文件,方便后期我们部署在GitHub上。文件路径:哪个盘→Hexo文件夹→Blog文件夹→_config.yml,利用之前提到的文本编辑工具notepad++,打开它,我记得是在最后,补全一些信息如图示,温馨提示,里面的每一个冒号后面都有一个空格,千万不要忘记,别踩坑,换成自己的仓库名就行。

接下来,开始本地运行调试,安装插件,请注意我这里所有的路径都是在Blog这个文件夹下,去点击“git bash here”,键入:npm install hexo-server --save,插件安装后,正式调试,分别键入:hexo cleanhexo ghexo s.这里代码做一个解释,第一段代码是删除旧文件;第二段代码是生成新文件;第三段代码是在本地部署运行。当第三段代码结束后,会有一个提示,让你去访问你本地的localhost:4000端口,没有问题的话,大功告成。我把我已经启用的博客网站,简单演示一下,因为我已经换了默认主题,专门定制了一些效果,可能会不太一样,但原理是一样的。

6.域名重定向

在国内,有很多的域名提供商,阿里,腾讯,花生壳……反正多的若干,我这里用的腾讯。因为涉及到备案,可能这些东西之前没接触过的小白,很懵逼,其实开始接触这些,我也不是很懂,后来就渐渐自己摸索明白了,注册我就不讲了哈。

在域名解析之前,配置最后一个重要文件,就是重定向文件,文件路径:那个盘→Hexo文件夹→Blog文件夹→source文件夹,然后新建一个文档,命名为:CNAME,全是大写,添加一段文本,内容为你的网址(例:blog.19950628.xyz ) ,保存退出,然后重命名文档,把原先文档后面的“.txt”去掉就行。

域名注册好之后找到它,后面有解析,点击进去,添加图示这些信息,其中第二条的记录值是一个IP地址,怎么来呢?讲一下方法,打开cmd,换成自己名字ping一下就得到这个IP地址了,填进去。最后在之前的git bash中,键入:hexo d,此代码是将所有文件,部署到刚刚我们在GitHub建立的仓库。此时,你可以直接用域名访问自己博客了,到此全程结束。

打赏

扫一扫,分享到微信

微信分享二维码
  • Copyrights © 2019-2023 Carrol Chen
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信