使用 GITEE + HEXO 免费搭建个人博客网站

想拥有自己的个人博客网站你需要购买服务器、域名、然后还需要会亿点点代码知识,这对于不少新手用户来说是一个门槛。那么如何免费快速搭建属于自己的个人博客网站呢?

在之前锋哥给大家分享过利用微软的代码托管服务 GitHub 免费搭建个人博客网站,不过因为 GitHub 时不时的会抽风导致访问不了,体验并不太好。

在昨天有粉丝留言推荐了 Gitee 来搭建,同样 Gitee 也是代码托管平台,因为平台在国内,所以访问速度比较不错。下面给大家分享利用 Gitee + Hexo 博客框架来搭建自己的个人博客网站。

准备工作

首先下载 Git(管理代码) 和 node.js(Hexo环境依赖)并安装上。

  • Git:
    https://git-scm.com
  • Node.js:
    https://nodejs.org/en

搭建博客

运行 Git CMD,然后分别输入下面的命令:

npm install -g hexo #开始安装hexo

hexo init test #初始化创建 test 文件夹

cd test #进入test目录

npm install #安装hexo所需文件

hexo generate #生成静态网页

hexo server -p 80 #启动服务

使用 Gitee + Hexo 免费搭建个人博客网站-1

安装好后你用浏览器访问 http://localhost 地址,如果能访问那么就已经搭建好了。

使用 Gitee + Hexo 免费搭建个人博客网站-2

主题模板

Hexo 默认的主题有点难看,你可以从 Hexo 官方上选择你喜欢的主题,或者从其它主题网站找相关的主题。

  • 主题下载:
    https://hexo.io/themes

使用 Gitee + Hexo 免费搭建个人博客网站-3

把下载的主题解压,放到 C:\Users\你的用户名\test\themes 文件夹里面,然后用编辑器 (如:Notepad++) 打开 \test\_config.yml 文件。在里面找到 theme 修改成你的主题名称,必须和主题文件夹的名称一致。

使用 Gitee + Hexo 免费搭建个人博客网站-4

然后在 Git CMD 按下 Ctrl+C 停止服务,再输入下面的命令:

hexo clean #清除缓存

hexo generate #生成静态网页

hexo server -p 80 #启动服务

接着同样在浏览器访问 http://localhost 地址就可以看到更好的新主题了。

使用 Gitee + Hexo 免费搭建个人博客网站-5

写文章

通过命令 hexo new "My New Post" 可以创建你的文章,会保存在 C:\Users\你的用户名\test\source\_posts 目录中。

然后你可以用文本工具打开来写作,因为是采用 Markdown 格式,你可能还需要学下简单的语法。

  • Markdown教程:
    https://www.runoob.com/markdown/md-tutorial.html

使用 Gitee + Hexo 免费搭建个人博客网站-6

在网站上刷新页面就能看到你写的文章内容了。另外你还可以给文章添加分类、添加标签等。

使用 Gitee + Hexo 免费搭建个人博客网站-7

上传到Gitee托管

首先在 Gitee 网站注册一个账号,然后再创建一个自己仓库,输入仓库名称 - 创建。

  • 注册:
    https://gitee.com

使用 Gitee + Hexo 免费搭建个人博客网站-8

用编辑器 (如:Notepad++) 打开 \test\_config.yml 文件,找到 deploy: 在下面添加如下内容:

type: git #git

repo: https://gitee.com/fengguy/fenguy #你的仓库地址

使用 Gitee + Hexo 免费搭建个人博客网站-9

在 Git CMD 按下 Ctrl+C 停止服务,输入下面的命令:

npm install hexo-deployer-git --save #安装Git插件

git config --global user.email 你的邮箱 #设置Gitee邮箱(gitee的注册邮箱)

git config --global user.name '****' #设置用户名(git的注册昵称)

hexo deploy #上传到gitee

这时候会弹出一个窗口,让你输入 Gitee 的注册邮箱和密码,确定后就会上传了。

使用 Gitee + Hexo 免费搭建个人博客网站-10

打开你的 Gitee 仓库,可以看到文件上传成功了,然后点击服务 - Gitee Pages 网页解析服务。*注意,需要进行实名认证才才能使用。最后会给你一个网址,访问就是你的博客了。

使用 Gitee + Hexo 免费搭建个人博客网站-11

使用Gridea写作

每次写内容都要手动上传是比较麻烦的,所以可以借助 Gridea 写作客户端,通过服务器设置,输入 Gitee 的相关信息后,写作内容就可以直接上传发布了。

使用 Gitee + Hexo 免费搭建个人博客网站-12

  • 相关教程:
    https://blog.csdn.net/ZXYhappiness/article/details/107564963

总结

对于平时只想记录下文字/图片内容,又不想付费购买服务器/域名那么折腾的话,这种白嫖的方式是不错的选择。另外更多 hexo 的教程等以后有时间了再发一发了,或者可以自己去官方网站研究下。

更多

  • hexo官方:
    https://hexo.io/zh-cn/
  • 教程参考:
    https://www.cnblogs.com/somata/p/11255547.html