hexo+GitHub搭建博客的学习过程
前言
做为一枚计算机小白,当自己亲身经历零开始hexo+GitHub搭建博客的过程,遇到了许多问题,亲身去寻找方法去解决问题,最终完成搭建的那一刻,所获得的成就感是无法用言语表达的。下面我分析一下自己搭建博客的过程和遇到的问题及解决方案,希望对大家有所帮助。
一、node安装
node下载安装
浏览器搜索node.js,进入官网(提供官网:
https://nodejs.org/zh-cn/)
下载长期支持版本,下载好打开安装就可以了
(安装路径可以选择安装在D盘)
node安装检测
检测node是否安装成功以及版本信息
winder键+r键打开命令窗口输入cmd回车,输入命令node -v
二、github注册
注册
浏览器搜索github,进入官网注册,按要求填写Username,Email,Password(不知道什么意思的自己翻译,之后的搭建中翻译器是可以提供很大的方便),这些信息都很重要,要记住。
建库
验证邮箱后进入此页面,建立新仓库
用户名填写注册时的Username,一定是用户名.github.io这个形式
也可通过这种方式建立仓库
然后打开仓库创建一个 index.html 文件,并添加内容
三、git for windows安装
浏览器搜索git for windows进入官网(提供网址:
https://gitforwindows.org) ,download下载,前面一直默认选项,在此处选择第二项
(安装路径可以选择安装在D盘)
win+r进入cmd,输入git指令
即安装成功。
四、githubSHH配置
1)在安装路径下打开git-bash
输入命令
ssh-keygen -t rsa -C "你的邮箱地址"
一直回车即可
2)打开浏览器搜索github进入官网,点击右上角你的头像进入设置
key要输入密匙,我们要找到这个文档,并且右键用记事本打开该文档
复制其中内容到上面key中即可。
五、hexo本地使用
一)安装
1)安装cnpm
npm install -g cnpm --registry==https://registry.npm.taobao.org
这一步是安装淘宝镜像源,使下一步安装hexo的速度更快(在此处放入一个B站up主博客网址:http://weimumu.top/2020/ckjco6flf00022gnl4c163vst/
此博客中有视频,可以选择性跳到这一步,但毕竟时间有点久了,里面很多地方在现在用起来不太方便,视频博客仅提供参考,实际情况还以自己亲身经历为准)
2)验证cnpm是否安装成功
cnpm -v
3)安装hexo框架
打开此电脑,选择安装git的盘中新建一个文件夹(如将git安装到D盘中,即在D盘中新建文件夹)可命名为blog,点击进入,右键选择git bash here打开,输入命令安装,
cnpm install -g hexo-cli
安装后验证
hexo -v
(来自b站up主王大合)
二)使用
初始化项目本地运行
1)初始化
hexo init
2)本地使用
hexo s
出现:
INFO Validating config INFO Start processing INFO Hexo is running at
http://localhost:4000 . Press Ctrl+C to stop.
如果遇到这个问题:
只需要输入这个
git config --global --unset http.proxy
git config --global --unset https.proxy
那么本地访问http://localhost:4000 就可以看到博客网站了,但效果是有限的并且别人无法访问。
六、sublime安装
浏览器搜索sublime(提供网址:http://www.sublimetext.com或者中文网下载:http://www.sublimetext.cn/)
(安装路径可以选择安装在D盘)
安装之后,找到安装文档打开
打开之后将博客目录直接拖进打开窗口
(图片来自b站up主hojun_cn,视频截图)
七、hexo发布至github
打开仓库_config.yml 配置文件,拉到文件末尾,填上如下配置:
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: https://github.com/budongshu/budongshu.github.io.git #仓库名字改成自己的
branch: main
修改完之后记得保存,Ctrl+s用于保存。
安装插件
安装一个部署插件 hexo-deployer-git
打开cmd输入npm install hexo-deployer-git --save就可以安装了。
npm install hexo-deployer-git --save
最后执行以下命令完成部署
hexo g -d
至此即可在浏览器访问网址: https://你的用户名.github.io 就会看到你的博客了。
八、hexo主题使用
主题官网:https://hexo.io/themes/
1.下载主题
找到hexo文件所在的位置,找到themes,右键单击,选择在Git Bash Here打开。
打开之后输入指定下载命令
git clone https://github.com/Sariay/hexo-theme-Annie.git
等待安装之后可输入指令ls查看
ls
然后修改_config.yml文件里的theme配置来更换使用的主题
最终应用到hexo上即可
hexo clean
hexo g
hexo d
本地预览
hexo s
至此所有搭建过程都已经完成,我尽可能多的使用插图,是希望我的博客可以对你们搭建博客平台有所帮助,因为我是一枚计算机小白,在搭建的过程中遇到很多的问题不知道如何解决,有过着急,也想要放弃,但真正去克服解决这一个一个问题,所获得的成就感是无法言语的。
最后的最后放上几位大佬的博客供大家参考,里面有对一些问题的解决方案:
1:https://blog.csdn.net/qq_45836474/article/details/104027945
(这位大佬提供了删库的方法以及对主题无法使用的解决方案)
2:https://blog.csdn.net/weixin_51706044/article/details/113409280
3:http://weimumu.top/2020/ckjco6flf00022gnl4c163vst/
4:https://blog.csdn.net/qq_51954912/article/details/113383755