使用 Linux 烹饪 - 你从未听说过的网站创建工具
我以为你说这个网站基本上是一个单页,弗朗索瓦,但你已经弄了好几个小时了。你是不是很难进入创作状态?哦,我明白了,你甚至还没开始做页面。还在尝试设置 PHP 内容管理系统,寻找插件和尝试主题?对于一个单页网站来说,这似乎工作量太大了。在你把你 Guylaine 阿姨想卖的那栋房子放到我们的网站上之前,它自己都会卖掉。现在,现在,弗朗索瓦,我不是想刻薄。我只是建议你可能工作有点太努力了,而且时间已经很晚了。我们的客人们已经开始陆续到达了,我的朋友。打起精神来。
晚上好,各位,欢迎来到 Chez Marcel,这里的美酒与美味的开源软件相得益彰。请坐,放松一下。今晚的葡萄酒是 2005 年的 Sella & Mosca Cannonau Sardegna Riserva,这是一款相当浓郁的意大利红葡萄酒,肯定会吸引您的注意力。弗朗索瓦,请去酒窖拿几箱上来。
当谈到 HTML 和网站创建工具时,熟悉感会让人感到舒适。 KDE 用户使用 Quanta Plus 创建,GNOME 用户使用 Bluefish 编写代码。然而,还有许多其他工具存在;有些你可能从未听说过。今晚,我想向大家介绍其中的一些。当然,你并不总是需要创建一个网页。你所需要的只是你已有的东西的 Web 版本。例如,有一些简单的工具专门用于将一种或另一种文档格式转换为 HTML。假设你想以 HTML 格式展示你相当不错的 Perl 脚本,并带有语法高亮。这可能需要在编辑器中进行一些相当繁琐的 HTML 编码。有一种更简单的方法。
代码的忠实重现可能很困难,尤其是当代码中充斥着各种尖括号、和号以及其他特殊字符时。为此,我们有 code2html,这是一个相当聪明的小程序,它可以获取你的代码并将其转换为美观的 HTML(图 1)。
命令的基本形式是
code2html your_code > somefile.html
code2html 肯定有可能无法识别你提供的代码类型。这些在程序的注释中被称为模式,你可以通过调用以下命令显示所有模式code2html -m。 假设程序无法识别特定的 shell 脚本
code2html -o html-dark -l shellscript ↪/etc/rc.d/rc.local > ~/rc.html
当然,我添加了几个额外的标志。从 -m 输出中,我发现 shell 脚本的模式是 shellscript,我使用 -l 标志传递了这个模式。 -o 标志告诉程序生成一个深色背景的 HTML 页面,而不是默认的白色。
有类似的程序可以从各种来源生成 HTML 代码。有些在本地运行以生成静态页面,而另一些可以充当 CGI 脚本并生成动态文本(例如man2html,例如)。
那么,永远注定要以专有格式存在的简陋的 Microsoft Word 呢?当然,你可以找到拥有 Microsoft Office 副本的人,让他们将文档另存为 HTML,但为什么要费那么大劲呢?我过去使用过的一个非常有用的程序叫做 wv。更准确地说,Dom Lachowicz 的 wv 更像是一组工具,包括一个在其他程序中创建过滤器的库。其中一些程序可以将 Word 文档(2000、97、95 等)转换为 PDF (wvPDF)、纯文本 (wvtext),是的,还有 HTML (wvHtml),仅举几例。使用像 wvHtml 这样的工具的真正好处是,你可以通过 shell 脚本批量转换整个文档集合。
要将你的 .doc 格式文件转换为 HTML,请使用以下命令
wvHtml filename.doc newfile.html
如果有嵌入的图像,它们将被提取,并在 HTML 文件中添加链接。
然而,最终,你可能需要自己做一些 HTML 编码。虽然学习起来并不难,但基本的 HTML 确实要求你在标记文档以进行演示时遵循该特定语言的语法。即使你懂 HTML,大多数人也不想手动输入每个标签和属性。这就是我们有 HTML 编辑器的原因——为了使这项繁琐的工作不那么繁琐。为了配合我关于鲜为人知的 Web 创建工具的主题,请允许我介绍几个你可能从未听说过的 HTML 编辑器。
第一个是 HTMLpage,一个用 Python 编写的简单 HTML 编辑器——我指的是真正的简单。这家餐厅的常客会知道,我偶尔会介绍一些东西,原因包括乐趣和教育。考虑到这个编辑器基本上是一个 Python 程序,其纯文本代码易于查看和编辑,它也是一个学习和调整少量 Python 的绝佳小程序。尽管如此,这个非常简单的编辑器还是有一些方便的功能,例如自动表格生成和链接转换以及基本文本到 HTML 的转换。它有一个用于选择和插入颜色代码的颜色小部件。该编辑器甚至支持将页面元素(如图形)直接拖放到编辑窗口中——所有这些都只需几百行 Python 代码。
要使用 HTMLpage,只需将软件包解压到你选择的文件夹中,然后从那里执行 HTMLpage.py 文件。将出现一个编辑窗口,其中自动插入了开始和结束 HTML 标记。从那里,你可以在 body 标记之间输入你的文本。对于这样一个简单的程序来说,有些东西非常酷。例如,输入你的文本,选择它,然后单击 HTML-ify 按钮。段落和换行符会自动处理。选择一个链接(图 2),单击同一个按钮,就会插入正确的标记。
想要创建一个表格?只需输入用制表符分隔的文本。在第二行(以及第三行和第四行)中,执行相同的操作,直到你拥有所有数据。选择它,然后单击 Table-ify 按钮。你的信息将自动插入到表格中。当你单击 HTML-ify 按钮时,就像你单击 Table-ify 按钮一样,表面之下发生了一些小小的魔法。结果如图 3 所示。
当然,如果你要创建任何复杂的东西,你需要一些比 HTMLpage 更有趣的东西。所以,让我们看看你可能从未听说过的第二个 HTML 编辑器。
当我忠实的侍者为您续杯时,也许您真正需要的那个简单的网站或页面是一点 TEA。
Peter Semiletov 的 TEA 是一款轻量级但功能齐全的 HTML 编辑器,用 Qt 编写(图 4)。它体积小、速度快,并且包含惊人的功能数量,其中包括一些你在更大、更华丽的网站设计工具中找不到的功能。除了明显的 HTML 标签编辑之外,TEA 还具有选项卡式布局、模板和脚本支持(Python、Perl、Ruby 等)、书签、语法高亮、拖放到编辑窗口(例如图像)、Wikipedia 编辑以及更多功能。甚至还有一个摩尔斯电码翻译器——真的。
要试用最新最好的 TEA,你可能需要从源代码构建它(尽管网站上提供了一些软件包),但这相对容易。将源代码解压到你选择的文件夹中,然后输入qmake从该文件夹内部,然后输入make install。 结果是一个名为 tea 的单个可执行文件。 TEA 存在一个稍旧的版本,名为 teagtk(Peter 最近将开发从 GTK 转移到 Qt)。虽然它不是最新的,但它应该在许多存储库中,等待下载。
在 TEA 编辑窗口的右侧,你会看到四个选项卡。这些选项卡让你访问编辑窗口(它本身是多选项卡的,每个打开的文档一个选项卡)、TEA 的内置文件浏览器、设置页面,最后是一个标记为 learn 的手册。在主窗口下方,有一个滚动状态窗口,显示你最近的操作。文件浏览器使你可以轻松地在目录树中的任何位置插入书签,以便快速访问。 TEA 还有一个特殊的快速访问文件,名为 Crapbook(可以在“文件”菜单下访问),你可以在其中潦草地记录关于当前项目的快速笔记。
单击“新建”按钮后,最好的起点是在功能菜单中。虽然你可以创建和存储模板以开始一个项目或页面,但单击菜单栏中的“功能”,然后单击“放置”,可以插入一个基本的 HTML 模板来开始你的文档(图 5)。还要注意,所有菜单都是可拆卸的——每个菜单上方都有一条虚线。只需单击虚线并将菜单拖到桌面即可。你可能希望对“标记”菜单执行此操作以进行基本 HTML 标记。
让我们继续介绍另一个你可能从未听说过的编辑器。 Screem 由 David Knight 编写,是一款为 GNOME 桌面环境编写的出色的网站创建工具(图 6)。当然,你可以在 KDE 下运行它,就像我现在正在做的那样。如果这个名字听起来有点吓人,请抛开你的担忧。 Screem 是 Site CReation and Editing Environment(网站创建和编辑环境)的首字母缩写,在这方面,它名副其实。 Screem 的一些功能包括许多向导,用于插入特殊字符(实体)、生成表单、创建表格或为你提供一种选择颜色的简便方法。
注意
像我到目前为止介绍的其他编辑器一样,Screem 也是一个代码编辑器,而不是 WYSIWYG(所见即所得)编辑器。奇怪的是,如果你喜欢像创建文字处理文档那样构建网页的想法,那么代码编辑器有一些优点可能并不立即显而易见。最大的优点是控制,尽管肯定还有其他优点。代码编辑器让你准确地看到你的 HTML 标签是什么样的,使你能够生成你想要的精确代码。代码编辑器生成的 HTML 有时也往往更干净一些。
在你开始制作第一个网站之前,我将引导你进入“首选项”对话框,快速更改其中一个默认设置。单击“编辑”,然后选择“首选项”。将出现一个六个选项卡的窗口,你可以在其中修改 Screem 大部分界面和功能的默认操作。我建议你立即更改一个设置,那就是自动换行。单击“编辑器”选项卡,找到标记为“Wrap lines”(自动换行)(图 7)的复选框。确保它已选中,然后单击“关闭”按钮。
如果你愿意,你可以在这里花一些时间来熟悉其他设置。但是,在我继续之前,让我引导你了解另一个你可能感兴趣的设置。在“杂项”选项卡下,有一个定时备份功能(默认设置为十分钟),你可能想要激活它。我个人最喜欢的键盘组合是 Ctrl-S(在大多数编辑器中使用),而且我倾向于每隔几分钟就按一次,无论我是否需要。自动保存功能可以解决这个习惯。
编辑窗口,你输入文本的地方,是左边那个大的空白区域。编辑页面时(图 8),你高亮显示文本,单击“插入”,然后从子菜单中选择你的 HTML 标记。其他标记元素,例如指向另一个网站的链接,最好使用向导完成。这些在第二个工具栏上,但也在同一个“插入”菜单下。
在右侧,有一个多选项卡侧边栏。这些选项卡访问内置文件管理器、标记树(你可以从中快速跳转到文档任何部分的任何标记)、属性视图(进一步定义所有标记及其属性)等等。
正如您可能已经注意到的,我的朋友们,时钟告诉我们,打烊时间快到了。当我忠实的侍者最后一次为您续杯时,请记住这一点。免费和开源软件领域非常丰富,有无数的项目和程序可供您下载享用。最简单的途径当然是安装最流行的程序,例如 Quanta(KDE HTML 编辑器)或 Bluefish(GNOME 最爱)。然而,还有许多其他项目,就像一瓶葡萄酒一样,尝试那些你从未遇到过的项目可能既有趣又有教育意义。你甚至可能会发现一个新的最爱。请,我的朋友们,举起你们的酒杯,让我们为彼此的健康干杯。干杯!祝您好胃口!
资源
HTMLpage: www.pcbypaul.com/software/htmlpage.html
Screem: www.screem.org
TEA HTML 编辑器: tea-editor.sourceforge.net
WvWare: wvware.sourceforge.net
Marcel 的网站: www.marcelgagne.com
Cooking with Linux: www.cookingwithlinux.com
Marcel Gagné 是一位屡获殊荣的作家,居住在安大略省滑铁卢。他是 Addison-Wesley 出版的 Moving to Linux 系列丛书的作者。 Marcel 还是一名飞行员、前 40 强唱片骑师、科幻小说和奇幻小说作家,并且擅长折叠霸王龙折纸。可以通过电子邮件 marcel@marcelgagne.com 与他联系。你可以从他的网站 www.marcelgagne.com 和 www.cookingwithlinux.com 发现许多其他东西(包括很棒的葡萄酒链接)。