大功告成

历经五个多小时的千辛万苦,总算部署好了自己的个人博客。

这个博客用的是cloudflare的二级域名,我没钱买自定义域名。如果你花了很久加载进来那还挺抱歉的(听豆包说用手机流量可以加载得更快),毕竟弄个国内的要花钱要备案,特别烦人。希望cloudflare不要关闭二级域名的功能吧。

地址是https://taigua-tailang-blog.pages.dev/

另外还有一个https://taigua-tailang.pages.dev/
是我测试二级域名是否能注册时,上传本地文件所形成的,也许后续会填坑吧,也许我会删掉。

这个博客的名字是我瞎想的。呱太是某科学的超电磁炮中的玩偶,然后我就自然而然地想到了“太呱太郎”这个名字。我现在在考虑要不要把微信名也换成这个。

经历

从初一就想建一个个人博客,今天终于完成了这个任务。
我以为个人博客需要很多前端的语言吧,比如html之类的。但是我是一个小白,什么都不会,所以就放弃了。

但是呢,用hexo的话,就算是小白也可以建一个自己的博客。里面放了很多模板的(大概)

经过这一番波折,我有很强烈的想要学习网页开发的欲望,毕竟在信息时代什么都不懂也太尴尬了。

目前是非常基础的页面。我接下来还要:

  • 学会插入图片
  • 更改页面板式
    (说实话这个页面版式,尤其是代码块,看着非常不顺眼。还是obsidian更好。)
  • 学一下javascript
  • 还没想好

哎呀无论如何还是明天再说吧。
浪费了一个晚上和一个上午完成的免费的个人博客,很有成就感。

其实我觉得豆包还是很厉害的。我花了两个小时在网上搜索各种搭建博客的办法,但都讲得很难,非常不适合我这种小白。用豆包就可以手把手教你,尽管有时候会有错误,但你遇到什么问题都可以问,这很方便。

虽然这篇文章有些地方看起来很高级,但是编辑这篇文章的人的的确确是个不能再白痴的小白。我连部署啊域名啊这些东西究竟是什么都不知道。

建立过程

全程都是豆老师手把手教我的:

  • 注册github,创建仓库,不要加README
  • 注册cloudflare
  • 下载Node.js
    • node验证:弹出版本号就算下载成功
      1
      2
      node -v
      npm -v
  • 下载hexo
    1
    npm install -g hexo-cli
  • 创建blog文件夹,其中hexo s是本地预览;关于网页的所有操作都要在这个文件夹中进行。
    1
    2
    3
    4
    hexo init blog
    cd blog
    npm install
    hexo s
  • 下载git并检验git版本
    1
    git --version
  • 配置git
    1
    2
    3
    git init
    git config user.name "你的GitHub用户名"
    git config user.email "你的GitHub注册邮箱"
  • 在blog文件夹增加.gitignore文件,文本内容为
    1
    2
    3
    4
    5
    6
    7
    .DS_Store
    Thumbs.db
    db.json
    *.log
    node_modules/
    public/
    .deploy*/
  • 初次提交推送代码并授权
    1
    2
    3
    4
    5
    git add .
    git commit -m "初始化博客"
    git branch -M main
    git remote add origin "你的github仓库https地址"
    git push -u origin main
  • cloudflare绑定github仓库,要选择pages而不是workers
    • build command填:
      1
      npx hexo generate
    • Build output directory填:
      1
      public
  • 用记事本打开blog文件夹中的_config.yml文件,并修改url: 后面的网址
    1
    2
    3
    # URL
    ## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
    url: http://example.com
  • 你也可以修改前面的网站信息。注意英文:后面要加空格。改完用git保存执行上传。
    1
    2
    3
    4
    5
    6
    7
    8
    # Site
    title: Hexo #改成你的博客名字
    subtitle: '' #博客副标题
    description: '' #博客简介
    keywords: #搜索关键词
    author: John Doe #改成你的名字
    language: zh-CN #把 en 改成 zh‑CN,博客显示中文
    timezone: 'Asia/Shanghai' #时区
  • 尝试处理第一个博客

以后我还得去学一下hexo和git的命令,但因为有obsidian的经验所以markdown语法不在话下。

如果说有人也有想要建一个博客的要求,希望这可以给你一点参考建议。

备注:打给自己看的

hexo核心操作:

1
2
3
4
hexo clean
hexo g
hexo s
hexo new "文章标题"

git核心操作:

1
2
3
git add .
git commit -m "填写本次操作备注,例如:新增一篇文章 / 删除测试文章 / 修改配置"
git push

md识别开头格式:

1
2
3
4
5
6
7
8
---
title: "我的日常"
date: 2026-08-21 20:00:00
tags: []
categories: []
---

这里下面写正文内容……

日常流程:

1
2
3
4
5
6
7
8
9
10
11
12
hexo new "我的新文章"
# 去 source/_posts 编辑md写内容

hexo clean
hexo g
hexo s
# 浏览器打开 localhost:4000 检查效果,Ctrl+C关闭服务

git add .
git commit -m "新增我的新文章"
git push
# 去Cloudflare看Deployments等到绿色成功,手机流量打开博客网址查看

mdtitle:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
---
# ========== Hexo 系统原生字段 ==========
title: "文章标题:示例标题"
date: 2026-08-21 16:30:00
updated: 2026-08-21 18:00:00
tags:
- 标签一
- 标签二
categories:
- 分类A
- 分类B
layout: post
comments: true
excerpt: "手动填写的文章摘要,首页会显示这一段简介"
permalink: /article/my-test-001/

# ========== 绝大多数Hexo主题通用扩展字段 ==========
cover: /images/demo-cover.jpg
top_img: /images/demo-top.jpg
sticky: 5
description: "网页meta描述,给搜索引擎看的简介"
keywords: "关键词1,关键词2,关键词3"

# ========== 自定义私有标记(自己记录信息,页面不会渲染) ==========
author: 我的名字
mood: 平静
readtime: 6分钟
source: 个人随笔
draft: false
---

这里写文章正文Markdown内容。

原生:

字段 作用
title 文章标题,必填
date 创建时间,hexo new自动生成
updated 修改更新时间,可手动改写
tags 标签,多条用 - 换行
categories 分类,多条用 - 换行
layout: post 文章布局,普通文章保持 post 即可
comments: true 是否开启评论,false 关闭评论
excerpt 首页摘要;不写就自动截取正文前一段
permalink 自定义这篇文章的访问网址路径
主题:
字段 作用
cover 文章封面图,首页列表显示的图片
top_img 文章详情页顶部大图
sticky: 数字 文章置顶,数字越大排序越靠前;不写就不置顶
description 网页元描述,利于搜索引擎,不会显示在页面上
keywords 网页关键词,逗号分隔
私有字段可以自定义。

简单修改可以直接在github仓库中修改。
我试了一下真的可以!
这么说的话那不是很方便吗?我还要在本地搞这搞那干嘛,直接在github上不就行了?
那以后就这样,编辑文章就在github上直接编辑。要弄主题什么的,我再转战本地hexo。