从0到1创建个人博客

Alen2024-06-092024-07-25

Hexo 创建个人博客
*Hexo 是一个基于 Node.js 的博客框架，支持 Markdown、一键部署和插件扩展。Hexo 提供了 405 个美观、强大、可定制的主题让你轻松创建自己的博客。
简单来说，就算你是零基础的小白，也可以轻松、快捷、高效的创建一个属于自己的博客。

你可以在上面谢谢心得、记记笔记、记录生活或者分享图片，最重要的一点是你还可以向其他人装。

本章将会带你零基础创建博客，不用代码轻松创建一个与众不同的博客。

一、准备环境

1、安装Node.js

直接进入Node.js官网，点击下载长期维护版本（版本不低于 10.13）。
* 安装时无脑下一步即可（尽量安装在非C盘中）
* Node会自带npm

安装好后打开cmd窗口输入node -v如果出现版本号（如 20.14.0）就代表安装成功。

2、安装Git

同样进入官网
* Win直接下载Git,安装时无脑下一步（尽量安装在非C盘中）
* Mac使用 MacPorts然后输入 $ sudo port install git
* Linux (Ubuntu, Debian)：sudo apt-get install git-core
* Linux (Fedora, Red Hat, CentOS)：sudo yum install git-core
安装好后右键桌面出现一下两个选项即可：
GIT安装成功

若下载较慢文章最后我会把资源都放在网盘里供大家下载。

二、安装Hexo

现在自己电脑里创建一个用于储存博客的文件夹（例如hexo），双击进入文件夹后右键，点击Open GBH(Git Bash Here),这里会出先一个Git窗口，上面黄色字体就是文件路径。
在窗口里依次输入：(在Git窗口中复制是Ctrl+Ins，粘贴是Shift+Ins，而Ctrl+C是停止)
npm install hexo-cli -g
hexo init blog
如果没有报错信息（全是INFO）就说明安装成功，此时文件夹里会出现 blog 文件夹。
接着输入cd blog将路径转入 blog
做后运行npm install、hexo s

此时用浏览器访问http://localhost:4000/ 如果看到这个界面，那么你的博客已经可以在本地访问了。

不过目前只能在同一网络下的用户可以访问还无法让所有人看到。

三、更改博客样式

如果你觉得默认博客样式太丑太单调，想换成属于自己喜欢的风格，我们也可以更换博客的主题。

首先进入hexo主题官网这里有超多主题，你只需要点击名称下面的“Visit preview site”即可预览此模板网站，如果你1️⃣🚀🕧🎻，看上了这个模版就退回到hexo点击它的名称即可跳转到github的主页，往下滑就是配置教程了。
当然如果你English不太好，上面一般会有中文教程链接，然后按教程安装和配置即可。这里我用的是安知鱼主题。

四、编写个人博客

在博客根目录（blog）右键点击Open GBH，在git窗口中填写hexo new "文章标题"，然后在 cource -> _posts 文件夹中就可以看见新创建的文章了。
这里文章是用MD语法进行编辑的（Markdown 轻量级标记语言），可以用Mou、MarkdownEditor、Haroopad、VS等进行编写而我用的是VS。

具体编写格式可以参考菜鸟教程学习。

编写好后保存用 hexo g、hexo s 就可以看到文章了。

五、创建github储存库

github是国外著名的代码托管平台，至于为什么不用gitee呢？是因为gitee暂时关闭了Gitee Pages 服务，而github就可以创建一个网站。

1、注册github账户

首先访问github官网点击sign up注册填写你的邮箱、姓名等等，这里有注意你填写的姓名将是你网站域名的前缀名: 名字.github.io 。

2、创建储存库

登录好后点击右上角你的头像，点击 your repositories（你的储存库），点击new创建新储存库。
在输入新储存库名字时这里要写成你的名字.github.io ，把模式改为Public（公开），剩下的不用选点击Create repositories 创建新储存库，这时回到原来页面刷新一下就可以看到你的储存库了。

六、将播客上传到github

1、链接github

在博客根目录打开Git窗口，输入

1 2	git config –global user.name “你的用户名” git config –global user.email “你的邮箱”

然后再输入ssh-keygen -t rsa -C "邮箱地址"，摁三次（多次）回车，（若出现“（y/n）”?时输入y再回车）
最后输入cat ~/.ssh/id_rsa.pub获取密钥(切勿透露，若泄露请尽快重置)

回到github点击右上角头像点击设置，点击右侧ssh… 点击 New ssh key,随意输入公钥名称，下方填写刚刚生成的密钥，点击Add ssh key，这里会要我们输入密码确认，之后你的公钥就添加成功了。

测试ssh公钥是否绑定成功：

1	ssh -T git@github.com

如果问你（yes or no）直接选 yes，如果出现 successfully 就代表绑定成功

2、绑定并上传github

来到博客根目录打开 config配置文件划到最底部，把 type 后的引号里填上git,然后在你的github仓库中找到配置地址，点击ssh复制并粘贴到repositories后（注意一定要加空格）,并添加branch后面填上main

deploy:
  type: 'git'
  repository: ssh地址
  branch: main

ssh

然后安装hexo-deployer-git 自动部署发布工具

1	npm install hexo-deployer-git --save

输入hexo cl、hexo g、hexo s访问本地博客，在确认无误后输入hexo d上传博客。

在上传完后访问储存库就可以看见代码文件了，在上传成功后点击储存库的Seting点击Pages，如果按照我的操作，在等待一会后刷新页面如果出现Your site is live at…，那么恭喜你，你的博客已经完成，这时只需要点击链接就可以访问你的博客啦！
再看到这里把我的网站转发一下，在友链里加一下我不过分吧。

七、更新博客

在修改文件后，先用hexo cl（清除静态文件）hexo g (构建静态文件) hexo s(启用服务站点)在本地看看修改的是否满意再用hexo d部署到github等待更新完成，博客就会发生变化，如果没有发生变化刷新一下就可以了。

网盘链接
百度网盘：链接：https://pan.baidu.com/s/1GlwTVn9ujTd8FyujXM64eg 提取码：Hexo

结语

搭建一个博客、网站绝不是一个简单的事情，但一定是一个很酷的事情，即使你会遇到数不清的bug但只要你坚持下去打败困难，前方的道路将会畅通无阻，如果有讲不清或者没提到的bug随时在下方评论区提问我会尽量帮助你的。
拜拜，我们明天再见！👋