0%

如何搭建一个博客

前言

心中其实想搭建博客网站很久了,十六七岁尝试过搭建网站,但到了备案那部也就放弃了。后来偶然间发现初中同学冬哥的博客,里面讲了他搭建博客过程,心中又点燃搭建网站的欲望。在此十分感谢东哥。

搭建步骤

GitHub搭建仓库

登录GitHub,点击+号,再点new repositoty。创建的仓库名:用户名.github.io。切记要跟用户名一样。选择public,add a readme file,最后点击create repository。

Snipaste_2024-11-02_20-03-36

Snipaste_2024-11-02_20-07-03

安装git

git官网下载好以后,直接无脑下一步。安装好了以后,鼠标右键有了git bash here

git生成shh密钥

右键open git bash here,双引号不要删。

1
2
3
git config --global user.name "GitHub用户名"
git config --global user.email "GitHub注册邮箱"
ssh-keygen -t rsa -C "GitHub注册邮箱"

命令输入好后直接三个回车,shh文件放在下图

复制到github

点击头像,settings,ssh and gpg keys,new shh。title不管空着。

右键bash here,输入下方命令检测

1
ssh git@github.com

hi 后面是你用户名代表成功

安装node.js

点击node下载链接

输入以下命令检测node.js,npm安装成功没

1
node -v
1
npm -v

返回版本号代表安装成功

安装hexo

hexo是博客框架,现在我们要把它下载到电脑里,首先创建一个文件夹,命名啥都可以,只要知道hexo文件放这里就行了。创建好后进入文件夹中 -> Git Bash Here -> 使用npm命令安装Hexo。

1
2
npm install -g hexo-cli
hexo init Hexo

命令输入之后会在文件夹里创建一个hexo的文件夹,点进去右键->Git Bash Here。

1
2
hexo g
hexo s

完成后浏览器输入http://localhost:4000/

将hexo部署到github

在hexo目录里找到_config.yml打开它,修改deploy。

1
2
3
deploy:
type: git
repo: git@github.com:GitHub用户名/GitHub用户名.github.io.git

如下图

image-20241103223434652

这点是让hexo 知道自己要上传到哪儿去。安装git部署插件。

1
npm install hexo-deployer-git --save

安装好后,输入下面三条命令

1
2
3
hexo cl
hexo g
hexo d

按照东哥的教程一步骤就完了,但我打开网址发现直接显示的是仓库名页面,后面在闲鱼里花了20马才知道要到github改分支。在仓库点击settings->page->master然后点save保存就ok了。

image-20241103224909787

image-20241103225005150

-------------本文结束感谢您的阅读-------------