使用Hexo-Github-Pages搭建属于你自己的个人博客

折腾了好几天终于把博客大体上搞起来了,第一篇文章就来回顾一下坑都是怎么挖出来的博客怎么搭起来的。

为什么要搭建博客

博客在我来说最重要的还是作为笔记的作用,将自己的所得所感如实记录下来。既可以防止知识长期不使用而遗忘,也可以梳理一下最近的生活,以免自己过得浑浑噩噩。

博客搭建

废话不多说开始进入正题

背景扫盲

工欲善其事必先利其器,先来了解一下HexoGithub

注册github账号

进入github站点直接注册即可。
不会注册?不用担心,教程都准备好了

创建仓库

点击右上角头像边的加号然后选择New repositor(新存储库)新建一个仓库

开启Github Pages

进入设置

找到这个位置,点击choose theme

进入后直接确认即可

安装node.js和git

直接下载安装即可
node.js下载
git下载
安装完成后打开命令行窗口(win+r,输入cmd,点击运行),分别输入node-v,npm-v,结果如下图返回安装版本就说明已经安装好了。

git的话右键打开gitbash,输入git version返回版本号则说明已经安装好,如下图

注意,在gitbash中应该输入git version 而不是git -v 或git –version

SSH授权

打开git bash,输入ssh-keygen -t rsa, 接着回车三下
这样就会在C盘用户目录下生成id_rsa和id_rsa.pub这两个文件,前者是密钥,后者是公钥,用记事本打开id_rsa.pub,复制其中的全部内容,添加到这个页面,这样本地的id_rsa密钥就可以和GitHub上的id_rsa.pub公钥进行配对
测试是否添加成功。在命令行(即Git Bash)依次输入以下命令,返回“You’ve successfully authenticated”即成功:

1
2
ssh -T git@github.com
yes

安装hexo

在任意一个地方新建一个文件夹(好找到的地方,不然每次操作会很麻烦),鼠标右键 gitbash here 在当前位置打开gitbash,输入以下命令,安装hexo即可

1
2
npm install -g hexo
npm install hexo --save

回车之后,可能会出现warn的警告,不用管它,等着就行
当输入hexo -v出现版本号之后就代表安装好了

初始化hexo

输入hexo init进行初始化
结束之后输入 hexo s进行预览,顺便说一句,使用预览后,你在本地对 hexo 进行的调整保存后将会直接应用到网页上,直接刷新后就能看到效果,这在后期进行个性优化的时候十分有用,不要再傻傻的每次改动后再重新部署一次了
这时候,打开浏览器输入http://localhost:400/就能看到自己的博客了,开不开心?惊不惊喜?
修改主目录下_config.yml在文件中找到对应位置,并修改如下:

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:Github账号名称/Github账号名称.github.io.git
branch: master

注意,在yml文件中冒号后必须有一个空格

上传到 github

在 gitbash 中输入hexo g -d将本地内容同步到github
在此附上 hexo 常用命令

1
2
3
4
5
6
hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#部署
hexo clean #清除缓存 网页正常情况下可以忽略此条命令

至此,利用 hexo 搭建博客的主体部分就算结束了,此时其他人也可以直接输入域名访问你的博客了

更改主题

如果不喜欢 hexo 的默认主体可以前往hexo官网挑选自己喜欢的主体进行更换
在 hexo 主题页面点击主题图片即可进行预览,点击主题名称将会进入下载页面,具体下载步骤如下
首先,点击如图所示位置,复制下载链接

然后在博客根目录的themes文件夹下打开 gitbash ,输入git clone +刚刚复制的链接即可,随后便是漫长的等待…

下载完成之后在博客根目录的 _config.yml 中将 theme 变量改为要更改的主题名即可。

主题中的配置文件一般也叫 _config.yml 注意区分
-----------本文结束感谢您的阅读-----------
0%