当前位置:首页 > 每日看点

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

卡卷网1年前 (2025-05-22)每日看点239

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

分享给朋友:

相关文章

现在做抖音的话,还有机会嘛?

现在做抖音的话,还有机会嘛?

之前我问过小杨哥一个问题:“现在抖音还好做吗?” 疯狂小杨哥在抖音已经突破1亿粉丝,直播间10w的在线观看人数,日常带货随便一场也是上7位数的数据。 现在抖音的市场好像已经被头部占领,资源靠前,普通人似乎已经没有机会了? 下面是小杨哥对于做…

只有我一个人后悔升级鸿蒙next吗?

只有我一个人后悔升级鸿蒙next吗?

我有一台mate 60 pro,第一时间升级了“纯血鸿蒙”。 虽然功能并不完善,甚至有些简陋,但是我非常~非常不后悔升级鸿蒙next系统。 因为.... 这就是一款“大型养成系游戏“,给我平淡的生活提供了源源不断的情绪价值。 我每天特别…

拼多多百亿补贴买手机电脑等数码产品靠谱吗?

大家很多人都在问pdd百亿补贴购机靠谱吗? 首先声明一下,我不是pdd的人,我只是一个普普通通混迹从事pc行业的数码玩家,我只是在评论区看到很多人都在无脑推百亿补贴,特地发一条怗子来说明一下这个东西。此怡不存在偏向引导,此站仅站在我个人角度…

如何评价小米14pro顶配可以选配卫星通话,小米15全系都无法选配?

如何评价小米14pro顶配可以选配卫星通话,小米15全系都无法选配?

雷总不是说了吗,我可以不用,但你不能没有。市面上OPPO Find X8 Pro和vivo X200 Pro的卫星通信版分别加价300,而荣耀Magic7和Magic7 Pro有卫星通信版且不加价,荣耀更显诚意。 我觉得有是更好的,虽然使用…

在追求家居美学的过程中,如何选择一款电视机,使其既具备出色的音画质又能与家居装饰相得益彰?

在追求家居美学的过程中,如何选择一款电视机,使其既具备出色的音画质又能与家居装饰相得益彰?

先看照片,你就说美不美吧? 我家这个40平的客厅东西放得不少,其中最提升观感的是各种灯光,在这么多灯光中,是不是第一眼视觉中心就落在了电视上?没错,因为这电视是非常特别的环景光电视,与显示器的神光同步一样,会随着画面的变化而变化不同的光…

为什么神经网络可以解偏微分方程,是什么原理?

为什么神经网络可以解偏微分方程,是什么原理?

题主一直比较关心神经网络在其他科学领域的应用,比如数学、物理学还有生物学,比如AlphaFold。本次带来的这篇文章傅里叶神经网络算子解偏微分方程就是一个很有意思的方向,其实我自己去年在给美国一个客户做兼职预测数字货币期权价格的时候就用到过…

发表评论

访客

看不清,换一张

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