利用gitpages+hexo搭建自己的博客

从开始开始着手搭建到完成大概花了一个下午的时间,采坑不少,在此记录一下
我的博客地址http://delaprada.com

第一步 准备工作

node.js下载好,github有已注册的账号
在github中新建一个repository,命名为:你的github名称.github.io(下面是我的仓库名称):
在这里插入图片描述(有些博客直接让我们fork它们的项目,个人感觉这么做不太好,很多东西自己动手做一遍更好)

第二步 安装Hexo

Hexo就是一个博客框架,官网上也有安装教程Hexo官网

step1:windows系统鼠标右键git bash,输入两个安装指令:

npm install hexo-cli -g   //用于安装hexo
npm install hexo-deployer-git --save   //用于安装hexo部署到git page的deployer

step2:创建hexo文件夹
hexo安装完成之后,在电脑中新建一个hexo文件夹:
在这里插入图片描述右键点击git bash,输入两个命令:

hexo init
npm install   //安装所有package.json里的包

执行完成后,hexo文件夹中会多出一些文件:
在这里插入图片描述如果想看本地效果的话,执行以下指令:

hexo generate  //自动将md文件生成静态html,css文件
hexo server  //启动本地hexo服务器(localhost:4000)

打开 localhost:4000就可以看到页面啦:
在这里插入图片描述(页面会不太一样,我的配了一下主题)

第三步 了解hexo文件夹中的_config.yml

hexo文件夹中比较重要的文件是:_config.yml:
在这里插入图片描述它是一个全局配置文件,包括和github上传链接都在这里配置,例如title之类的:
在这里插入图片描述

第四步 本地上传到github

step1:执行命令,安装deploy.git插件:

npm install hexo-deployer-git --save

step2:在主题配置文件_config.yml中修改仓库地址,在_config.yml最下面一行(注意每个冒号后面都有一个空格):
在这里插入图片描述
step3:配置提交github认证方式
执行指令:

hexo d

直接提交到github仓库中,如果没有认证github和本地的关系,会提示输入用户名和密码

此时打开github的项目会发现原本是空的项目现在有了刚刚上传的文件

第五步 添加域名

在阿里云中购买了一个.com的域名(加优惠一年23块,虽然比其他贵一些但是觉得.com好听一些(#^ . ^#))

step1:cmd ping一下github.io获得真实ip地址:

在这里插入图片描述然后再域名操作栏点击解析,添加记录:
在这里插入图片描述注意要两个都要添加(之前一开始只添加了www不知道为啥就显示不出来)

step3:去hexo文件夹的source目录下新建名为CNAME的文件,添加文件内容为你刚才购买的域名,不要添加www:
在这里插入图片描述然后部署:

1. hexo clean
2. hexo generate
3. hexo deploy

(每次做出更改建议都部署一遍)

点击设置,拉到下面,在custom domain中输入你的域名。如果上面的信息不是显示Your site is published at https://xxx.com/
,而是dns的之类的错误,可能是域名还没有实名认证

在这里插入图片描述
在这里插入图片描述
输入域名,成功:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值