我可以在上传到 WordPress 之前预览/运行我的 CSS 和 HTML 代码吗？

Posted 2023-03-05

【中文标题】我可以在上传到 WordPress 之前预览/运行我的 CSS 和 HTML 代码吗？

【英文标题】：Can I preview/run my CSS and HTML code before I upload it to WordPress?

【发布时间】：2020-10-01 04:08:40

【问题描述】：

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

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

有哪些免费程序可以让我运行/预览我的 HTML 和 CSS 代码，看看它是否有效？

或者是否有我应该安装的 WordPress 插件？

然后如何将我的 HTML 和 CSS 代码上传到我的 wordpress.org 博客（通过 Bluehost）

有一个上传按钮，可以让我选择一个 .zip 文件，但它应该包含什么？我假设它应该包含我的 HTML 文件和我的 CSS 文件

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

【参考方案1】：

如果需要，您可以在记事本中编写 HTML。但我建议使用编辑器。好的入门程序是 Sublime Text (https://www.sublimetext.com/3)，当你感到舒服时，Visual Studio Code (https://code.visualstudio.com/)。您应该创建一个包含所有文件的文件夹 - index.html（它不必是 index，但必须以 .html 结尾）、main.css（css 文件）和 javascript 文件。这是开始的前端要“运行”代码，只需右键单击并选择“使用谷歌浏览器打开”（或任何其他浏览器）。我对 WordPress 不是很熟悉，但我想您可以将该项目文件夹上传到它。我希望我能帮助...

还可以观看一些 html css 和 js 教程...

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

【参考方案2】：

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