Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
  • Product Hunt
  • Visual Capitalist
  • Elon Musk
Menu

应该有人为 Web 构建 X”——为什么不是你呢?您只需要一个 GitHub 帐户

Posted on 2022-05-10

上周,Šime Vidas 在 Twitter 上抱怨说,很难在移动设备上粘贴一段文本。我建议使用 pastebin.com,但在粘贴之前需要多次点击。 Šime 然后继续开玩笑说我们应该创建 pastebinzero.com,它所需要的只是全屏。



所以我实际上花了一分钟来构建它。在我的浏览器中,只有 GitHub 登录。从设置到支持自动完成的编码再到托管。您可以在https://codepo8.github.io/pastebinzero看到它的全部荣耀,并在https://github.com/codepo8/pastebinzero查看代码。

你也可以这样做。这里是如何。

如果您想将其视为视频,请查看以下约 2 分钟的演练。

否则,这里是在 GitHub 上启动、构建和托管任何基于HTML /CSS/JavaScript 的项目的步骤。

  • 转到您的 GitHub 个人资料,单击“存储库”,然后按“新建”按钮在 GitHub 中创建新仓库的动画
  • 您需要命名存储库,因为稍后这也将成为URL的一部分。 GitHub 会自动告诉您 repo 名称是否仍然可用。确保您的存储库是公开的并点击“创建存储库”。如果您不想显示源代码而只想让人们看到结果,您也可以将其保密。生成的 GitHub 页面始终是公开的。 命名和创建新存储库的动画
  • 这创建了存储库,您可以获得接下来要做什么的各种信息。现在,单击“创建新文件”链接。 在 GitHub 存储库中创建新文件的动画
  • 将文件命名为 `index.html` 并输入任何内容作为内容。现在这并不重要,因为这里的编辑器可以进行一些快速修复,但不会削减芥末。按“提交新文件”按钮,您将获得一个新文件。 在存储库中创建索引文件的动画
  • 转到“设置”选项卡并选择“页面”菜单项。确保从下拉菜单中选择“主”分支并点击“保存”。这使您正在处理的内容可作为 Web 上的URL 在 GitHub 上发布页面的动画
  • 返回到存储库的“代码”部分,然后按“。”按钮。这会在此项目打开的情况下在浏览器中加载 Visual Studio Code。您现在可以使用VS Code 的全部功能编写您的项目,包括自动完成和 IntelliSense。 在存储库中打开 VS 代码并编辑文件的动画
  • 完成后,转到 VS 代码中的“源代码管理”选项,输入提交消息并单击复选标记。这会将更改提交到存储库。 添加提交消息并提交文件的动画
  • 您可以在存储库的“操作”选项卡上查看您的产品何时在线可用。检查“页面构建和部署”工作流程。在页面准备好之前,它会显示一个黄色微调器。当它变成绿色复选标记时,您的页面就准备好了。 GitHub 的 Actions 选项卡中显示的构建过程动画

对于视频演示,代码可在https://github.com/codepo8/greencircle获得,浏览器内版本可在https://codepo8.github.io/greencircle看到,其中 `codepo8` 是我的 GitHub 用户name 和 `greencircle` 存储库的名称

为什么不用 codepen、jsbin、codesandbox、jsfiddle……?

有许多地方可以在线托管和编辑项目,它们都有其优点和问题。我真的很喜欢这种方式,因为它为我提供了 Visual Studio Code 的全部功能,而且我的项目处于版本控制中。我拥有所有代码,可以随时下载。我也可以允许其他人分叉和改变它。

许多这些功能在其他平台上也可用,我真的很喜欢你可以在编码时立即看到项目的结果。但这感觉像是一个很棒的端到端解决方案,无论如何我的大部分工作只需要一次登录。顺便说一句,如果您想在浏览器中立即显示您的项目在VS Code 中,您还可以安装“Codeswing”:https://ift.tt/TRh5XqO 扩展。

原文: https://christianheilmann.com/2022/05/09/someone-should-build-x-for-the-web-why-not-you-all-you-need-is-a-github-account/

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Bob Nystrom (1)
  • Joel on Software (1)
  • John Resig (1)
  • Matt Might's blog (3)
  • News Letter (165)
  • Philip Walton (1)
  • Pivotal (1)
  • Scott Hanselman's Blog (2)
  • Tom's blog (1)
  • 英文媒体 (32,983)
    • Ars Technica (2,141)
    • Daily Infographic (250)
    • Engadget (5,222)
    • Enonomist (77)
    • FlowingData (228)
    • Hacker News (773)
    • Hacker News Daily (282)
    • Hacker Noon (125)
    • Harvard Health (139)
    • KK – Cool Tools (183)
    • KK – Recomendo (233)
    • Make Use Of (158)
    • NASA Astronomy Picture (238)
    • Product Hunt (6,613)
    • Psyche (207)
    • Quanta Magazine (171)
    • Science current issue (445)
    • Sidebar (929)
    • Singularity HUB (252)
    • TechCrunch (8,208)
    • The Practical Developer (99)
    • The Verge (5,673)
    • Visual Capitalist (337)
  • 英文推特 (15,788)
    • Bill Gates (304)
    • Brett Winton (1,130)
    • Cathie Wood (270)
    • Durov's Channel (25)
    • Elon Musk (4,601)
    • GeekWire (2,674)
    • Hunter Walk (47)
    • Mark Gurman (953)
    • Naval (655)
    • Parag Agrawal (52)
    • Ray Dalio (921)
    • Riccardo Mori (15)
    • Steph Smith (1,962)
    • Tim Cook (158)
    • Vitalik Buterin (2,021)
  • 英文独立博客 (3,405)
    • A learning a day (295)
    • A Smart Bear (2)
    • AddyOsmani.com (10)
    • Adwyat Krishna (29)
    • Ahmad Shadeed (2)
    • Alex Turek (1)
    • All Poetry (1)
    • All That is Solid (49)
    • André Staltz (2)
    • arxivblog (34)
    • Astral Codex Ten (15)
    • Atoms vs Bits (24)
    • AVC (35)
    • Basic Apple Guy (38)
    • Ben Thompson (13)
    • Benedict Evans (7)
    • Blog – storytelling with data (36)
    • Built For Mars (10)
    • Caleb Porzio (1)
    • Cameron Sun (1)
    • Christian Heilmann (33)
    • Christopher C (3)
    • Chun Tian (binghe) (1)
    • Codrops (13)
    • Cold Takes (14)
    • Dan Luu (1)
    • Daniel Lemire's blog (44)
    • David Amos (19)
    • David Perell (6)
    • David Walsh Blog (33)
    • Derek Sivers (23)
    • Desvl (13)
    • Devon's Site (5)
    • Digital Inspiration (26)
    • DKB Blog (4)
    • Douglas Vaghetti (12)
    • dropsafe (52)
    • DSHR (36)
    • Dunk (5)
    • DYNOMIGHT (36)
    • eagereyes (5)
    • Endless Metrics (135)
    • Entitled Opinions (8)
    • Exception Not Found (5)
    • Experimental History (18)
    • Farnam Street (5)
    • Fed Guy (10)
    • Felix Krause (3)
    • Florent Crivello (2)
    • Free Mind (6)
    • Full Stack Economics (40)
    • Funny JS (2)
    • Future A16Z (47)
    • Glassnode Insights (49)
    • Human Who Codes (3)
    • Infographics – Cool Infographics (10)
    • Information is Beautiful (10)
    • Irrational Exuberance (35)
    • Jacob Kaplan-Moss (13)
    • Jakob Greenfeld (40)
    • James Sinclair (3)
    • Jason Fried (17)
    • Jeff Kaufman (161)
    • John's internet house (16)
    • Johnny Rodgers (4)
    • Julia Evans (19)
    • Julian.com (2)
    • Kalzumeus (1)
    • Kevin Cox (10)
    • Kevin Norman (3)
    • KK – The Technium (50)
    • Krishna (6)
    • Lee Robinson (5)
    • Lines and Colors (42)
    • Lyn Alden – Investment Strategy (3)
    • Martin Fowler (22)
    • More To That (11)
    • Morgan Housel (69)
    • My Super Secret Diary (28)
    • Naval Blog (2)
    • Neckar's New Money (70)
    • Nick Whitaker (4)
    • Nicky's New Shtuff (1)
    • nutcroft (8)
    • Paul Graham (2)
    • Paul Graham: Essays (2)
    • Penguin Random House (52)
    • Phoenix's island (1)
    • Prof Galloway (31)
    • Python Weekly (25)
    • Rachel (32)
    • Real Life (34)
    • Sasha (47)
    • Science & technology (114)
    • Sébastien Dubois (6)
    • Secretum Secretorum (11)
    • Seth's Blog (117)
    • Shu Ding (3)
    • SignalFire (8)
    • Simon Willison's Weblog (120)
    • Simons Foundation (78)
    • SLIME MOLD TIME MOLD (20)
    • Slyar Home (8)
    • Spencer Greenberg (10)
    • Stay SaaSy (8)
    • Stephen Malina (4)
    • Stephen Wolfram Writings (2)
    • Strange Loop Canon (20)
    • Stratechery (9)
    • Tech Notes (10)
    • The Commonplace (29)
    • The Generalist (2)
    • The Intrinsic Perspective (28)
    • The Latest in Hearing Health | HeardThat (7)
    • The Mad Ned Memo (2)
    • The Rabbit Hole (31)
    • TLDR Newsletter (81)
    • Tomasz Tunguz (86)
    • Tony Kulesa (2)
    • Troy Hunt (50)
    • Tychlog (1)
    • Uncharted Territories (48)
    • Visualising Data (9)
    • Weichen Liu (20)
    • What's New (51)
    • Works in Progress (1)
    • Workspaces (32)
    • Writing (7)
    • Xe's Blog (30)
    • xkcd.com (105)
    • Yihui Xie (11)
    • Zoran Jambor (11)
©2023 搞英语 → 看世界 | Design: Newspaperly WordPress Theme