在将代码上传到 WordPress 之前,我可以 preview/run 我的 CSS 和 HTML 代码吗?

Can I preview/run my CSS and HTML code before I upload it to WordPress?

我是一名编码新手,想创建自己的博客页面。

我一直在使用 Codecademy 学习 HTML 和 CSS。我通过 wordpress.org 以 Bluehost 作为托管平台写博客。

  1. 有哪些免费程序可以让我 run/preview 我的 HTML 和 CSS 代码看看它是否有效?

    • 或者我应该安装适用于 WordPress 的插件吗?
  2. 然后如何将我的 HTML 和 CSS 代码上传到我的 wordpress.org 博客(通过 Bluehost)

    • 有一个上传按钮可以让我 select 一个 .zip 文件,但它应该包含什么?我假设它应该包含我的 HTML 文件和我的 CSS 文件

任何建议将不胜感激 - 谢谢!

回答您的第一个问题:您可以 download 并使用 Visual Studio 代码,它是免费的,您可以选择 运行 实时服务器中的文件,如图所示下面。

如果需要,您可以在记事本中写下您的HTML。但我建议使用编辑器。好的入门程序是 Sublime Text (https://www.sublimetext.com/3) and when you get comfortable, Visual Studio Code (https://code.visualstudio.com/)。您应该创建一个包含所有文件的文件夹 - index.html(它不必是索引,但必须以 .html 结尾)、main.css(css 文件)和 javascript 文件。这是开始前端 "run" 代码只需右键单击并选择 "open with google chrome"(或任何其他浏览器)。我对 WordPress 不太熟悉,但我想您可以将该项目文件夹上传到它。我希望我帮助...

也看一些htmlcss和js教程...

编辑:这是基本的前端,您不是 运行 您在服务器上的网站只是查看它的外观。