一看就懂的教你Hexo如何搭建个人博客

最新推荐文章于 2021-12-09 19:34:54 发布

maboii

最新推荐文章于 2021-12-09 19:34:54 发布

阅读量350

点赞数

本文链接：https://blog.csdn.net/weixin_43800002/article/details/108175360

版权

文章目录

想当年自己在搭建博客的时候查阅了很多资料，最近由于腾讯云服务器到期了，所以又重新将博客搭建在了Github上，因为步骤对新手来说不是很友好，所以大家可以先看我这个目录，了解一下结构，然后一步步操作就可以了。如果在操作过程有什么问题，大家在下面留言，我都会尽可能帮助大家。

前期准备

git软件安装

git官网

node.js安装

node.js下载链接

最后安装好之后，在刚刚下载的git软件中输入node -v和npm -v，如果出现版本号，那么就安装成功了。如下图所示:
在这里插入图片描述

hexo安装

在合适的地方新建一个文件夹，用来存放自己的博客文件，比如我的博客文件都存放在D:\study\program\blog目录下。

在该目录下右键点击Git Bash Here，打开git的控制台窗口，以后我们所有的操作都在git控制台进行，就不要用Windows自带的控制台了。

定位到该目录下，输入npm i hexo-cli -g安装Hexo。会有几个报错，无视它就行。

安装完后输入hexo -v验证是否安装成功。

然后就要初始化我们的网站，输入hexo init初始化文件夹，接着输入npm install安装必备的组件。

这样本地的网站配置也弄好啦，输入hexo g生成静态网页，然后输入hexo s打开本地服务器，然后浏览器打开http://localhost:4000/，就可以看到我们的博客啦，效果如下：

Github创建仓库

新建仓库: 在这里插入图片描述

在这里插入图片描述 在这后面的结尾一定是github.io

然后项目就建成了，点击Settings，向下拉到最后有个GitHub Pages，点击Choose a theme选择一个主题。然后等一会儿，再回到GitHub Pages，会变成下面这样：
在这里插入图片描述
至此你的一个博客就搭建完成啦，但是你想定制这个博客那怎么办呢？步骤如下所示：

修改博客内容

连接Github与本地

首先右键打开git bash，然后输入下面命令：

git config --global user.name "xxxxxx"
git config --global user.email "xxxxxxxx@qq.com"

用户名和邮箱根据你注册github的信息自行修改。

然后生成密钥SSH key：

ssh-keygen -t rsa -C "xxxxxxxx@qq.com"

打开github，在头像下面点击settings，再点击SSH and GPG keys，新建一个SSH，名字随便，如下图所示：
在这里插入图片描述

在如下目录中找这个文件 (你的电脑用户不是Dell)，打开它。
在这里插入图片描述

将输出的内容复制到框中，点击确定保存。

输入ssh -T git@github.com，如果如下图所示，出现你的用户名，那就成功了。

打开根目录下的_config.yml文件，修改配置文件。
在这里插入图片描述
repository修改为你自己的github项目地址。其中项目地址在repository里面的这个地方，如下所示，记得是ssh链接哦！

写博客

首先在博客根目录下右键打开git bash，安装一个扩展npm i hexo-deployer-git。

然后输入hexo new post "article title"，新建一篇文章。

然后打开g:/hexo的目录，可以发现下面多了一个文件夹和一个.md文件，一个用来存放你的图片等数据，另一个就是你的文章文件啦。

编写完markdown文件后，根目录下输入hexo g生成静态网页，然后输入hexo s可以本地预览效果，最后输入hexo d上传到github上。这时打开你的github.io主页就能看到发布的文章啦。

绑定域名

如果自己没有域名的话，可以忽略这一步，如果需要的话，可以试试购买腾讯云的域名，很便宜。

以腾讯云服务器的域名为例，快速添加网站解析：
在这里插入图片描述

之后会让你输入ip地址：
在这里插入图片描述这里的地址通过指令ping mabostudy.github.io获得：

然后打开你的github博客项目，点击settings，拉到下面Custom domain处，填上你自己的域名，保存如下图所示：
在这里插入图片描述这时候你的项目根目录应该会出现一个名为CNAME的文件了。如果没有的话，打开你本地博客/source目录，我的是g:/hexo/source，新建CNAME文件，注意没有后缀。然后在里面写上你的域名，保存。最后运行hexo g、hexo d上传到github。这一步不能少，否则会出现每次更新博客内容重新绑定域名的情况出现。
，在这里插入图片描述