蚊章汇 - HTML
type: channel
link: https://linuxcn.bwsl.wang/tag/HTML/
items: 使用 CSS 提升你的 HTML 文档
items: 使用 Jekyll 构建你的网站
items: 编写你的第一行 HTML 代码，来帮助蝙蝠侠写一封情书
items: 如何用 Python 解析 HTML
items: 关于 HTML5 你需要了解的基础知识
items: 如何在Linux上将HTML页面转化成png图片
items: Markdown编辑器CuteMarkEd的新功能

使用 CSS 提升你的 HTML 文档
type: item
date: 2023-04-14T23:52:15+08:00
description: 使用 CSS 让你的 HTML 项目更具风格。当你编写文档时，无论是为开源项目还是技术写作项目，你都应该有两个目标：文档应该写得好，同时要易于阅读。前者通过清晰的写作技巧和技术编辑来解决。第二个目标可以通过对 HTML 文档进行一些简单的更改来解决。超文本标记语言（HTML）是互联网的支柱。自 1994 年“万维网”问世以来，所有网络浏览器都使用 HTML 来显示文档和网站。几乎与此同时，HTML 一直支持样式表，它是对 HTML 文档的一种特殊添加，用于定义文本在屏幕上的呈现方式。单纯用 HTML 编写项目文档也是可以的。然而，纯 HTML 样式可能感觉有点简陋。因此，尝试向 HTML 文档添加一些简单的样式，为文档添加一点活力，并使文档更清晰、更易于阅读。定义一个 HTML 文档让我们从一个纯 HTML 文档开始，探索如何向其添加样式。一个空的 HTML 文档在顶部包含 定义，后面跟着一个 块来定义文档本身。 在 元素中，你还需要加上一个文档标头，其中包含有关文档的元数据，例如标题。文档正文的内容放在父 块内的 块中。你可以使用以下 HTML 代码定义一个空白页面： 这是一个新文档 在另一篇关于 用 HTML 编写项目文档 的文章中，我将一个开源棋盘游戏的自述文件从纯文本更新为 HTML 文档，并使用一些基本的 HTML 标记，如 和 作为标题和副标题， 用于段落， 和 用于粗体和斜体文本。让我们从那篇文章结束的地方继续讲： 简易 Senet 简易 Senet 游戏玩法 游戏会自动为你“投掷”投掷棒，并在屏幕右下角显示结果。 如果“投掷”结果为零，你失去本轮机会。 轮到你的时候，游戏会自动选择 你在棋盘上的第一块棋子。 你不一定 能够用这个棋子走棋，所以选择你的棋子 移动，然后按 Space（或 Enter）移动 它。 你可以通过几种不同的方法进行选择： 向上/向下/向左/向右 to 朝特定方块移动。 加号 (+) 或减号 (-) 使棋子在棋盘上向“左”或向“右”移动。 请注意，它们会自动遵循棋盘的“倒过来的 S”方向移动。 Tab在棋盘上选择下一个你想要移动的棋子。 要随时退出游戏，请按 Q（大写 Q）或按 Esc，这样游戏会提示你是否想要 放弃比赛。 如果你比对手更快将所有棋子移出棋盘，你就赢得了比赛。 这同时需要运气和游戏策略！ 此 HTML 文档演示了利用 HTML 的技术写作者经常使用的一些块和内联元素。块元素在围绕文本定义一个矩形。段落和标题就是块元素，因为它们从文档的左边缘延伸到右边缘。例如， 在段落周围包含一个不可见的矩形。相比之下，内联元素的使用则紧跟在它们包围的文本。如果你在段落中的某些文本上使用 ，则只有被 和 包围的文本会变为粗体。你可以将直接样式应用于此文档以更改字体、颜色和其他文本样式，但修改文档外观的更有效方法是将样式表应用于文档本身。你可以在 元素中使用其他元数据执行此操作。你可以为样式表引用文件，但在这个例子中，我使用 ... 定义样式由于你刚刚开始学习样式表，因此这里先演示一种基本样式：背景色。我喜欢从背景颜色开始，因为它有助于演示块和内联元素。让我们应用一个有点华丽的样式表，为所有 段落设置浅蓝色背景颜色，为 无序列表设置浅绿色背景。对任何粗体文本使用黄色背景，对任何斜体文本使用粉红色背景。你可以在 HTML 文档的 请注意，每个样式都以分号结尾。如果在网页浏览器中查看此 HTML 文档，你可以看到 和 块元素如何填充为矩形，而 和 内联元素仅突出显示粗体和斜体文本。 这种对比色的使用可能看起来不太好看，但我想你可以清楚看到块和内联元素：应用样式你可以使用样式使这个自述文件更易于阅读。 因为你刚刚开始学习样式，还是先只用一些简单的样式元素：background-color 设置背景颜色color 设置文字颜色font-family 使用不同的文本字体margin-top 在元素上方添加空间margin-bottom 在元素下方添加空间text-align 改变文本的对齐方式，例如靠左、靠右或居中让我们重新开始你的样式表并将这些新样式应用到文档中。首先，在文档中使用更令人愉悦的字体。如果你的 HTML 文档没有指定字体，网络浏览器会为你选择一种。根据浏览器的设置方式，这可能是衬线字体（如我的屏幕截图中使用的字体）或无衬线字体。衬线字体在每个字母上添加了一个小笔画，这样在打印时更容易阅读。无衬线字体缺少这种额外的笔划，这使得文本在计算机显示器上显得更清晰。常见的衬线字体包括 Garamond 或 Times New Roman。 流行的无衬线字体包括 Roboto 和 Arial。例如，要将文档正文字体设置为 Roboto，你可以使用以下样式：body { font-family: Rob…

使用 Jekyll 构建你的网站
type: item
date: 2021-10-12T22:53:58+08:00
description: Jekyll 是一个开源的静态网站生成器。你可以使用 Markdown 编写内容，使用 HTML/CSS 来构建和展示，Jekyll 会将其编译为静态的 HTML。近年来开始流行静态网站生成器和 JAMStack，而且理由很充分，它们不需要复杂的后端，只需要静态的 HTML、CSS 和 Javascript。没有后端意味着更好的安全性、更低的运营开销和更便宜的托管。双赢！在本文中，我将讨论 Jekyll。在撰写本文时，我的个人网站使用的是 Jekyll。Jekyll 使用 Ruby 引擎将用 Markdown 编写的文章转换成 HTML。Sass 可以将复杂的 CSS 规则应用到普通文本文件中。Liquid 允许对静态内容进行编程控制。安装 JekyllJekyll 网站 提供了 Linux、MacOS 和 Windows 安装说明。安装完成之后，快速引导 将会安装一个基础的 Hello-World 项目。现在在你的浏览器访问 http://localhost:4000，你可以看到你的默认“真棒”博客。目录结构这个默认站点包含以下的文件和文件夹：_posts: 你的博客文章。_site: 最终编译成的静态网站文件。about.markdown: “关于页”的内容。index.markdown: “主页”的内容。404.html: “404 页”的内容。_config.yml: Jekyll 的全站配置文件。创建新的博客帖子创建帖子很简单。你需要做的就是在 _post 目录下使用正确的格式和扩展名创建一个新文件，这样就完成了。有效的文件名像 2021-08-29-welcome-to-jekyll.markdown 这样。一个博客文件必须包含 Jekyll 所谓的 YAML 卷首块 Front Matter 。它是文件开头的一个包含元数据的特殊部分。如果你查看默认的帖子，你可以看到以下内容：--- layout: post title: "Welcome to Jekyll!" date: 2021-08-29 11:28:12 +0530 categories: jekyll update --- Jekyll 会使用上面的元数据，你也可以自定义 key: value 键值对。如果你需要一些提示，请查看我的网站的卷首。除了前面的问题，你还可以 使用内置的 Jekyll 变量 来自定义你的网站。让我们创建一个新的帖子。在 _posts 文件夹下创建 2021-08-29-ayushsharma.markdown。内容如下：--- layout: post title: "Check out ayushsharma.in!" date: 2021-08-29 12:00:00 +0530 categories: mycategory --- This is my first post. # This is a heading. ## This is another heading. This is a [link](<http://notes.ayushsharma.in>) This is my category: 如果 jekyll serve 命令仍在运行，刷新页面，你将看到下面的新帖子。恭喜你创建了你的第一篇帖子！这个过程看起来很简单，但是你可以通过 Jekyll 做很多事情。使用简单的 Markdown，你可以归档博客、高亮显示代码片段以及分类管理帖子。草稿如果你还没准备好发布你的内容，你可以创建一个 _drafts 文件夹。此文件夹中的 Markdown 文件仅通过传递 --drafts-- 参数来呈现。布局和包含请注意 _post 文件夹中两篇文章的卷首块，你将在其中看到 layout: post。_layout 文件夹中包含所有布局。你不会在源代码中找到它们，因为 Jekyll 默认加载它们。Jekyll 使用的默认源代码在 这里。如果你点击该链接，你可以看到 post 的布局使用了默认（default）布局。默认布局包含的代码 {{ content }} 是注入内容的地方。布局文件还将包含 include 指令。它们从 include 文件夹 加载文件，并使用不同的组件组成页面。总的来说，这就是布局的工作方式：你在卷首块定义它们并将你的内容注入其中。而包含则提供了页面的其它部分以组成整个页面。这是一种标准的网页设计技术：定义页眉、页脚、旁白和内容元素，然后在其中注入内容。这就是静态站点生成器的真正威力，完全以编程的方式控制，将你的网站组装起来并最终编译成静态的 HTML。页面你网站上的所有内容并不都是文章或博客。你需要“关于”页面、“联系”页面、“项目”页面或“作品”页面。这就是“页面”的用武之地。它们的工作方式…

编写你的第一行 HTML 代码，来帮助蝙蝠侠写一封情书
type: item
date: 2018-12-04T17:59:00+08:00
description: 在一个美好的夜晚，你的肚子拒绝消化你在晚餐吃的大块披萨，所以你不得不在睡梦中冲进洗手间。在浴室里，当你在思考为什么会发生这种情况时，你听到一个来自通风口的低沉声音：“嘿，我是蝙蝠侠。”这时，你会怎么做呢？在你恐慌并处于关键时刻之前，蝙蝠侠说：“我需要你的帮助。我是一个超级极客，但我不懂 HTML。我需要用 HTML 写一封情书，你愿意帮助我吗？”谁会拒绝蝙蝠侠的请求呢，对吧？所以让我们用 HTML 来写一封蝙蝠侠的情书。你的第一个 HTML 文件HTML 网页与你电脑上的其它文件一样。就同一个 .doc 文件以 MS Word 打开，.jpg 文件在图像查看器中打开一样，一个 .html 文件在浏览器中打开。那么，让我们来创建一个 .html 文件。你可以在 Notepad 或其它任何编辑器中完成此任务，但我建议使用 VS Code。在这里下载并安装 VS Code。它是免费的，也是我唯一喜欢的微软产品。在系统中创建一个目录，将其命名为 “HTML Practice”（不带引号）。在这个目录中，再创建一个名为 “Batman’s Love Letter”（不带引号）的目录，这将是我们的项目根目录。这意味着我们所有与这个项目相关的文件都会在这里。打开 VS Code，按下 ctrl+n 创建一个新文件，按下 ctrl+s 保存文件。切换到 “Batman’s Love Letter” 文件夹并将其命名为 “loveletter.html”，然后单击保存。现在，如果你在文件资源管理器中双击它，它将在你的默认浏览器中打开。我建议使用 Firefox 来进行 web 开发，但 Chrome 也可以。让我们将这个过程与我们已经熟悉的东西联系起来。还记得你第一次拿到电脑吗？我做的第一件事是打开 MS Paint 并绘制一些东西。你在 Paint 中绘制一些东西并将其另存为图像，然后你可以在图像查看器中查看该图像。之后，如果要再次编辑该图像，你在 Paint 中重新打开它，编辑并保存它。我们目前的流程非常相似。正如我们使用 Paint 创建和编辑图像一样，我们使用 VS Code 来创建和编辑 HTML 文件。就像我们使用图像查看器查看图像一样，我们使用浏览器来查看我们的 HTML 页面。HTML 中的段落我们有一个空的 HTML 文件，以下是蝙蝠侠想在他的情书中写的第一段。“After all the battles we fought together, after all the difficult times we saw together, and after all the good and bad moments we’ve been through, I think it’s time I let you know how I feel about you.”复制这些到 VS Code 中的 loveletter.html。单击 “View -> Toggle Word Wrap (alt+z)” 自动换行。保存并在浏览器中打开它。如果它已经打开，单击浏览器中的刷新按钮。瞧！那是你的第一个网页！我们的第一段已准备就绪，但这不是在 HTML 中编写段落的推荐方法。我们有一种特定的方法让浏览器知道一个文本是一个段落。如果你用 和 来包裹文本，那么浏览器将识别 和 中的文本是一个段落。我们这样做： After all the battles we fought together, after all the difficult times we saw together, after all the good and bad moments we've been through, I think it's time I let you know how I feel about you. 通过在 和 中编写段落，你创建了一个 HTML 元素。一个网页就是 HTML 元素的集合。让我们首先来认识一些术语： 是开始标签， 是结束标签，“p” 是标签名称。元素开始和结束标签之间的文本是元素的内容。“style” 属性在上面，你将看到文本覆盖屏幕的整个宽度。我们不希望这样。没有人想要阅读这么长的行。让我们设定段落宽度为 550px。我们可以通过使用元素的 style 属性来实现。你可以在其 style 属性中定义元素的样式（例如，在我们的示例中为宽度）。以下行将在 p 元素上创建一个空样式属性： ... 你看到那个空的 "" 了吗？这就是我们定义元素外观的地方。现在我们要将宽度设置为 550px。我们这样做： After all the battles we fought together, after all the difficult…

如何用 Python 解析 HTML
type: item
date: 2018-03-27T19:19:10+08:00
description: 用一些简单的脚本，可以很容易地清理文档和其它大量的 HTML 文件。但是首先你需要解析它们。作为 Scribus 文档团队的长期成员，我要随时了解最新的源代码更新，以便对文档进行更新和补充。 我最近在刚升级到 Fedora 27 系统的计算机上使用 Subversion 进行检出操作时，对于下载该文档所需要的时间我感到很惊讶，文档由 HTML 页面和相关图像组成。 我恐怕该项目的文档看起来比项目本身大得多，并且怀疑其中的一些内容是“僵尸”文档——不再使用的 HTML 文件以及 HTML 中无法访问到的图像。我决定为自己创建一个项目来解决这个问题。 一种方法是搜索未使用的现有图像文件。 如果我可以扫描所有 HTML 文件中的图像引用，然后将该列表与实际图像文件进行比较，那么我可能会看到不匹配的文件。这是一个典型的图像标签： 我对 src= 之后的第一组引号之间的部分很感兴趣。 在寻找了一些解决方案后，我找到一个名为 BeautifulSoup 的 Python 模块。 脚本的核心部分如下所示：soup = BeautifulSoup(all_text, 'html.parser') match = soup.findAll("img") if len(match) > 0: for m in match: imagelist.append(str(m)) 我们可以使用这个 findAll 方法来挖出图片标签。 这是一小部分输出： 到现在为止还挺好。我原以为下一步就可以搞定了，但是当我在脚本中尝试了一些字符串方法时，它返回了有关标记的错误而不是字符串的错误。 我将输出保存到一个文件中，并在 KWrite 中进行编辑。 KWrite 的一个好处是你可以使用正则表达式（regex）来做“查找和替换”操作，所以我可以用 \n<img 替换 <img，这样可以看得更清楚。 KWrite 的另一个好处是，如果你用正则表达式做了一个不明智的选择，你还可以撤消。但我认为，肯定有比这更好的东西，所以我转而使用正则表达式，或者更具体地说 Python 的 re 模块。 这个新脚本的相关部分如下所示：match = re.findall(r'src="(.*)/>', all_text) if len(match)>0: for m in match: imagelist.append(m) 它的一小部分输出如下所示：images/cmcanvas.png" title="Context Menu for the document canvas" alt="Context Menu for the document canvas" /> <br images/eps-imp1.png" title="EPS preview in a file dialog" alt="EPS preview in a file dialog" images/eps-imp5.png" title="Colors imported from an EPS file" alt="Colors imported from an EPS file" images/eps-imp4.png" title="EPS font substitution" alt="EPS font substitution" images/eps-imp2.png" title="EPS import progress" alt="EPS import progress" images/eps-imp3.png" title="Bitmap conversion failure" alt="Bitmap conversion failure" 乍一看，它看起来与上面的输出类似，并且附带有去除图像的标签部分的好处，但是有令人费解的是还夹杂着表格标签和其他内容。 我认为这涉及到这个正则表达式 src="(.*)/>，这被称为贪婪，意味着它不一定停止在遇到 /> 的第一个实例。我应该补充一点，我也尝试过 src="(.*)"，这真的没有什么更好的效果，我不是一个正则表达式专家（只是做了这个），找了各种方法来改进这一点但是并没什么用。做了一系列的事情之后，甚至尝试了 Perl 的 HTML::Parser 模块，最终我试图将这与我为 Scribus 编写的一些脚本进行比较，这些脚本逐个字符的分析文本内容，然后采取一些行动。 为了最终目的，我终于想出了所有这些方法，并且完全不需要正则表达式或 HTML 解析器。 让我们回到展示的那个 img 标签的例子。 我决定回到 src= 这一块。 一种方法是等待 s 出现，然后看下一个字符是否是 r，下一个是 c，下一个是否 =。 如果是这样，那就匹配上了！ 那么两…

关于 HTML5 你需要了解的基础知识
type: item
date: 2017-10-12T17:04:00+08:00
description: HTML5 是第五个且是当前的 HTML 版本，它是用于在万维网上构建和呈现内容的标记语言。本文将帮助读者了解它。HTML5 通过 W3C 和 Web 超文本应用技术工作组 Web Hypertext Application Technology Working Group 之间的合作发展起来。它是一个更高版本的 HTML，它的许多新元素可以使你的页面更加语义化和动态。它是为所有人提供更好的 Web 体验而开发的。HTML5 提供了很多的功能，使 Web 更加动态和交互。HTML5 的新功能是：新标签，如 和 用于 2D 绘图的 元素本地存储新的表单控件，如日历、日期和时间新媒体功能地理位置HTML5 还不是正式标准（LCTT 译注：HTML5 已于 2014 年成为“推荐标准”），因此，并不是所有的浏览器都支持它或其中一些功能。开发 HTML5 背后最重要的原因之一是防止用户下载并安装像 Silverlight 和 Flash 这样的多个插件。新标签和元素语义化元素： 图 1 展示了一些有用的语义化元素。表单元素： HTML5 中的表单元素如图 2 所示。图形元素： HTML5 中的图形元素如图 3 所示。媒体元素： HTML5 中的新媒体元素如图 4 所示。图 1：语义化元素图 2：表单元素图 3：图形元素图 4：媒体元素HTML5 的高级功能地理位置这是一个 HTML5 API，用于获取网站用户的地理位置，用户必须首先允许网站获取他或她的位置。这通常通过按钮和/或浏览器弹出窗口来实现。所有最新版本的 Chrome、Firefox、IE、Safari 和 Opera 都可以使用 HTML5 的地理位置功能。地理位置的一些用途是：公共交通网站出租车及其他运输网站电子商务网站计算运费旅行社网站房地产网站在附近播放的电影的电影院网站在线游戏网站首页提供本地标题和天气工作职位可以自动计算通勤时间工作原理： 地理位置通过扫描位置信息的常见源进行工作，其中包括以下：全球定位系统（GPS）是最准确的网络信号 - IP地址、RFID、Wi-Fi 和蓝牙 MAC地址GSM/CDMA 蜂窝 ID用户输入该 API 提供了非常方便的函数来检测浏览器中的地理位置支持：if (navigator.geolocation) { // do stuff } getCurrentPosition API 是使用地理位置的主要方法。它检索用户设备的当前地理位置。该位置被描述为一组地理坐标以及航向和速度。位置信息作为位置对象返回。语法是：getCurrentPosition(showLocation, ErrorHandler, options); showLocation：定义了检索位置信息的回调方法。ErrorHandler（可选）：定义了在处理异步调用时发生错误时调用的回调方法。options （可选）： 定义了一组用于检索位置信息的选项。我们可以通过两种方式向用户提供位置信息：测地和民用。描述位置的测地方式直接指向纬度和经度。位置信息的民用表示法是人类可读的且容易理解。如下表 1 所示，每个属性/参数都具有测地和民用表示。图 5 包含了一个位置对象返回的属性集。图5：位置对象属性网络存储在 HTML 中，为了在本机存储用户数据，我们需要使用 JavaScript cookie。为了避免这种情况，HTML5 已经引入了 Web 存储，网站利用它在本机上存储用户数据。与 Cookie 相比，Web 存储的优点是：更安全更快存储更多的数据存储的数据不会随每个服务器请求一起发送。只有在被要求时才包括在内。这是 HTML5 Web 存储超过 Cookie 的一大优势。有两种类型的 Web 存储对象：本地 - 存储没有到期日期的数据。会话 - 仅存储一个会话的数据。如何工作： localStorage 和 sessionStorage 对象创建一个 key=value 对。比如： key="Name"， value="Palak"。这些存储为字符串，但如果需要，可以使用 JavaScript 函数（如 parseInt() 和 parseFloat()）进行转换。下面给出了使用 Web 存储对象的语法：存储一个值：localStorage.setItem("key1", "value1");localStorage["key1"] = "value1";得到一个值：alert(localStorage.getItem("key1"));alert(localStorage["key1"]);删除一个值： -removeItem("key1");删除所有值：localStorage.clear();应用缓存（AppCache）使用 HTML5 AppCache，我…

如何在Linux上将HTML页面转化成png图片
type: item
date: 2014-03-19T00:39:00+08:00
description: 将一个特定页面抓取为一张png图片的最简单的方法是使用CutyCapt，这是一种在Linux下的方便地将HTML网页转化成矢量图形和位图图像格式的命令行工具（比如，SVG, PDF, PS, PNG, JPEG, TIFF, GIF）。CutyCapt内部使用WebKit渲染引擎来导出网页渲染输出到图片文件中。它使用Qt构建，CutyCapt实际上是一个也可以在Windows上使用的跨平台应用。（译注：也有一个基于IE内核的 IECapt 可以作此用途）在本篇教程中，我会描述如何将一个HTML网页使用CutyCapt转化成png图片。在Linux上安装 CutyCapt这是在特定Linux发行版上的安装命令。在Debian, Ubuntu 或者 Linux Mint 安装 CutyCapt$ sudo apt-get install cutycapt 在Fedora上安装 CutyCapt$ sudo yum install subversion qt-devel qtwebkit-devel gcc-c++ make $ svn co svn://svn.code.sf.net/p/cutycapt/code/ cutycapt $ cd cutycapt/CutyCapt 在Fedora上编译前，你需要在源码上打上补丁。使用文本编辑器打开CutyCapt.hpp,并且加入在文件的开头加上下面的两行。#include #include 最后，如下编译并安装CutyCapt。$ qmake-qt4 $ make $ sudo cp CutyCapt /usr/local/bin/cutycapt 在CentOS 或者 RHEL安装 CutyCapt首先在你的Linux上启用EPEL仓库。接着和在Fedora上一样使用相同的步骤编译安装。使用CutyCapt将 HTML 转化成 PNG将一个HTML页面截图成一个png图片，只要使用下面的格式运行CutyCapt。$ cutycapt --url=http://www.cnn.com --out=cnn.png 要将HTML页面保存成不同的格式（比如，PDF），只要适当地指定输出文件。$ cutycapt --url=http://www.cnn.com --out=cnn.pdf 下图显示了CutyCapt命令选项。在一台不含X的服务器上使用CutyCapt将HTML转换成PNG虽然CutyCapt是一个命令行工具，但是它需要X服务运行。如果你尝试在不含X服务的机器上运行，你会得到下面这个错误：cutycapt: cannot connect to X server :0 如果你要不含X的服务器上运行CutyCapt，你可以在服务器上安装Xvfb（轻量级“假的”X11 服务）。这样CutyCapt就不会报错了。要在Debian, Ubuntu 或者 Linux Mint 上安装Xvfb：$ sudo apt-get install xvfb 要在Fedora, CentOS 或者 RHEL 上安装Xvfb:$ sudo yum install xvfb 在安装Xvfb之后，接下来像这样运行CutyCapt。$ xvfb-run --server-args="-screen 0, 1280x1200x24" cutycapt --url=http://www.cnn.com --out=cnn.png 它首先会运行Xbfb服务，接着使用CutyCapt来抓取网页。因此它可能会花费更长的时间。如果你想要截图多张截图，你可能事先需要将Xvfb作为后台守护进程启动。via: http://xmodulo.com/2014/02/convert-html-web-page-png-image-linux.html译者：geekpi 校对：wxy本文由 LCTT 原创翻译，Linux中国 荣誉推出

Markdown编辑器CuteMarkEd的新功能
type: item
date: 2014-02-13T06:21:00+08:00
description: CuteMarkEd 0.9.0 是一个基于QT，免费开源带实时HTML预览的markdown编辑器，目前已经释出并已提供下载了。CuteMarkEd是一个非常有用的Qt文本编辑器，可以提供数学表达式、代码语法高亮、和markdown语法高亮的支持。CuteMarkEd 0.9.0 的亮点:加入了一个代码补齐系统;加入 "Go to Line" 菜单;在查找/替换功能中加入了新的"case sensitive," "whole words only," 和 "use regular expressions" 选项。支持将选中的单词加入用户词典;加入了改变tab字符宽度的选项在官方公告中查找完整的改变列表和提升。马上下载CuteMarkEd 0.9.0:CuteMarkEd 0.9.0 tar.gz [源码] [372 KB]记住这是一个开发版本，不应该在生产机器上安装。它只用于测试目的。via: http://news.softpedia.com/news/Markdown-Text-Editor-CuteMarkEd-0-9-0-Gets-News-Options-421082.shtml译者：geekpi 校对：wxy本文由 LCTT 原创翻译，Linux中国 荣誉推出