Hexo零成本搭建个人博客网站


前言

在这里插入图片描述

如果你想拥有一个自己的博客网站(类似上面这种),但是不想花钱购买服务器来搭建,那么恭喜你,阅览本文你会搭建一个属于自己的博客网站。搭建的网站可以编写笔记、上传代码。而你也会开启一个属于自己的世界,并且网站可以随时切换另一种主题风格。

本文需要用到的网站:
Hexo官网:Hexo官网
Hexo主题包:Hexo主题包
Gitee官网: Gitee官网
Git 官网: Git官网
Node.js官网:Node.js
Tyora官网:Typora官网


提示:以下是本篇文章正文内容,下面案例可供参考

一、Git工具和Node.js的安装

1.Git工具的安装

打开Git官网,点击下载,安装无脑下一步即可。

在这里插入图片描述
Git安装成功:任一位置右击鼠标,会出现“Git GUI Here”和“Git Bash Here”,则表示安装成功。

Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
Linux (Ubuntu, Debian):sudoapt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yuminstall git-core

2.Node.js的安装

打开Node.js官网,点击下载,安装无脑下一步。
在这里插入图片描述
Node.js安装成功:Win+r,输入cmd,回车,输入node -v,回车显示版本号,则表示安装成功。:

node -v

在这里插入图片描述

二、Hexo安装

1.Hexo简介

Hexo是一款基于Node.js的静态博客框架,依赖少,易于安装使用,可以方便的生成静态网页托管在GitHub和Gitee上,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为Hexo的创建者是台湾人张文台,他是一名开源开发者,也是Node.js的早期使用者之一,Hexo项目是他在工作之余发起的,并得到了社区的支持和贡献,所以对中文的支持很友好,可以选择中文进行查看。

2.Hexo安装步骤

1.计算机任一位置,新建一个hexo的文件夹。
在这里插入图片描述
2.进入文件夹,右键点击Git Bash Here,以下简称GBH
箭头所指的是:本地地址
在这里插入图片描述
3.打开Hexo官网,在下方找到安装命令。
在这里插入图片描述

4.安装Hexo:在GBH里输入npm install hexo-cli -g
在这里插入图片描述
安装结束可以输入hexo -v查看版本号。
在这里插入图片描述

5.初始化Hexo:继续输入hexo init blog
在这里插入图片描述
6.进入文件夹,安装npm:继续输入cd blognpm install
在这里插入图片描述
此时,可以在本地文件夹里找到blog文件夹,点开文件夹,可以看到配置信息。
在这里插入图片描述

7.最后输入hexo server,后面显示http://localhost:4000/,则表示安装Hexo成功。恭喜你,你已经拥有了一个属于自己的博客网站。不过这个博客只能在本地访问,无法联网让其他人查看。在这里插入图片描述
8.打开浏览器,输入网址,即可访问。
提示:下图为设置主题的样式。
在这里插入图片描述

三、编辑个人博客网站

1.新建文章:

blog文件夹里,打开GBH,输入hexo new "文章标题"

hexo new "新电脑配置"

在blog\source_posts下看到创建的文章。
在这里插入图片描述
双击点开刚刚创建的文章,推荐使用Typora来编写文章。
在这里插入图片描述

2.网页生成:

再运行hexo g,生成网页。
在这里插入图片描述

3.博客生成:

最后运行hexo s,生成博客。
在这里插入图片描述

4.网站查看:

浏览器打开http://localhost:4000/查看是否新增文章。
在这里插入图片描述

四、博客主题更换

1.找到主题网站

Hexo主题官网或Hexo首页滑到最下方。
在这里插入图片描述

然后找到一个喜欢的主题:例如:https://hexo-theme-async.imalun.com/guide/

2.安装主题

根据主题安装步骤进行操作。
在这里插入图片描述

3.修改主题配置

根据主题的步骤,找到配置,根据指南进行配置。

4.生成和运行博客

hexo g
hexo s

五、注册gitee

1.打开Gitee网站

Gitee官网

2.Gitee简介

Gitee是开源中国推出的基于Git的代码托管服务平台,可以用它做个人博客。

3.Gitee实名验证

右上角找到“账号设置”,找到“实名验证”,进行验证。
提示:没有实名验证就没有办法开启Gitee Pages服务。
在这里插入图片描述

4.新建仓库

右上角找到“+”,找到“新建仓库”。
路径为个人空间地址。
在这里插入图片描述

5.将博客上传到Gitee中

1.复制下面两行代码:

git config --global user.name "xxx"
git config --global user.email "xxx@user.noreply.gitee.com"

在这里插入图片描述
然后在GBH上粘贴。

2.在GBH输入 ssh-keygen -t rsa -C "邮箱地址",输入三次回车。
3.获取秘钥:输入cat ~/.ssh/id_rsa.pub,然后复制显示的秘钥,打开刚刚创建的仓库,
4.添加秘钥:在gitee设置中,找到SSH公钥,粘贴刚刚的秘钥。
在这里插入图片描述

5.输入:ssh -T git@gitee.com,返回successfully,表示成功。
在这里插入图片描述

6.打开_config.yml网站配置文件,找到deploy,添加下面内容。
repository:后面增加一个空格,后面地址为Gitee仓库的SSH地址。
在这里插入图片描述

7.运行完成将博客部署到Gitee中:运行npm install hexo-deployer-git --save
8.输入hexo ghexo s
9.部署博客:hexo d,部署完成,可以在Gitee仓库中看到创建的代码文件
点击“管理”,将仓库开源。
在这里插入图片描述
点击服务,点击Gitee Pages,开启强制使用。
在这里插入图片描述
网站上会提示“你正在部署网站”。
在这里插入图片描述
后面的地址就是个人博客的地址。

恭喜你已经获得一个完全免费的个人博客网站。

六、更新博客网站

更新自己的博客后,运行hexo g生成网页。hexo s运行本地服务器。先在本地查看修改的样式是否满意。再将网页部署到Gitee中,输入hexo d部署博客。然后打开Gitee在Pages服务中点击更新,博客就会发生变化。

如果没有发生变化,可以输入hexo clean清理缓存文件,然后再输入hexo ghexo d重新部署一次。

总结

做自己的博客,不是一个简单的事情,但是绝对是一件很酷的事情。

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

啸啸说

你的鼓励将是我创作的最大力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值