GitHub_Hexo_搭建个人博客
涂寐 Lv4

0x00 前言

很久之前就知道,可以通过hexo+GitHub搭建免费的个人博客,当时初步尝试了下,最终由于某些原因一直搁置。现在发觉,搭建一个真正属于自己的博客,特别是使用GitHub,不用特别的来维护,因此又找回来。
本文章的大体框架很早前就有了,仅是差整理。今天,天气师傅说也想搭建一个,叫我发份文章,就匆忙整理来发布。

0x01 配置Node.js环境

1
https://nodejs.org/zh-cn/

image
为保证完整性,以及方便之后的使用,建议勾选。
image
image
实话说,我有python,还是两个,它想下就下吧
之后怎么也npm i hexo-cli -g不成功,修复下nodejs吧,大致是有些组件没下完,半残的样子。
image

1
2
3
# 检测安装成功否
node -v
npm -v

image

0x02 配置Git环境

1
2
3
# 两个,自己选,Windows系统
https://git-scm.com/download/win
https://github.com/git-for-windows/git/releases/download/v2.34.0.windows.1/Git-2.34.0-64-bit.exe

image

1
git --version

image

0x03 配置GitHub

创建账号懂吧?访问网址:
https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F&source=header-home
基于创建好的账号,创建博客仓库:https://github.com/new
tumeiimage
该步用户后续域名和初始主题等设置,可不理会,直接访问博客网址(用户名.github.io)就可看到 GitHub 提供的初始界面,此处未贴图
tumeiimage

0x04 新建Hexo项目

1
2
3
4
5
6
7
8
9
10
11
12
13
# Git操作
mkdir hexo # 找个喜欢的位置,创建存储hexo的文件夹,只用博客文章之类都放着
npm install -g hexo # 使用Git拉取hexo
hexo -v # 查看版本,检测成功否
hexo init # 初始化hexo
npm install # 安装hexo的扩展模块
hexo g # 生成静态文件
hexo s # 运行本地服务进行预览
hexo s -p 5000 # 指定端口运行服务

# 国内对GitHub不友好,npm下载容易失败,可以换国内源提速
npm config set registry https://registry.npm.taobao.org #换淘宝源
npm config get registry #验证

image
image
Edge访问:http://localhost:5000/,强制转成https协议再访问,谷歌不会。
image

0x05 Hexo联动Github

一、配置Git个人信息

1
2
3
4
5
6
# 写入Github的user name和email
git config --global user.name "0xtlu"
git config --global user.email "0xtlu@qq.com"
# 生成密钥
ssh-keygen -t rsa -C "0xtlu@qq.com"
# 之后连续按三次回车进行默认确认。

image

1
2
cat ~/.ssh/id_rsa.pub		#查看SSH密钥
ssh -T git@github.com #检测SSH密钥添加成功

image
image
image

二、配置Deployment

修改配置文件hexo/_config.yml,添加如下内容

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repo: git@github.com:0xtlu/0xtlu.github.io.git # 存放博客文件的仓库
branch: master # 注意GitHub上分支,现在主分支是main
1
2
3
4
5
6
7
8
ssh -T git@github.com			# 连接一直报重置
git config --global --list # 检查本地配置的用户名和邮箱
# 删除.ssh中所有文件
# 重新生成密钥(发现是邮箱写错了)
ssh-keygen -t ed25519 -C "0xtlu@qq.com"
# 重启电脑,ok
# hexo可以上传到GitHub,但无法更新博客??
# 答:2020年10月1日,GitHub仓库默认分支由master改为main,而hexo配置文件_config.yml中的Deployment所属branch默认为master,修改为main重新上传即可。

image

0x06 部署项目

1
2
3
4
5
6
7
8
9
10
11
12
13
hexo new "tumei"	# 创建一篇博客,名为tumei
hexo s # 运行本地服务器
hexo g # 生成静态文件
hexo d # 部署到远程站点
hexo clean # 清理静态页面

# 组合命令
hexo clean && hexo g -s # 清除、生成、启动
hexo clean && hexo g -d # 清除、生成、部署

# 安装远程部署插件
# 保存位置为./Hexo/source/_posts
npm install hexo-deployer-git --save

0x07 修改主题

1
2
3
4
5
6
cd  ./Hexo	# 前面你喜欢的位置
git clone https://github.com/XPoet/hexo-theme-keep themes/keep # 拉取主题到./themes/keep
# 修改_config.yml中的theme: landscape改为theme: kepp
hexo clean # 清理一下public的内容
hexo g # 重新生成静态文件
hexo d # 部署GitHub

image

0x08 后记

欢迎各位师傅访问我的博客!!!求三连
https://0xtlu.me/
https://blog.csdn.net/weixin_46318141/

  • 本文标题:GitHub_Hexo_搭建个人博客
  • 本文作者:涂寐
  • 创建时间:2021-11-21 23:46:02
  • 本文链接:https://0xtlu.github.io/article/882cfd3d.html
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论