{"id":9986825,"url":"https://github.com/haixiangyan/codeblock-beautifier","last_synced_at":"2025-04-15T16:40:32.582Z","repository":{"id":48662581,"uuid":"163754227","full_name":"haixiangyan/codeblock-beautifier","owner":"haixiangyan","description":" 💅 A chrome extension for highlighting codes of Medium Articles","archived":false,"fork":false,"pushed_at":"2019-04-10T17:12:30.000Z","size":5041,"stargazers_count":122,"open_issues_count":4,"forks_count":9,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-05-20T11:03:45.537Z","etag":null,"topics":["beautifier","chrome-extension","css","highlight","javascript","medium"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/code-block-beautifier/gpcjjddhdnilcbddlonlfgdbejfboonn","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/haixiangyan.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-01T17:30:44.000Z","updated_at":"2024-05-20T11:03:45.538Z","dependencies_parsed_at":"2022-08-27T08:21:44.706Z","dependency_job_id":null,"html_url":"https://github.com/haixiangyan/codeblock-beautifier","commit_stats":null,"previous_names":["haixiang6123/codeblock-beautifier"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fcodeblock-beautifier","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fcodeblock-beautifier/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fcodeblock-beautifier/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fcodeblock-beautifier/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haixiangyan","download_url":"https://codeload.github.com/haixiangyan/codeblock-beautifier/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249110052,"owners_count":21214275,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["beautifier","chrome-extension","css","highlight","javascript","medium"],"created_at":"2024-05-20T11:02:08.934Z","updated_at":"2025-04-15T16:40:32.565Z","avatar_url":"https://github.com/haixiangyan.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# Code Block Beautifier\n\n\u003cp align=\"center\"\u003e\n    \u003cimg width=\"400\" src=\"screenshot/icon-origin.png\"\u003e\n\u003c/p\u003e\n\n![](https://img.shields.io/chrome-web-store/v/gpcjjddhdnilcbddlonlfgdbejfboonn.svg)\n![](https://img.shields.io/chrome-web-store/users/gpcjjddhdnilcbddlonlfgdbejfboonn.svg)\n![](https://img.shields.io/chrome-web-store/stars/gpcjjddhdnilcbddlonlfgdbejfboonn.svg)\n![](https://img.shields.io/github/license/Haixiang6123/codeblock-beautifier.svg)\n\n本插件主要用于高亮 [Medium]() 里文章的代码块，现在已经可以高亮所有带有 `\u003cpre/\u003e` 元素的网站，如[简书](https://www.jianshu.com/), [知乎](https://www.zhihu.com/)等。\n\n你也可以通过这个[视频](https://www.bilibili.com/video/av40197852/)来了解这个插件。\n\n## 样例\n\n![Scrrenshot](screenshot/effect.png)\n\n## 安装 \u0026 下载\n\n你可以点[这里](https://chrome.google.com/webstore/detail/code-block-beautifier/gpcjjddhdnilcbddlonlfgdbejfboonn)从谷歌商店安装这个插件。\n\n如果不能科学上网，可以直接从 Github 上[直接下载](https://github.com/Haixiang6123/codeblock-beautifier/blob/master/pkg/codeblock-beautifier.crx)\n\n下载后可以用这篇[文章](https://medium.com/@haixiang6123/do-you-really-know-new-in-js-6ce794874f44)来先尝试一下。\n\n## 使用 \n\n![使用](screenshot/how-to-use.png)\n\n## 特点\n\n* ⚒ 高亮美化网站中 `\u003cpre/\u003e` 里的代码\n\n* 🕶 可以根据你的语言偏好来自动高亮对应编程语言\n\n* 🔓 可以自动检测网站中已定义的语言，并高亮\n\n* 🎁 目前已支持 [Medium](https://medium.com/), [StackOverflow](https://stackoverflow.com/),\n[简书](https://www.jianshu.com/), [知乎](https://www.zhihu.com/), [W3C Plus](https://www.w3cplus.com/).\n\n* 🎉 80 多种主题可选\n\n* 🎊 20 多种编程语言可选\n\n## 为什么要写这个插件\n写这个插件的初衷是因为 [Medium](www.medium.com) 总是不高亮作者的代码。当然也有人用 Codepen, CodeSandbox 或者 Gist 来嵌入代码。\n但是这样实在麻烦，所以有些人（比如我）就很不想为了几句代码而创建一个 Gist 文件，所以也有些人直接用 Medium 提供的代码块。所以我经常看到这样的代码块：\n\n![No highlight](screenshot/notHighlight.png)\n\n但是我更想看到的是简书的高亮代码：\n\n![Highlight](screenshot/highlight.png)\n\n所以我写了这个插件来高亮 [Medium](www.medium.com) 里的代码块，后面还意外发现简书，知乎，StackOverflow 等网站都能高亮，嘻嘻！\n\n## 最后\n在巴哈马旅游的时候就在构想这个插件，元旦回来后立马开工写了6天左右，其中也修复了很多 Bug。\n当然 Bug 是修不完的，肯定还有一些 Bug 我没发现，如果你遇到了请给我写 Issue！\n如果你也喜欢我的插件，麻烦给个五星好评 :)，谢谢！\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaixiangyan%2Fcodeblock-beautifier","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaixiangyan%2Fcodeblock-beautifier","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaixiangyan%2Fcodeblock-beautifier/lists"}