当前位置:首页 > 每日看点 > 正文内容

如何用 hexo 搭建个人博客网站?

卡卷网7个月前 (05-22)每日看点135

Hexo是一个快速、简洁且高效的博客框架。 Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用现有的主题生成静态网页。

前置条件: 需要您的机器上安装好GitNode.js

准备工作

注:前两步可以直接看官方文档:hexo安装部署

1. hexo建站

  • 在终端执行以下命令来安装 Hexo:

npm install hexo-cli -g

  • 选择一个目录来存放你的博客文件,并在该目录下初始化 Hexo:

hexo init myblog cd myblog npm install

  • 在项目根目录下执行以下命令来生成静态文件并启动本地服务器:

hexo clean # 清除缓存文件 hexo g # 生成静态文件 hexo s # 启动本地服务器

随后可以打开浏览器访问 localhost:4000/,如果看到博客页面,说明本地搭建成功。

  • 如果您觉得官方的主题不够美观,你可以从 Hexo 主题官网 下载并安装你喜欢的主题:

npm install --save hexo-theme-name

  • 然后在 _config.yml文件中指定对应的主题即可:

theme: hexo-theme-name language: zh-CN

2. hexo部署

  • 创建 GitHub 仓库:登录 GitHub,新建一个仓库,名称为git用户名.github.io
  • 配置部署信息:在 _config.yml 文件中添加以下内容:

deploy: type: git repo: git@github.com:git用户名/git用户名.github.io.git branch: main

  • 安装部署插件

npm install hexo-deployer-git --save

  • 执行部署命令

hexo clean && hexo g && hexo d # 清除缓存、生成静态文件并部署到 GitHub Pages

完成后,你可以通过 git用户名.github.io 来访问你的博客

3. 域名映射

  • 购买域名:可以根据自己的喜好选择不同的渠道进去购买,因为阿里云比较省心,所以我比较喜欢用阿里云,下面是阿里云的购买链接:阿里云域名
  • DNS解析:登录到您的域名注册商控制台,找到域名管理并进入解析页面,添加一条记录,下面是我的配置参考:

如何用 hexo 搭建个人博客网站?  第1张

  • 配置Hexo:在Hexo博客的source文件夹下创建一个名为CNAME的文件,内容为您的自定义域名:
    http://example.com
  • 配置GitHub仓库:进入GitHub仓库的设置页面,在GitHub Pages部分找到Custom domain,输入您的自定义域名并保存:

如何用 hexo 搭建个人博客网站?  第2张

完成以上步骤后,等待几分钟,Hexo博客就可以通过自定义域名访问了。

4. SSL证书购买与部署:

  • 证书购买:和域名一样,大家根据自己的喜好选择运营商购买SSL证书即可,阿里云地址为:阿里云SSL证书管理

如何用 hexo 搭建个人博客网站?  第3张

如果预算不够的话,也可以点击图片中的个人测试证书,可以免费购买3个月的

  • 证书部署:
    (1)创建证书:购买证书之后需要在证书管理页面创建证书

如何用 hexo 搭建个人博客网站?  第4张

(2)申请证书:创建完证书之后需要提交申请

如何用 hexo 搭建个人博客网站?  第5张

证书申请通过之后证书的状态会变成已签发,此时证书申请完成。
(3)网站协议切换成Https:还是github仓库的设置界面,把Enforce HTTPS勾上即可

如何用 hexo 搭建个人博客网站?  第6张

至此,个人博客的搭建和部署结束,我们可以通过访问 https://博客域名访问我们的博客啦!

网站验证

当我们部署完我们的网站之后,我们虽然可以直接通过url访问我们的网站,但是我们无法通过搜索引擎检索到我们网站的相关内容,所以我们需要进行网站验证,网站验证主要就是为了让各大搜索引擎搜录我们的网站,这样可以让更多的人通过搜索引擎找到我们的网站。下面我将分享百度、谷歌、Bing三个常见搜索引擎的网站验证教程。

1. 百度:

(1): 首先我们需要访问百度搜索资源平台并进行登陆。

(2): 进入到用户中心的站点管理中,然后点击添加网站

如何用 hexo 搭建个人博客网站?  第7张

(3): 在第三步:验证网站中,我们需要选择HTML标签验证,然后找到hexo项目中的head.pug文件一般路径为:./themes/当前应用主题/layout/includes/head.pug, ./表示当前的hexo项目根目录,如果找不到在hexo项目中全局搜索即可。

找到之后我们在文件的最下面添加如下内容即可,谷歌和Bing也是相同的配置,后续不再赘述:

// 百度的html标记 meta(name="baidu-site-verification" content="codeva-vxWGXRA3Ih")

(4): 由于百度网页爬虫抓取网站需要时间,因此我们可以手动把我们的网页手动提交到百度搜索引擎中进行搜录:


如何用 hexo 搭建个人博客网站?  第8张


当我们成功提交之后,只需等待一些时间即可在搜索引擎中检索的我们网站中的相关内容。

2. 谷歌:

访问Google Search Console,使用Google账号登录后并选择第二个选项输入自己的网址即可


如何用 hexo 搭建个人博客网站?  第9张

作者这里因为输入的是https的网址验证直接通过了,如果大家还需要验证的话,选择验证方式为HTML标记,然后和百度的验证方式一致即可,在head.pug文件中添加google的html标记:

// 谷歌的html标记 meta(name="google-site-verification" content="填入相应码")

最后进去google search console管理页面,可以看到需要有一天的时间准备数据:

如何用 hexo 搭建个人博客网站?  第10张

3. Bing:

访问必应网站管理员工具,随后点击开始使用Google账户仅进行登陆

如何用 hexo 搭建个人博客网站?  第11张

然后选择添加网站时,我们可以选择从Google Search Console中导入,此时我们就可以便捷地把网站信息收录到Bing搜索引擎中了。

最后一句:希望我的以上内容可以给你一些帮助,如果对你有帮助的话可以给我点个关注嘛(❁´ω`❁)。

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2025/05/13282.html

分享给朋友:

相关文章

创业:集思广益并完善您的商业理念

用史蒂夫乔布斯的话来说,“做伟大工作的唯一方法就是热爱你所做的事情。开始自己的事业是迈向自己喜欢的工作的一步。但是,从形成想法到创建商业网站,在您深入研究之前,需要考虑几个基本步骤和问题:您要解决什么问题?您的目标受众是谁?您的产品或服务与...

短剧推广怎么做,24年还能赚钱吗?

短剧推广怎么做,24年还能赚钱吗?

首先声明:短剧授权是免费的!短剧授权是免费的!短剧授权是免费的!其次我们再聊聊,短剧推广到底赚不赚钱?多的就不说了,随便上个图片,给大家过过瘾!然后,我们进入主题:0粉丝账号,新手,应该如何申请短剧推广!一、短剧推广变现方式首先,我们先要分...

拼多多,怎么就成为了年轻人的「赛博菜市场」?

拼多多,怎么就成为了年轻人的「赛博菜市场」?

可惜你不在拼多多买水果蔬菜,很难一句话跟你解释,我只能笨拙的用经历来慢慢讲。我们公司有微波炉,同事们几乎都是自己带饭来上班,便当荤素搭配、水果零食;都是好看又好吃。我自己本来就不喜欢外卖,当然也加入了带饭大军: 直到某一天深夜我闲着无聊刷了...

报名的网课分期付款怎么退?

你在你分期付款的订单下面有客服电话,直接打电话描述一下你的问题,你可以告诉他你是被恶意绑定的,在不了解有退学条件这一说的情况下报的课程,可能遇到消费者诈骗了,不承认有退学金,说是霸王条款,诈骗消费者,你若分期了先把自动续费关了,别让自己个人...

你见过哪些有趣的偏微分方程组?

你见过哪些有趣的偏微分方程组?

说说我一直在做的一个偏微分方程系统吧,该模型为生物领域的趋化性(chemotaxis)模型,也叫Keller-Segel模型,由该二人于1971年左右提出,用于刻画细胞或者细菌的趋化机制。解释一下趋化性(chemotaxis):趋化性是指单...

作为一名网络工程师,每天日常工作是什么样的?

作为一名网络工程师,每天日常工作是什么样的?

先介绍下我的基本情况,本人女,不知名的网络工程师一枚,入行也有三四年了。虽然我只在代理商和集成商干过,但怎么也算是“业内人士”一枚,没吃过猪肉总见过猪跑嘛。今天,就以我经历过,或者了解过的网络工程师,来给大家介绍一下到底每天的工作日常是什么...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。