Hexo+github博客建立及碰到的坑----hexo博客配置实测详细过程整理之一

小白的一个不断碰坑填坑的过程
最近准备整理一下自己个人博客的搭建及优化过程。
效果和其他有关文章见我的博客marmalade.vip
过程确实很复杂,但是一步一步来,一个问题一个问题解决,成功只在朝夕!

参考
GitHub+Hexo 搭建个人网站详细教程

1、获得个人网站域名(可忽略)

注册阿里云,买一个域名marmalade.vip(英文意思为橘子酱)

2、GitHub创建个人仓库

用邮箱注册一GitHub账号 username:marmalade0
开始用qq邮箱不行,一直提醒验证邮箱,转用163邮箱注册成功
点击GitHub中的New repository创建新仓库,
仓库名:marmalade0.github.io

3、安装Git

实用Git教程
下载64位Git,全默认安装
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4Jj5Baf8-1587989356487)(/images/1/ScreenClip.png)]

将git与github绑定

ssh-keygen -t rsa -C “1563972718@qq.com”
然后找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制
打开GitHub_Settings_keys 页面,新建new SSH Key
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7j8rY8Xs-1587989356490)(/images/1/01.png)]

Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。
在Git Bash中检测GitHub公钥设置是否成功,输入 ssh git@github.com 检验
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JGZZgFZ3-1587989356492)(/images/1/02.png)]

设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。

4、安装Node.js

64位安装地址
安装成功后检验环境变量中是否有
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UIKHyRGd-1587989356495)(/images/1/3.png)]

在系统环境变量添加NODE_PATH
值为F:\nodejs\node_global\node_modules
安装一个express
npm install express -g
cmd中输入node,然后输入require(‘express’)
出现
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ScxACN1T-1587989356496)(/images/1/4.png)]

即成功正常加载模块

安装cnpm

(阿里开发,国内速度快)
输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
输入cnpm -v ,检测是否正常,但是这里会报错
添加环境变量后再输
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TJtnIHnA-1587989356498)(/images/1/5.png)]

安装成功

5、hexo安装

百度hexo
选择文档|hexo,按照教程安装
新建一个blog文件夹,cmd切换到该目录下,
npm install -g hexo-cli安装
等较长时间后
hexo init 博客名
cd 博客名
npm install
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CH8ceqyI-1587989356498)(/images/1/6.png)]

完成
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3s5BEkLQ-1587989356499)(/images/1/7.png)]

hexo s -p 5555选择5555端口,浏览器搜localhost:5555即可进入博客(为安全起见,开一个端口来本地预览,无误后再部署到GitHub上)

看一下是什么样子的!

注:
根目录:My Blog/marmalade
hexo网站配置文件:根目录下的_config.yml
主题配置文件:next主题里的_config.yml

6、hexo发布至github

把博客文件夹拖入sublime里
Source里面的_posts为内容

相关配置

打开_config.yml改最后的为
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HJVD2jnn-1587989356499)(/images/1/8.png)]

前面的改为url: https://marmalade0.github.io
autnor:lijunliang
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kUyLzuPp-1587989356500)(/images/1/9.png)]

hexo clean (清除缓存,即删除public文件夹,在部署博客时最好先用一下此命令来清理缓存)
cmd中hexo g(生成静态文件)(即同步到博客中)
hexo d(部署到github)两者可以连起来写为hexo g -d
以上几个命令用来部署博客内容到网站中,以后会经常用到。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jtwGZMdf-1587989356501)(/images/1/10.png)]

报错
装一个插件
npm install hexo-deployer-git --save
末尾加分支branch: master
然后hexo d同步到github上
后来再hexo d的时候出现错误
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t7BgpHad-1587989356501)(/images/1/11.png)]

,上网搜Error: Spawn failed,见有相同问题的
解决方法:把F:\Git\Git\bin添加到系统变量的path中
再运行,成功
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Op3Eye45-1587989356502)(/images/1/12.png)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值