news 2026/6/23 17:52:16

使用 Github Pages 和 Hexo

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
使用 Github Pages 和 Hexo

截图:

baby7.github.io首页截图

下面说一下优缺点,主要对比的是购买服务器搭建个人博客。

优点:

不需要买服务器

使用Github Pages的服务器,只需要建一个github仓库,然后往里面放html文件就可以了,不需要去买服务器续费服务器。

不需要买域名

可以直接使用Github Pages提供的二级域名,不仅省去了买域名的花费,还省去了域名申请这个冗长的流程。

不需要担心被攻击

有Github撑腰,一点不带怕的,不像我现在这个博客,三天两头被攻击o(╥﹏╥)o

缺点:

不利于SEO收录

我尝试在百度的站长平台验证Github给的二级域名都提示不能被收录,不过可以通过再购买一个域名做转发,但这又是一笔花费,而且域名申请挺麻烦的。

新发现:google和必应可以收录github.io的网站!

谷歌站长工具: https://search.google.com/search-console?hl=zh-CN

必应站长工具: https://www.bing.com/webmasters

网络不太通畅

众所都周知,国内github的网络情况一言难尽,经常访问不了,这种情况在用它搭博客的情况下还不利于seo。当然如果自用的话有魔法就没问题了。

二、搭建

先推荐下官方的搭建方法,我搭建完才看见这个,不过也懒得再换了。

在 GitHub Pages 上部署 Hexo

三、流程

一、 Github部分

1. 仓库

首先在建立一个仓库,仓库名是username.github.io,其中username是你的github账号名,这个也是你的最终的博客域名,如果你想改个别的域名,要不然改github的账号名(不过理论上之前仓库的地址都会变),要不然再申请一个账号。另外记得仓库的权限要设置成公开,不然无法访问。

截图:

GithubPages配置截图

2. 初始化

复制仓库地址,在本地使用你常用的开发软件或者VsCode什么的拉取代码然后创建一个index.html。

index.html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<h1>学习HTML五年有余,得此页面</h1>

</body>

</html>

3. 测试

push到仓库上以后等待Github Action完成,进入浏览器输入username.github.io测试是否能看到第二步初始化中的<h1>标签中的内容

二、Hexo部分

1. 初始化

首先进入仓库,然后执行如下命令

$ hexo init <folder>

$ cd <folder>

$ npm install

folder随便起,最好就起个hexo

2. 修改基础配置

修改_config.yml,这里放一下基础设置(来源官网)

设置 描述

title 网站标题

subtitle 网站副标题

description 网站描述

keywords 网站的关键词。 支持多个关键词。

author 您的名字

language 网站使用的语言。 使用 2 个字母的 ISO-639-1 代码,或 它的变体。 默认为 en。

timezone 网站时区, Hexo 默认使用您电脑的时区。 请参考 时区列表, 中国可以用 Asia/Shanghai。

3. 新增文章

执行命令

$ hexo new [layout] <title>

layout是布局,这里先填post就行,然后title是文章标题

在目录/source/_posts中找到对应的md文件进行写作

4. 编辑文章

这里放个例子

---

title: 第一篇文章

date: 2024-01-01 00:00:00

---

> # 学习Markdown五年有余,得此文章

5. 本地运行

修改后在命令行运行

hexo server -p 4000

在浏览器输入localhost:4000查看是否可以访问到

6. 生成

在命令行输入

hexo generate

会在/public中生成所有的静态文件,复制所有的,粘贴到仓库那一层(就是上上层)

7. 测试

然后push除了的文件,等待Github Action完成后进入浏览器输入username.github.io测试是否能正常查看

四、主题

好看的博客主题必不可少

官方的主题仓库里有不少,我推荐最后更新时间比较近的,时间远的可能版本和Hexo不匹配。

主题仓库:https://hexo.io/themes/

使用:

一般是使用首先使用命令下载主题

$ git clone https://github.com/xxx/xxx-xxxx.git themes/xxxxx

然后在_config.yml文件中修改使用的主题

theme: xxxxx

选型:

纯看自己审美,我的主博客是暗色风还花里胡哨的,这个新搭建的就选一个浅色的

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/23 14:07:52

线性代数:多维世界的变形工具箱

线性代数这仨字&#xff0c;一听就很“大学数学课本味儿”&#xff1a; 上课&#xff1a;黑板上全是矩阵、行列式、特征值 λ下课&#xff1a;作业里全是高斯消元、求逆矩阵考试&#xff1a;背公式 套套路&#xff0c;心想“我以后真的会用到这玩意儿吗&#xff1f;” 但你要是…

作者头像 李华
网站建设 2026/6/23 10:48:24

力扣题目142. 环形链表 II​的解法分享,附图解

题目&#xff1a; Problem: 142. 环形链表 II图解&#xff1a; 思路&#xff1a; 设两个指针fast和slow&#xff0c;fast每次走2步&#xff0c;slow每次走1步 设n为fast比slow多走的圈数 当相遇的时候根据fast和slow的步数关系&#xff1a; 2&#xff08;xy&#xff09;xy&…

作者头像 李华
网站建设 2026/6/23 11:08:53

MATLAB电力系统继电保护之自动重合闸

MATLAB电力系统继电保护自动重合闸在电力系统的运行维护中&#xff0c;继电保护里的自动重合闸功能可是相当关键。今天就来唠唠基于MATLAB实现电力系统继电保护自动重合闸。 什么是自动重合闸 自动重合闸装置&#xff0c;简而言之&#xff0c;就是当电力系统故障导致线路断路器…

作者头像 李华
网站建设 2026/6/22 18:46:21

10 个AI写作工具,助你轻松搞定继续教育论文!

10 个AI写作工具&#xff0c;助你轻松搞定继续教育论文&#xff01; AI 工具如何让论文写作更轻松&#xff1f; 在继续教育的道路上&#xff0c;撰写论文是许多学员必须面对的挑战。尤其是在当前 AIGC 技术广泛应用的背景下&#xff0c;如何既保证论文内容的原创性&#xff0c;…

作者头像 李华
网站建设 2026/6/23 17:05:36

【开题答辩全过程】以 基于Vue的茶道知识科普网站的设计与实现为例,包含答辩的问题和答案

个人简介一名14年经验的资深毕设内行人&#xff0c;语言擅长Java、php、微信小程序、Python、Golang、安卓Android等开发项目包括大数据、深度学习、网站、小程序、安卓、算法。平常会做一些项目定制化开发、代码讲解、答辩教学、文档编写、也懂一些降重方面的技巧。感谢大家的…

作者头像 李华