title: 基于Hexo + Github Pages 免费搭建博客
category: 博客
tags:

  • Hexo
  • 博客
    abbrlink: 4022353000

date: 2021-07-19 13:42:57


"当你不知道该写什么的时候就写如何搭建博客"

前言:博客有非常多的第三方平台,比较早的有博客园、CSDN,现有简书、掘金、知乎专栏 以及微信公众号等等。我们可以直接在上面发表内容,交互人性化,能够被搜索引擎检索到。

但是这总归是别人的平台,写作内容或多或少会受限,这时候就希望能有自己的博客。于是鄙人经过不停谷歌,最终采用了 Hexo + Github Pages 的方式搭建自己的博客。

此方法全过程需要有一定的动手能力与时间、耐心,工具仅仅需要一台能够科学上网的电脑即可。

Github Page 是 Github 提供的一种免费的静态网页托管服务可以用来托管博客、项目官网等静态网页。

参考大佬:

【效率为王】超详细 Hexo + Github Pages 博客搭建教程

超详细Hexo+Github Page搭建技术博客教程:

hexo搭建个人博客

Windows下,Hexo+GitHub搭建博客

从零开始搭建个人博客(超详细)

韦阳的博客

技术拆解官

总结

注意!!此总结并不是教程分享向的博文,写得不是很详细,文字排版也没有完全美化、没有参考图片。强烈建议你参考推荐的大佬链接

一. 先注册一个GitHub账号,并且按照格式要求创建你的仓库。

确保你的仓库是public。

仓库名一定要是:用户名.github.io

二. 下载git。

参考:https://www.huaweicloud.com/articles/a309afc2a9bcf498763ab43770993587.html

三. 配置git与其他工作。

1. 桌面右键打开 Git Bash,分别输入以下指令,将git与GitHub账号绑定。

git config --global user.name "github 用户名"
git config --global user.email "github 注册邮箱" 

2. 接着继续输入以下指令,从而生成 ssh 密钥文件,输入如下命令后直接三次回车即可。

ssh-keygen -t rsa -C "github 注册邮箱" 

3. 在完成2后

会在C盘用户路径生成.ssh的文件,里面有id_rsaid_rsa.pub两个文件,前者是我们私有的,而后者则是对外开放的。用记事本或其他合适的软件打开id_rsa.pub文件,复制里面的密钥

4. 然后打开GitHub——头像——Settings——SSH and GPG Keys页面

创建一个新的 SSH key,填写Title和Key,Title可以随意,而Key的内容则是我们刚才复制的id_rsa.pub中的内容,最后点击Add SSH key即可;

5. 去官网下载最新的稳定版Node.JS.

6. 鼠标右键任意地方,选择Git Bash,使用以下命令安装hexo.

npm install hexo-cli -g
npm install hexo-deployer-git --save

7. 找一个磁盘新建一个文件夹用于存放你的博客,然后进入该文件夹,鼠标右键选择“Git Bash”,分别输入以下命令。

hexo init
npm install
hexo g
hexo s

此时会在本地开启一个http服务,监听4000端口,我们可以在浏览器访问http://127.0.0.1:4000

可以通过键盘快捷键 Ctrl+C 停止服务。

(说一下:笔记本的insert键为粘贴,方向键向上为上一段指令,向下为下一段指令,继续向下为虚无.

8. 在完成第4步的基础上.

首次使用还需要确认并添加主机到本机SSH可信列表。若返回 Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 内容,则证明添加成功任意位置右键打开Git Bash,输入以下命令,使用私人密钥与GitHub进行认证和通信。

ssh -T git@github.com

9. 打开第7步你创建的博客文件

找到根目录的_config.yml这个文件,用合适的编辑器打开它(记事本等),拉到最后,输入以下格式内容后,保存退出。

type: git
 repository: git@github.com:*********/*********.github.io.git
 branch: master

备注:

(1)hexo的配置文件中任何一个“:”后面都是带一个空格的。

(2)repository后面的内容是你第一步创建库的时候生成的SSH地址。

10. 最后,在你的博客文件位置右键打开Git Bash,输入以下指令。

hexo g
hexo d

大功告成。这时可以登陆Github查看代码是否已经上传到你对应的Repository,在浏览器访问:用户名.github.io就能看到自己的博客了。第一次访问地址可能访问不了,您可以在几分钟后进行访问,一般不超过10分钟。

11. 博客主题美化

基于Hexo搭建的博客有着非常多的主题,在此博主搭配的是Next主题。

在这里分享几个大佬教程。

羽毛工作室教程

超详细,超全面(两万字)

hexo史上最全搭建教程

从零开始搭建个人博客(超详细)

不才陈某技术博客

(下一篇会总结自己博客主题美化过程。)

博客真正的意义在于不断创作内容,而不是折腾博客框架与配置。开始发表你的第一篇博文吧!

答疑

在认真学习网上很多教程的时候,应用在自己的网站上总会出现一些问题。以下是遇到的一些问题。

1. 选择博客Next四个主题那里出现的问题。(在后续主题美化时候我会总结出来)
2. 标题:解决hexo本地与部署不一致问题。

hexo博客在本地可以正常预览,部署到github上后为什么无法显示样式,只有内容呢?

请修改_config.yml的url的值为你的网站主URL(如:https://xxx.github.io)。

如何不在家,也能隨時隨地寫文章?

Hexo 博客备份与恢复

在Github上备份Hexo博客

那些在学习过程中遇到的开拓者

认识我的hexo

易百教程

苦心孤诣

十佳评测

万书涛的个人博客

青山绿水

幼稚园园长

GitHub 汉化插件

...

...

最后修改:2021 年 11 月 28 日 01 : 58 AM
如果觉得我的文章对你有用,请随意赞赏