一、 搭建github仓库
1.注册账号
大家介绍搭建的博客是部署在Github上的,所以肯定是要有一个Github账号的,没有的小伙伴去注册一个吧,操作比较简单这里就不在多讲了。
2.创建仓库
进入github中后点击右上角“+”号,点击“New repository” :
命名一定要和用户名一致,类似:super0514.github.io
3.出现问题
其一、登陆github网速问题:
因为github毕竟是国外的网站,所以我们访问的时候会很慢,并且很难进去,这里推荐给大家一个大佬gitee的加速器:https://gitee.com/docmirror/dev-sidecar?_from=gitee_search
需要注意的是未关闭下不要重启电脑,不然会导致无法上网,可以设置自启动
其二、创建github令牌:
因为我们在使用git提交信息时,现在不在使用密码,而是使用令牌token了,所以我们需要创建一个新的令牌,这里我就偷个懒,毕竟这里没出啥问题,把大佬的链接奉上:如何创建个人访问令牌
需要注意的是创建好后需要保存好令牌,第二次打开后是看不到令牌了的
二、将博客部署至github中
1.下载相关“配件”
安装git 这个是身为一个程序员必备的啦,相信大家都已经安装了,没有安装的话可以去网上搜索下安装流程,也比较简单。
安装node.js 和 hexo
这个也很简单,网上都能搜索到:
大佬们也都整理好了嘿嘿 node.js具体安装步骤
安装完node.js后就要安装hexo啦
首先在磁盘建立一个文件夹 Blog,点开Blog文件夹,鼠标右键打开 Git Bush Here,输入npm命令安装Hexo
安装完成后,输入 hexo init命令初始化博客:
然后输入 hexo g 静态部署
这时网页已经部署完成,输入 hexo s 命令可以查看:
浏览器输入 http://localhost:4000 就可以打开新部署的网页:
因为自己已经部署完成了,所以借助了一下其他地方的图片展示
使用Ctrl+c 可以停止运行服务器
这样我们的基本“配件”都搞定了,接下来我们将hexo博客部署至github上
2.将hexo部署到github上
现在回到我们的 Blog 文件夹,用笔记本打开 _config.yml 文件
打开后,下滑至文件底部,填上以下内容:
deploy: type: git repository: https://github.com/super0514/super0514.github.io.git #你的仓库地址 branch: main
branch 填你刚刚创建GitHub仓库的默认分支名称,看下是master还是main,不要填错了,还要注意一下,冒号后面加一个空格
只要是配置文件中更改内容或者填写内容,冒号后边都需要加一个空格
然后回到 Blog 文件夹中,打开Git Bash,安装Git部署插件,输入命令:
npm install hexo-deployer-git --save
然后分别输入三条命令(“三部曲”):
hexo clean #清除缓存文件 db.json 和已生成的静态文件 public
hexo g #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)
hexo d #自动生成网站静态文件,并部署到设定的仓库(hexo deploy 的缩写)
1
2
3
完成以后,打开浏览器,输入 https://xxx.github.io就可以打开你的网页了, 比如我的博客地址为https://super0514.github.io,如果你的博客没有显示或刷新可以等一小会儿再刷新一下,它可能会有延迟的问题。到这一步为止,你已经成功部署了属于你自己的一个简单博客了,不过样式看起来不怎么好看,接下来我们使用主题hexo-theme-matery来美化一下我们的博客。