跳到主要内容
返回完整仪表盘 →

README 生成器

Mark Otto:个人主页 README

为 @mdo 定制的五款 GitHub 个人主页 README - 只使用 GitHub 在个人主页上保留的 Markdown 和 HTML(无外部 CSS、无脚本),因此预览与 GitHub 的实际渲染一致。

如何展示在你的 GitHub 主页上
  1. 创建一个恰好名为“mdo/mdo”的公开仓库: github.com/new/mdo ↗
  2. 在仓库根目录添加名为 README.md 的文件并粘贴模板。
  3. 提交后,README 会显示在 github.com/mdo 的顶部。
贡献蛇工作流(.github/workflows/snake.yml)
name: generate snake

on:
  schedule:
    - cron: "0 0 * * *"
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest
    permissions:
      contents: write
    steps:
      - uses: Platane/snk/svg-only@v3
        with:
          github_user_name: ${{ github.repository_owner }}
          outputs: |
            dist/github-contribution-grid-snake.svg
            dist/github-contribution-grid-snake-dark.svg?palette=github-dark

      - uses: crazy-max/ghaction-github-pages@v4
        with:
          target_branch: output
          build_dir: dist
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

仅贡献蛇模板需要:该工作流每天在“mdo/mdo”仓库的“output”分支重新生成动画。

01 / 模板

GitHub 个人主页 README

为 @mdo 定制的五款 GitHub 个人主页 README - 只使用 GitHub 在个人主页上保留的 Markdown 和 HTML(无外部 CSS、无脚本),因此预览与 GitHub 的实际渲染一致。

统计与连续贡献卡片,加语言徽章 - 经典的开发者主页。

源码 - 可编辑

随意编辑 - 修改会即时反映在预览和复制/下载内容中。

深色模式兼容预览

Hi, I'm Mark Otto 👋

Designer, developer, and advisor. Building Pierre. Creator of Bootstrap (@twbs). Previously @github and @twitter. Huge nerd.

GitHub followers X

Stack

HTML CSS JavaScript Shell SCSS

Activity

Mark Otto's GitHub stats Mark Otto's contribution streak

Languages

Most used languages

需要简历本身? 获取 Markdown 和 LaTeX 简历模板 →