直播第一天 - 如何更新个人主页

0 阅读3分钟

直播第一天:如何更新个人主页

一、GitHub 个人主页

1. 建立 GitHub 主页

要建立 GitHub 个人主页,其实非常简单:

  1. 新建一个 和你 GitHub 账号同名的仓库
  2. 仓库名必须完全一致(大小写也一致)
  3. 在仓库里创建 README.md

例如我的:github.com/westwong062…

只要仓库存在,GitHub 就会自动把这个 README 渲染成你的个人主页

2. 借鉴他人的 GitHub 主页

如果你不知道怎么写,可以直接「抄」,模仿是进步的阶梯

几个不错的参考方式:

方式一:直接参考优秀个人主页

  • 示例:github.com/steipete/st…
  • 下载或复制他的 README,按需改内容即可
  • 本质就是 Markdown,没有任何黑魔法

方式二:看更多模板

  • GitHub 官方主题库:github.com/topics/gith…
  • 能看到各种风格:
    • 极简型
    • 技术栈型
    • 数据统计型
    • 个人介绍型

方式三:用 GUI 工具生成

  • README 生成器:github.com/rahuldkjain…
  • 适合:
    • 不想折腾 Markdown
    • 想快速生成一个能看的主页
  • 生成后再自己微调即可

3. 徽章(Badges)小工具

徽章是 GitHub README 的灵魂之一 😊

3.1 Shields.io 是什么?
  • 官网:shields.io
  • 用来生成 统一、美观、可读性强 的徽章图片

常见展示内容包括:

  • 项目构建状态(passing / failing)
  • 包版本号
  • 代码覆盖率
  • 下载次数
  • License
  • 技术栈
  • 贡献者数量
3.2 一个最简单的例子
![Figma](https://img.shields.io/badge/-Figma-F24E1E?style=flat-square&logo=figma&logoColor=white)

核心结构拆解一下:

  • Figma:显示文本
  • F24E1E:背景色(十六进制,去掉 # 号)
  • style:可以使用 flatflat-squareplasticfor-the-badge, `social
  • logo:品牌图标
  • logoColor:图标颜色
3.3 去哪里找 logo 和颜色?

推荐两个地方:

  1. Simple Icons simpleicons.org
    • 搜索品牌
    • 复制官方推荐颜色
    • 注意:复制后要把 # 删掉
  2. 直接参考别人 README
    • 抄 URL
    • 改文字和颜色即可
3.4 看我改完后的示例
![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white)

4. 查找 emoji

README 里偶尔加一点 emoji 会更有「人味」 另外,自带输入法好烂哦,不太容易找到自己想要的 emoji,你懂的

  • 推荐网站:emojipedia.org
  • 直接搜索关键词复制即可
  • 小建议:
    • 别过多使用 emoji,不要妨碍阅读
    • 小心加多了有 ChatGPT 味哦

btw:emoji 不只 GitHub 能用,所有支持文本的地方基本都能用

二、Bonjour 个人主页

1. 打开方式

  • 打开微信搜索 Bonjour 小程序
  • 首次使用需要填写一些基础信息

2. 编辑个人主页

在「我的页面」点击 编辑主页,你可以做这些事情:

1. 修改状态

  • 比如:
    • 想打 hackathon
    • 找合作伙伴
  • Bonjour 可以根据需求给你推荐人哦

2. 修改个人简介

  • 一段纯文本介绍
  • 建议:
    • 你是谁
    • 你在做什么
    • 你想连接什么样的人

3. 联系方式

  • 可添加:
    • 手机号
    • 微信二维码图片
  • 非常实用,转化率很高

4. 添加标签(Tags)

例如:

  • 职业:产品经理、设计师、独立开发者
  • 技能:设计、Web 开发、iOS 开发、3D 建模
  • 所在城市:川陀、南京
  • MBTI:INTP
  • 兴趣方向:Si-Fi、古典乐

3. Bento 风格内容区(重点)

下面是自由度最高的部分:

你可以添加:

  • 标题、文本
  • 网址(项目官网、App Store、公众号)、Side Project!
  • 图片(项目图、生活照、自拍都行)
  • 职业经历、人生经历
  • Connect 区域
    • 支持非常多的平台
    • 包括:
      • 社交媒体
      • 开发者平台
      • 设计平台
      • 图文 / 视频创作平台
  • 甚至还能添加捐赠方式(感觉我很需要,😂)

4. 我的 Bonjour 示例

我的 bonjour 链接:#小程序://Bonjour/zt6ZsdRhTL3glir

总结

  • GitHub README:偏 技术名片
  • Bonjour:偏 社交名片
  • 两个一起用,效果非常好