个人博客搭建
个人博客搭建
参考文章
记录一下个人博客的搭建过程,我的是Hexo框架,参考的就是上面的视频和博客,中间有一点问题,然后我看了另外一位大佬的博客解决的,等到具体步骤具体说,然后我搭好的结果就是mondaying.cn(就是简单搞出来,主题什么的还是没搞懂),下面就简单讲一下过程。
一. 准备工作
参考文章
- 首先就是要下载node.js
node链接
就到官网下载就行,我是下载的挺顺的,没什么差池,第一篇文章讲的挺详细的,照着做就行
- 然后下载git
git链接
也是官网下载,我遇到的问题就是下载很慢,得有快半个小时多才下载好,其他没什么问题,可以参考上面放的第二篇文章
下载完上面两个后可以打开cmd检查一下是不是安装成功(输入下图三行代码),成功的话就是下面这个界面
- 然后就是下载hexo
得用管理员身份打开cmd
然后输入下面这串代码下载hexo,这里我做完忘记截屏了,不过没报错应该就是成功了(确信)
1 | npm install hexo-cli -g |
- 接着就是注册一个GitHub账号,这个我上个假期搞的,也就没截屏了,好像也挺顺的,就是取名字那里花了挺久(为什么想取的名字全被注册啊,恼)
二. 搭建仓库
这里就要用到我们之前注册的GitHub账号。主页的左边就有Create repository,点后就是下图
这里就得注意了,仓库名必须按照格式填写,即:用户名.github.io,比如我的用户名是Mondaying(这里的name和user name好像是有区别的,得用user name),那么仓库名必须填Mondaying.github.io
仓库也必须是public的,然后那个Add a README file也点上(这个我也不知道为什么,反正跟着点就对了)
然后就创建好了,放着备用
三. 配置ssh key
- 在桌面空白处右键,点显示更多选项,打开git bash,粘贴下面这串代码,记得把邮箱改成自己的,然后敲四下键盘
1 | ssh-keygen -t rsa -C "邮件地址" |
- 之后就去C盘用户文件夹里的某个文件夹里(因为好像每个人的都不一样,反正我和那个up主的就不一样,得找一下)去找下面这个文件夹
点开里面找到id_rsa.pub打开,全选复制
- 然后我们打开GitHub,打开Settings
点进去后在左边找到SSH and GPG keys,然后点击new ssh key,title那里随便取名,key那里粘贴刚刚复制的东西,创建就可以了
- 回到桌面,打开git bash,输入下面这串代码,验证一下有没有添加成功
1 | ssh -T git@github.com |
回车后记得输入yes,这里也忘记结果截屏了,还是没报错就成功(确信)
四. 本地部署
首先选择一个合适的位置创建一个文件夹,用来放置博客文件
打开文件夹,在文件夹里右键打开git bash,输入hexo init进行初始化(如果不行就输入npx hexo init)注意,输入这行代码后文件夹里应该得冒出来东西才对,就是得有一些文件的,但是像我就是输入后文件夹里没有东西,虽然没报错(我记得当时是没报错),但是是有问题的,我的解决方法也挺简单的,就是退出去,删除文件夹,然后重新弄,如果显示文件夹被占用无法删除那就重启电脑。
反正后面几步也一样,一旦有问题就删除文件夹重新来,多来几次就可以了输入npx hexo install安装
输入npx hexo g生成
我记得这里我卡了挺久,就是输入后它就是没反应,但是多等一会就有了,如果过了很久都不行就按上面方法,删除文档重新来输入npx hexo s本地部署
这之后我们就会得到一个链接,打开就可以看到我们的博客在本地部署啦,这就是我们的博客了,这里记得回到命令行点ctrl+c停止本地服务器,然后再关闭窗口,否则你就得又重启你的电脑了(恼)因为不这样后面再打开就会显示被占用
五. 上线博客
首先用记事本打开博客文件夹里的下面这个文件
当然用vscode打开整个文件夹再进行操作最好,我这里图个方便.打开之后拖到最底下,把deploy以及后面的全删掉,复制粘贴下面这段
1 | deploy: |
记得把user name换成我们的名字
- 然后桌面打开git bash,输入npx hexo g生成
这里我弹了一个报错,显示没找到git,但是视频里也没讲为什么
然后我又找到了一位大佬的博客https://www.fomal.cc/posts/e593433d.html就是这篇,然后输入下面这串代码就好了
1 | npm install hexo-deployer-git --save |
然后输入npx hexo d上传
然后这里因为是第一次使用,所以要填一下配置,按照下图输入两个代码就行,记得把邮箱和名字改成自己的(我记得代码它会提示你,你到上面复制下来改一下就行)
配置完了以后再次输入npx hexo d上传,会弹出一个GitHub登录窗口,进行登录就可以了
成功后就是下图这样
我们回到GitHub上看到仓库那边那个黄圈圈变成绿勾后就可以输入链接访问了
六. vercel部署和绑定域名
这一步其实也不是必须的,就是我看视频里搞了跟着随便弄的,其实我也不是很懂,因为其实到上面第五步博客就已经搭好了,这里我就简单讲讲我干了什么,不细说
第一个vercel部署,好像是会让速度更快,而且vercel好像还可以搞图床(虽然现在还不太懂图床是什么),是可以搞一下的,跟着上面那个视频来就行,挺简单的,不难
第二个就是绑定自己的域名,因为我们这个博客得绑定一个国内的域名才能在国内访问(好像是),然后就是买一个,绑一下就行,也挺简单的,上面视频讲得也很详细
这样我们的博客就搭建好啦,之后就是美化什么的,希望大家都能顺利搭建!