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

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

卡卷网3个月前 (05-22)每日看点72

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

分享给朋友:

相关文章

淘宝终于支持微信支付:这一刻我等了太久

淘宝终于支持微信支付:这一刻我等了太久

今天微博圈就被淘宝的消息刷屏了。没错,正是关于淘宝即将全面支持微信支付的消息。这条消息一出,立刻登上了微博热搜,毕竟社交巨头和电商巨擘的联手,实在令人瞩目。不少大媒体也纷纷跟进报道,这阵势真是令人惊叹。网友们纷纷表示这是巨大的变革,终于可以...

短视频如何快速变现?

短视频如何快速变现?

单人日产200条视频,一晚狂赚上千元,过程却简单到荒唐。只要你像这只猥琐的海鸥一样,做到这3点就行↓↓点开有惊喜速度快、不讲武德、不被发现那做短视频如何做到这3点?答案是养一只会叼视频的海鸥不是让你养真的海鸥而是用 ai 运营方法,类似于“...

为什么我感受不到 1500 元的手机比四五千的差?

我长期使用两千元左右的安卓机,一天接近8小时的重度手机使用者。某天我突然想试试看传说中非常赛艇的苹果。狠了心,砸了钱。七千大样买了爱疯。就这?什么辣鸡玩意。而且因为我一直更新软件,用了两年爱疯就卡了。并没有传说中的用四五年不卡。用了这么一次...

你为什么讨厌抖音?

我就被抖音毁了。现在被我媳妇从抖音里拯救出来了。我为什么会这样说?我媳妇硕士在读,我文化程度相对就比较低了。大多数人看抖音其实就是为了一图一乐呵刚开始我也是这样的,我是2017年在朋友的推荐下注册了抖音,刚开始那时候对抖音不太上瘾,一周也就...

有没有能够兼顾便携并且流畅运行各种AI应用的笔记本?求推荐?

有没有能够兼顾便携并且流畅运行各种AI应用的笔记本?求推荐?

看了下题主的描述,可以考虑「联想YOGA Air 15 Aura AI元启版」,今年9月底出的一款轻薄本,也通过了英特尔Evo严苛认证。处理器用了英特尔最新的「酷睿 Ultra 7 258V」,主要亮点就是AI性能、图形处理能力和能效,很适...

常微分方程的理论对偏微分方程的研究有没有帮助?

常微分方程的理论对偏微分方程的研究有没有帮助?

之前看到过一句话,好像是 Bourgain 说的,大意是做 ode 的做到深处就到了 pde,做 pde 的做到深处就到了 ode,ode 和 pde 最后是相通的。以我目前有限的知识,只知道下面两个方向:1. Hamilton 系统在现代...

发表评论

访客

看不清,换一张

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