创建网站的简易方法

165 views
Skip to first unread message

Walker1911

unread,
Mar 17, 2024, 12:56:18 AM3/17/24
to 江滩 — 叛都1911 论坛

行者1911 — Walker 1911 @ 叛都1911 — Capital 1911

本方法追求极简,尽量做到能熟练使用 Twitter/X 或 微博 的人,就能很容易学会并完成。

软硬件要求:能运行主流网络浏览器(比如 Chrome, Safari, Firefox)的设备就行。智能手机也能做,但屏幕小了,操作会很麻烦。

  1. 用 Google帐号 注册(Sign up, 现在在右上角)glitch.com 帐号。这种方式注册比较简单,也可以自选其它方式注册。glitch.com 可能需要翻墙访问。
  2. 创建新项目,点击 New project 按钮(现在在界面右上角),选择 glitch-hello-website, 稍等,正常情况,1分钟内会出现项目(project)界面。这就是典型的静态网站(static website)项目。
  3. 点击预览(PREVIEW)标签,现在在界面底部中间。出现的选项中,选择 Open preview pane, 就会出现预览面板,并直接显示出预设的网页。这是为了确认预设代码是否完好,能否正常运行。
  4. 从文件列表(现在在界面右边)点击打 index.html 文件,修改代码,把其中 <h1 class="title">Hello World!</h1> 的 ”Hello World!” 改成想显示的内容,比如“打倒旧共党,建立新民国”,其它部分包括符号都暂时保持原状,不然可能无法正确显示网页。如果了解 HTML 的基础用法,可以更自由的修改代码,获得想要的效果。已打开的预览面板会自动更新网页内容,不用手动操作要求运行(run)。
  5. 我做的示例网站https://hickory-leather-mandible.glitch.me)可以在网上访问,可能需要翻墙。Glitch.com 有很方便的复制原项目并修改的功能,叫作 Remix, 可以直接点击界面中的 Remix 标签按操作来 Remix 示例项目,更方便的学习和试验。

这样,一个简单的网站就创建完成了,可以用来发布各种文章,再加上 HTML 和 CSS 的基础知识,就可以制作出通常的网页版面效果。如果需要自定的域名,通过正规域名商购买或其它方式获得后,转接过去即可。

行者1911 — Walker 1911

unread,
Mar 19, 2024, 12:56:18 AM3/19/24
to 江滩 — 叛都1911 论坛
查看或 Remix 示例项目文件的网址https://glitch.com/edit/#!/hickory-leather-mandible)。
Reply all
Reply to author
Forward
0 new messages