配置0xDragon888博客

分类:Blog
博客配置封面

配置0xDragon888博客

0.背景

这个博客页的初衷是打造一个好用技术,编程相关的知识库

对于我来说,繁杂的编程技术,工程体系难免会有遗忘的地方,如果有一个方便好用的知识管理库,可以帮助我们很好的构建知识,并能够快速地把遗忘的知识点找回来,那就太棒了!

1.工具

MDX 博客系统

1. 创建新博客

  • pages/blogs目录下创建新的MDX文件
  • 文件命名遵循YYYY-MM-DD-slug.mdx格式
  • 包含必要的元数据:

2. 图片资源管理

  • 将图片放置在博客目录下的images文件夹
  • 使用Next.js的Image组件优化图片加载
  • 示例:
import Image from 'next/image';
import banner from './images/banner.png';

<Image
  src={banner}
  alt="描述文字"
  width={800}
  height={400}
/>

3. 版本控制

  • 使用Git进行版本管理
  • 标准操作流程:
git add .
git commit -m "添加新博客:博客标题"
git push origin main

4. 自动化部署

  • GitHub Actions工作流已配置
  • 每次push到main分支时自动部署
  • 部署状态可在GitHub Actions页面查看

5. 更新日志

  • 在博客文件末尾维护更新日志
  • 记录每次更新的内容和时间
  • 示例:

2.使用

我-记录

  • Update Md
  • git add .
  • git commit -m "XXX"
  • git push origin main

网站-组织、记忆

  • 分类(categories):作为知识管理的主分类,我们日常生活中的分类也都是这种树状分类。
  • 标签(tags):则是辅助,弥补树状分类的缺陷。
  • 归档(archives):按照时间顺序排列和归纳博客文章的列表:

Ref

Changelog

  • Add 240918 03:15
  • update mdx 250310