历经五个多小时的千辛万苦,总算部署好了自己的个人博客。
这个博客用的是cloudflare的二级域名,我没钱买自定义域名。如果你花了很久加载进来那还挺抱歉的(听豆包说用手机流量可以加载得更快),毕竟弄个国内的要花钱要备案,特别烦人。希望cloudflare不要关闭二级域名的功能吧。
地址是[https://taigua-tailang-blog.pages.dev/]
另外还有一个[https://taigua-tailang.pages.dev/]
是我测试二级域名是否能注册时,上传本地文件所形成的,也许后续会填坑吧,也许我会删掉。
这个博客的名字是我瞎想的。呱太是某科学的超电磁炮中的玩偶,然后我就自然而然地想到了“太呱太郎”这个名字。我现在在考虑要不要把微信名也换成这个。
经历
从初一就想建一个个人博客,今天终于完成了这个任务。
我以为个人博客需要很多前端的语言吧,比如html之类的。但是我是一个小白,什么都不会,所以就放弃了。
但是呢,用hexo的话,就算是小白也可以建一个自己的博客。里面放了很多模板的(大概)
经过这一番波折,我有很强烈的想要学习网页开发的欲望,毕竟在信息时代什么都不懂也太尴尬了。
目前是非常基础的页面。我接下来还要:
- 学会插入图片
- 更改页面板式
(说实话这个页面版式,尤其是代码块,看着非常不顺眼。还是obsidian更好。) - 学一下javascript
- 还没想好
哎呀无论如何还是明天再说吧。
浪费了一个晚上和一个上午完成的免费的个人博客,很有成就感。
其实我觉得豆包还是很厉害的。我花了两个小时在网上搜索各种搭建博客的办法,但都讲得很难,非常不适合我这种小白。用豆包就可以手把手教你,尽管有时候会有错误,但你遇到什么问题都可以问,这很方便。
虽然这篇文章有些地方看起来很高级,但是编辑这篇文章的人的的确确是个不能再白痴的小白。我连部署啊域名啊这些东西究竟是什么都不知道。
建立过程
全程都是豆老师手把手教我的:
- 注册github,创建仓库,不要加README
- 注册cloudflare
- 下载Node.js
- node验证:弹出版本号就算下载成功
1
2node -v
npm -v
- node验证:弹出版本号就算下载成功
- 下载hexo
1
npm install -g hexo-cli
- 创建blog文件夹,其中hexo s是本地预览;关于网页的所有操作都要在这个文件夹中进行。
1
2
3
4hexo init blog
cd blog
npm install
hexo s - 下载git并检验git版本
1
git --version
- 配置git
1
2
3git 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
5git 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
- build command填:
- 用记事本打开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 | hexo clean |
git核心操作:
1 | git add . |
md识别开头格式:
1 | --- |
日常流程:
1 | hexo new "我的新文章" |
mdtitle:
1 | --- |
原生:
| 字段 | 作用 |
|---|---|
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。