Movable Type 完全手册:第三章 ─ 管理文章

« 目录


第三章 ─ 管理文章

这一章将介绍 Movable Type 最基本的功能 ─ 管理文章。所谓的「管理」,包括了张贴新文章的上稿功能、修改既有文章的编辑功能,以及删除功能。我们将在本章分别介绍这些功能,并以简单的范例来说明各种动作所会产生的结果。

除此之外,我们也会在这一章里加入一些跟文章有关的信息;例如,要如何在文件中键入特殊的符号、建立超级链结、修改文字样式等,也都会在这一章里面提到。

登入 Movable Type

在我们做任何事情之前,首先要介绍的是「登入 Movable Type 」。有使用者问过,「我安装好 Movable Type 之后,要去哪儿执行呢?」实际上你不需要特别执行,因为祇要网页服务器运作正常, Movable Type 就可以运作。另一方面,你也不需要在每一台计算机上都安装 Movable Type ,你祇需要在当作网页服务器的那台机器上安装过一次 Movable Type 就可以了。实际使用时,祇需要先用网页浏览器登入 Movable Type ,步骤如下:

  1. 首先你要执行支持 JavaScriptCookies 的网页浏览器,像是 Internet Explorer (IE) 、 MozillaNetscapePhoenixOpera 之类,然后开启联机到你的 Movable Type 系统 CGI 路径下的 mt.cgi ,如图一
    开启联机到 mt.cgi 的所在地址
    图一:开启联机到 mt.cgi 的所在地址,在这个范例中我们连到了 http://Jedimt.dyndns.org/mt.cgi
  2. Username 这一栏里填入你的使用者帐号,如图二。如果你还没有按照前一章的说明修改预设帐号的话,你在这里就应该输入 Melody
    输入使用者帐号
    图二:输入使用者帐号,在这个范例中我们输入的是 Jedi
  3. 图三Password 字段里输入你的使用者口令。如果你还没有按照前一章的说明修改预设口令的话,你在这里就应该输入 Nelson 。万一不幸你忘记口令了,则请跳到步骤六。请注意,如果你把自然输入法设成预设输入法的话,口令可能会没办法正常输入!
    输入口令
    图三:输入口令。
  4. 如果你正在使用的计算机,除了你以外不大有别人会动到的话,你也可以核选图四里的核选框,这样子下次你就不需要再自己输入一次使用者名称及口令了。不过如果你正在使用公用计算机,或者是你很在意自己的隐私安全性的话,就不应该核选这个核选框。
    「记住帐号及口令」核选框
    图四:在这个范例中,我们假设你用的是公用的计算机,所以并不核选「记住帐号及口令」的核选框。
  5. 按下「 LOG IN 」按钮,如图五。接下来请跳至步骤十一
    按下「登入」按钮
    图五:按下「登入」按钮。
  6. 如果你不幸忘记口令了的话,仍然还有一线希望;请按照图六按下「 Forgot your password? 」的链结。
    按下「忘记口令了?」的链结
    图六:如果你忘记口令了,就按一下「忘记口令了?」的链结。
  7. 现在会开出一个如图七口令恢复窗口,里面有两个字段,分别要填入你的帐号跟你所设定的出生地
    口令恢复窗口
    图七:口令恢复窗口。
  8. 先在第一栏填入你的 Movable Type 帐号,如图八
    在填入帐号
    图八:在第一栏填入帐号,在这个范例中我们填的是 Jedi
  9. 在第二栏中填入你的出生地,如图九。你在这里填的内容,应该要跟你在第二章修改个人数据小节步骤八所设定的出生地一样。
    填入出生地
    图九:在第二栏填入出生地,在这个范例中我们填的是 Mars
  10. 填妥上述两栏数据后,请如图十按下「 RECOVER 」按钮,如果你的出生地信息填写无误的话, Movable Type 就会为你的帐号产生一组新的口令,然后寄到你在第二章修改个人数据小节步骤三所设定的 Email 地址去。接下来就请用这一个新口令,来登入系统(并再次按照第二章修改个人数据小节的内容来把口令改掉)。
    按下「恢复」按钮
    图十:按下「恢复」按钮,来取得新的口令。
  11. 一旦你成功地登入 Movable Type 后,你应该会看到如图十一主选单画面;现在你可以从这里开始,继续后面各个章节的各种操作了。
    网志系统的「主选单」画面
    图十一:这是 Movable Type 系统的「主选单」画面。
  12. 任何时候,当你结束操作时,你最好注销 Movable Type 系统,以免有人假冒你的名义而破坏了你的页面与数据库。欲注销 Movable Type ,请如图十二按下上方导览列的「注销」按钮。
    按下导览列上的「注销」按钮
    图十二:要注销 Movable Type 的时候,就按下导览列上的「注销」按钮。
  13. 你应该会看到如图十三的画面,指出你已经注销 Movable Type 系统了;若还要再进行操作,你就得重新登入 Movable Type 才行。
    已注销 Movable Type
    图十三:你已经注销了 Movable Type 系统了。

张贴文章

Movable Type 的设计中心思想之一,就是希望能让你更轻易地发表新文章,因此 Movable Type 的上稿接口也设计得相当简单;基本上你祇需要填写文章标题内容,然后按下储存就可以了。不过对于初上手的使用者来说,仍旧需要一点时间跟尝试,才能够逐渐掌握这个系统的运作方式。我们将陆续带领各位使用各种与发表文章有关的功能;如果你从来没有使用 Movable Type 的经验,强烈建议你直接接下去阅读下面这一小节:「发表你的第一篇文章

发表你的第一篇文章

  1. 登入 Movable Type 系统后,如图十四按下主选单中的「新增文章」链结,或如图十五一般按下网志选单左方工具列上的「新增文章」按钮。
    按下主选单的「新增文章」链结
    图十四:在主选单中,按下「新增文章」链结。
    按下网志选单的「新增文章」按钮
    图十五:在网志选单中,则按下「新增文章」按钮。
  2. 现在你所看到的,就是新增文章画面了。请如图十六在「标题」字段里填入文章的标题。
    填入文章标题
    图十六:在标题字段里输入文章标题。在这个范例中我们输入了「这是我的第一篇文章!」。
  3. 主要类别那一栏是一个下拉式选单,可以用来指定文章的类别。不过此刻我们还没有设定任何类别,所以先行跳过,不做任何事。
  4. 在「主要文章本体」字段里填写文章的内容,这些内容会自动地在适当的地方换列,不过你也可以强制换列(按 Enter 键)。另外,分段则是用一个空白列来表示;也就是说,当你要换下一段的时候,你就得连按两次 Enter ,如图十七
    输入文章内容
    图十七:在主要文章本体字段里输入文章的内容,你可以强制换列,或者用连续两次强制换列来表示换段。
  5. 图十八里的这些字段会按照我们在第二章出版/远程接口/引用小节里所做的设定被设好,所以理论上你不需要特别再去调整。不过我们还是快速地看一下这里有些甚么:
    1. 出版状态」可以是草稿定稿;祇有标记成定稿的文章才会真的出现在网页上。
    2. 文字格式」被设定成转换换列的时候, Movable Type 才会自动帮你处理换列跟换段。
    3. 允许回响」被设定成开启的情况下,读者才能够对这一篇文章发表回响。
    4. 允许通告」被核选之后,读者才能够透过引用功能前来引用这一篇文章。
    虽然这些设定都会按照我们之前所决定的预设值被设好,但是你还是可以因为任何理由而在此修改成别的样子。至于我们没有提到的其它字段,请先暂时留空跳过。
    其它跟文章有关的选项
    图十八:其它跟文章有关的选项,包括了出版状态文字格式允许回响以及允许通告
  6. 图十九按下「储存」按钮来把文章存到数据库中。
    按下「储存」按钮
    图十九:按下「储存」按钮。
  7. 你应该会看到如图二十的画面,这个时候 Movable Type 已经把你的文章存到数据库里了,正在把这些已存入数据库中的文章内容搭配合适的模版,制作成网页档案。
    正在建立网页档案
    图二十:文章已存入数据库,正在更新相关的网页档案。
  8. 网页档案一旦建立(更新)完成后,你还会看到像图二十一的画面,表示 Movable Type 正在送出更新通告给指定的服务器。
    Movable Type 正在送出更新通告
    图二十一:正在送出更新通告blo.gsweblogs.com
  9. 一切处理完成后,你会看到如图二十二的画面,表示所有该做的事都做完了。这个时候请按上方导览列的「检视网站」按钮,看看做出来的页面到底长甚么样子。
    按下「检视网站」按钮
    图二十二:按下导览列的「检视网站」按钮。
  10. 这个时候应该会开出另一个浏览器窗口,如图二十三。你可以看到刚刚新增的那一篇文章已经跑到你的网页上了,文章的标题以略大、不同颜色的字型来表现,文字格式(换段以及换列)也都被正确地处理了,此外也有文章的写作时间,以及供读者发表回响或引用的链结。
    网志的主索引页面
    图二十三:你的网志主索引页面。

让文章分出层次

当你的文章数量开始增加,或者是当你的文章越写越长之后,如果在主索引页面里就列出全部的文章内容,不但会使得页面长度遽增,让读者们必须花更多的时间下载这一页,还会使得同一个画面里挤进太多信息,反而让你的页面内容难以被阅读。

Movable Type 把文章内容分成了两个字段:主要文章本体额外文章内容;在预设的模版里,祇有第一个字段的内容才会显示在索引页面里,而第二个字段的内容则祇会在单篇汇整页面中出现。这或许会很有帮助,因为你可以在第一栏里写些你观察到的有趣现象,然后再第二栏里才开始写些自己的心得感想。这么一来,读者们就可以先大致看到你观察到了些甚么,如果他们对这个主题也一样感兴趣的话,才花更多的时间精力去仔细阅读另外的部分。或者,以「起─承─转─合」的文章架构来说,你大可用第一栏来写一些能吸引人的东西,然后在第二栏里则详细地加以阐述。现在就让我们看看要如何实做:

  1. 首先按照前一小节的步骤一步骤六的程序再新增一篇文章,不过这一次除了在主要文章本体里写入文章内容之外,我们也试著在「额外文章内容」这一栏也写点东西,如图二十四,看看这样会有甚么不同。
    填写「额外文章内容」字段
    图二十四:在额外文章内容里填写,在这个范例中我们写了「嘿!这一栏是第一篇没有用到的。找找看,这些字跑到哪儿去了?
  2. 前一小节的步骤七一般存盘后,按照图二十五按下「检视网站」按钮来看看这一次的结果如何。
    按「检视网站」按钮
    图二十五:文章储存后,按「检视网站」按钮。
  3. 图二十六,你会看到在你的网志主索引页面中,第二篇文章的内容也刊注销来了,而且因为这一篇文章比较新,所以会排列在第一篇文章上面。一样地,主要文章本体里的内容也直接显示出来了,不过额外文章内容却没有,反而是多了一个「深入阅读"第二篇文章"」的链结。且让我们点选这个「深入阅读"第二篇文章"」的链结,看看会连到哪里去。
    点选「深入阅读"第二篇文章"」的链结
    图二十六:点选「深入阅读"第二篇文章"」的链结。
  4. 你应该会看到如图二十七的画面,额外文章内容字段里的东西赫然显示其中,与主要文章本体的内容以段落分隔。这是一个单篇汇整的页面,里面祇会有一篇文章,并且显示这篇文章的写作时间文章标题主要文章本体额外文章内容等信息,并且还会列出跟这一篇文章有关的回响,同时也提供了让读者发表回响的表单。同时 Movable Type 的预设模版也很体贴地提供了页面导览 (Navigation) 的功能;如图二十八,除了在页面上方会自动建立起连结到前一篇后一篇以及首页的链结外,对于有提供导览工具列的浏览器如 Mozilla 或 Opera 来说,也能使用浏览器本身的导览接口。
    文章的「单篇汇整」页面
    图二十七:「第二篇文章」的单篇汇整页面。
    单篇汇整页面的导览功能
    图二十八:单篇汇整页面除了提供页面上的导览接口(上方框框)外,也让浏览器能使用内建的导览接口(下方框框)。图中的浏览器是 Mozilla Firebird 0.6 ,安装了导览接口外挂模块后就可以使用导览接口;其中「 Top 」会连结到主页面,而「 Previous 」则会连结到前一篇文章「这是我的第一篇文章!」

超级链结与文字变化

对于寻常书写来说,粗体字、斜体字以及加底线可以说是很基本的文字变化了;而对于网页来说,建立超级链结则更是寻常。 Movable Type 在文章编辑画面里,提供了一些按钮,让你撰写文章的时候不再需要另外去记忆这些文字变化的 HTML 卷标。以下就让我们逐一实做一遍:

粗体

  1. 编辑文章的时候,请先用鼠标拖曳选取你打算变成粗体的字符串;如果你比较熟悉键盘的话,也可以用 Shift 键加方向键来完成。这些被选取起来的字符串应该会像图二十九一样,变成反白的样子。
    「粗体字」这三个字被反白选取了
    图二十九:在这一篇文章里祇有一句「这里是粗体字测试」,其中「粗体字」三个字因为被选取而反白。
  2. 接下来请如图三十按下一旁写著 B 的按钮,你应该会看到图三十一那样,原本的字符串两旁分别多了 <b></b> 这两个 HTML 卷标,同时反白也消失了。
    按下一旁的「 B 」按钮
    图三十:按下一旁代表粗体 (Bold) 的「 B 」 按钮。
    字符串左右被加上了表示粗体的 HTML 卷标
    图三十一:原来的字符串前后多了表示粗体的 HTML 卷标,而反白也消失了。
  3. 现在请把这一篇文章储存起来,并且检视网站。你应该可以看到如图三十二的画面,刚刚你所选取起来的字符串真的变成粗体了。
    「粗体字」这三个字变成粗体了
    图三十二:「这里是粗体字测试」这个句子里,果然祇有「粗体字」这三个字变成了粗体。

斜体

  1. 编辑文章的时候,请先用鼠标拖曳选取你打算变成斜体的字符串;如果你比较熟悉键盘的话,也可以用 Shift 键加方向键来完成。这些被选取起来的字符串应该会像图三十三一样,变成反白的样子。
    「粗体字」这三个字被反白选取了
    图三十三:在这一篇文章里祇有一句「这里是斜体字测试」,其中「斜体字」三个字因为被选取而反白。
  2. 接下来请如图三十四按下一旁写著 i 的按钮,你应该会看到图三十五那样,原本的字符串两旁分别多了 <i></i> 这两个 HTML 卷标,同时反白也消失了。
    按下一旁的「 i 」按钮
    图三十四:按下一旁代表斜体 (Italic) 的「 i 」 按钮。
    字符串左右被加上了表示斜体的 HTML 卷标
    图三十五:原来的字符串前后多了表示斜体的 HTML 卷标,而反白也消失了。
  3. 现在请把这一篇文章储存起来,并且检视网站。你应该可以看到如图三十六的画面,刚刚你所选取起来的字符串真的变成斜体了。
    「斜体字」这三个字变成斜体了
    图三十六:「这里是斜体字测试」这个句子里,果然祇有「斜体字」这三个字变成了斜体。

底线

  1. 编辑文章的时候,请先用鼠标拖曳选取你打算加上底线的字符串;如果你比较熟悉键盘的话,也可以用 Shift 键加方向键来完成。这些被选取起来的字符串应该会像图三十七一样,变成反白的样子。
    「底线」这两个字被反白选取了
    图三十七:在这一篇文章里祇有一句「这里是底线测试」,其中「底线」两个字因为被选取而反白。
  2. 接下来请如图三十八按下一旁写著 U 的按钮,你应该会看到图三十九那样,原本的字符串两旁分别多了 <u></u> 这两个 HTML 卷标,同时反白也消失了。
    按下一旁的「 U 」按钮
    图三十八:按下一旁代表底线 (Underline) 的「 U 」 按钮。
    字符串左右被加上了表示底线的 HTML 卷标
    图三十九:原来的字符串前后多了表示底线的 HTML 卷标,而反白也消失了。
  3. 现在请把这一篇文章储存起来,并且检视网站。你应该可以看到如图四十的画面,刚刚你所选取起来的字符串真的加上底线了。
    「底线」这两个字加上底线了
    图四十:「这里是底线测试」这个句子里,果然祇有「底线」这两个字加上了底线。

链结

  1. 编辑文章的时候,请先用鼠标拖曳选取你打算加上链结的字符串;如果你比较熟悉键盘的话,也可以用 Shift 键加方向键来完成。这些被选取起来的字符串应该会像图四十一一样,变成反白的样子。
    「MT 完全手册」这个字符串被反白选取了
    图四十一:在这一篇文章里祇有一句「这是在 MT 完全手册里的链结范例」,其中「MT 完全手册」这个字符串因为被选取而反白。
  2. 接下来请如图四十二按下一旁写著 URL 的按钮,接下来会弹出一个如图四十三那样的对话框。
    按下一旁的「 URL 」按钮
    图四十二:按下一旁代表 URL 的「 URL 」按钮。
    要求输入 URL 的 JavaScript 对话框
    图四十三:这是一个要求你输入 URL 的 JavaScript 对话框。
  3. 请按照图四十四填写连结网址,再如图四十五按下确定按钮。这时你应该会看到像图四十六那样,原本的字符串两旁分别多了 <a href="网址"></a> 这两个 HTML 卷标,同时反白也消失了。
    在对话框中填写「 http://mtbook.net/mtbook.html 」
    图四十四:在对话框里填写所要连结的 URL 。在这个范例里我们填写的是「 http://mtbook.net/mtbook.html 」。
    按下「确定」按钮
    图四十五:按下对话框的「确定」按钮。
    字符串左右被加上了表示链结的 HTML 卷标
    图四十六:原来的字符串前后多了表示链结的 HTML 卷标,而反白也消失了。
  4. 现在请把这一篇文章储存起来,并且检视网站。你应该可以看到如图四十七的画面,刚刚你所选取起来的字符串真的可以连结到其它地方了。
    「 MT 完全手册」这个字符串会连结到 http://mtbook.net/mtbook.html 了
    图四十七:「这是在 MT 完全手册里的链结范例」这个句子里,果然祇有「 MT 完全手册」这个字符串具有超级链结的效果,而且会连结到 http://mtbook.net/mtbook.html 去。

补充信息

请注意:为了避免在某些浏览器上发生未知的解读错误,同时为了尽量吻合国际标准,你应该把所有的「 & 」通通写作「 &amp; 」,然后把「 < 」写作「 &lt; 」、把「 > 」写作「 &gt; 」、把「 " 」写作「 &quot; 」。

对这个部分有兴趣的人还可以参考 Movable Type 使用手册:文章项目

修改文章

除了可以方便地新增文章之外, Movable Type 也提供了修改既有文章的接口,这个接口其实跟新增文章的接口很像,所以应该很快就可以上手。在这一节里,我们将介绍各种跟修改文章有关的流程:如果你想要修改最近才写过的某一篇文章,无论是要修改内容、标题、甚至是写作时间,都可以按照修改某一篇文章的指引;如果你已经累积了相当多的文章,现在突然要更新某一篇较旧的文章,那么你可能会需要先找出要修改的文章;又或者你可能要一次修改很多文章的标题、出版状态等字段,那么你也可以直接使用大量编辑模式

就让我们一个一个来看:

修改某一篇文章

  1. 登入 Movable Type 系统之后,你会在主选单画面看到目前系统上所有的网志清单,这个时候请如图四十八按下文章所属的网志名称。
    按下网志名称
    图四十八:按下网志名称处的链结,在这个范例中我们按了「光剑格斗学院」。
  2. 你会进入该网志的网志选单,左方有一组工具列,现在请如图四十九按下工具列上的「修改文章」按钮。
    按下「修改文章」按钮
    图四十九:按下左方工具列上的修改文章按钮。
  3. 你会看到如图五十修改及编辑文章画面,在这个画面中会列出最新的二十篇文章(不论它们的出版状态是草稿定稿都会列出来),并显示出它们的文章标题所属类别撰写日期文章作者以及出版状态;其中文章标题会是一个链结,这时请点选你所要编辑的文章的文章标题。
    在编辑画面中,点选欲编辑文章的标题
    图五十:点选编辑选单中,欲编辑文章的标题;在这个范例中点选的是标题为「第二篇文章」的这一篇。
  4. 图五十一图五十二图五十三,你可以看到现在显示出来的画面就跟张贴文章小节里的图十六很像,祇是这些字段里都已经填入内容了。祇要你高兴,你可以任意地修改所有字段里的内容。
    修改文章的标题
    图五十一:在这个范例中,我们把文章的标题修改成「标题可以改」。
    修改主要文章本体
    图五十二:在这个范例中,我们又把主要文章本体改成「文章本体也被修改了!
    修改额外文章内容
    图五十三:在这个范例中,我们还把额外文章内容给清空了。
  5. 把画面往下卷动,你应该可以看到在图五十四的地方多了一个叫做「写作于」的字段,纪录著文章被撰写的日期与时间,这个字段是新增文章画面所没有的。你可以像图五十五一样任意地修改这个时间(甚至是改到未来),但是切记,这一栏的格式是固定的: YYYY-MM-DD hh:mm:ss ,其中 YYYY 是四位数的公元年份MM 是二位数的月份(不足二位的话需要在前面补零), DD 是二位数的日期(不足二位的话需要在前面补零), hh 是二位数的(不足二位的话需要在前面补零),而且需以二十四时制来表示, mm 是二位数的(不足二位的话需要在前面补零), ss 是二位数的(不足二位数的话需要在前面补零)。
    举例来说,「民国九十二年六月十四日下午一点零分二十三秒」就应该写成「 2003-06-14 13:00:23 」。
    「新增文章」画面中所没有的「写作于」时间字段
    图五十四:编辑画面比新增文章画面还要多了一个叫「写作于」的字段,记录文章被撰写的时间。在这个范例中,这一栏里的值是 2003-06-14 13:00:23 ,表示这一篇文章是在民国九十二年六月十四日下午一点零分二十三秒的时候被写成的。
    修改文章撰写时间
    图五十五:文章撰写时间也可以修改,在这个范例中我们改成 2003-06-30 20:00:00 ,也就是民国九十二年六月三十日晚上八点整
  6. 完成上述修改后,请如图五十六按下「储存」按钮。
    按下「储存」按钮
    图五十六:文章的各个字段均修改后,按下「储存」按钮。
  7. 你会看到如图五十七的画面,告诉你「你所更动的部分已被储存」了,这时请按上方导览列的「检视网站」按钮,来看看你的页面到底变成怎样。
    按上方导览列的「检视网站」按钮
    图五十七:修改被储存后,请按上方导览列的「检视网站」按钮。
  8. 图五十八,在主索引页面中,你应该会看到刚刚你所做的修改已经全部反应在页面上了。无论是文章日期文章标题文章内容皆然。
    页面内容也一并更新了
    图五十八:已经更新了的主索引页面。在这个范例中,我们可以看到文章的时间标题主要文章本体都更新了,同时因为我们清掉了额外文章内容,所以原有的「深入阅读」链结也跟著消失了。

找出要修改的文章

前一节里我们学到了如何编辑已经存在了的文章,可是问题马上就出现了:你要怎么找到你所要编辑的文章?

Movable Type 提供了各种不同的方法,来帮助你找出特定的文章;它在编辑选单会列出最新的五篇文章,方便你迅速地编辑最近写过的文章;另外在列出及编辑文章画面中,你除了可以选择要列出所有的文章,然后一篇一篇寻找外,也可以用特定条件来加以筛选,也可以使用 Movable Type 内建的全文检索功能来寻找文章,或者用更复杂的进阶搜寻表单来使用像是正规表示式之类的搜寻字符串。

且让我们逐一来看,要如何使用这些功能:

最近五篇文章

如果你要编辑的文章,是最近才写完的话,那么你将可以很快的找到他们。请参照图五十九登入 Movable Type 系统并点选欲编辑文章所在的网志名称,然后你在该网志的编辑选单里,应该可以看到如图六十一般的画面。请注意右边会有一个栏框,里面列出了你最新发表的五篇文章的文章标题写作日期。你祇需要点选某一篇文章的标题,就能够用我们在前一小节步骤四开始的程序,加以编辑该文章。

在主选单点选网志名称
图五十九:在 Movable Type 系统主选单里,点选欲编辑文章所在的网志名称。在这个例子中,我们点选的是「光剑格斗学院」。
网志编辑选单里会列出「最新五篇文章」
图六十:网志编辑选单里,有一栏「最新五篇文章」。

列出所有文章

如果你所要修改的文章不在「最新五篇」之内,那么你至少还可以列出某份网志里所有的文章清单,然后从中找出你所要编辑的那一篇。请参考以下的步骤:

  1. 登入 Movable Type 并进入网志编辑选单之后,请如图六十一按下左方工具列上的「修改文章」按钮。
    按下工具列的「修改文章」按钮
    图六十一:在网志编辑选单中,按下工具列的「修改文章」按钮。
  2. 列出及编辑文章画面中,会列出最新的二十篇文章,如图六十二所示;祇要在任何一篇文章的标题点选,就能够加以编辑那一篇文章。
    最新的二十篇文章的标题
    图六十二:在列出及编辑文章的画面中,你能够轻易地点选并编辑最新二十篇文章中任何一篇。
  3. 不过现在请把画面往下拉,你会在这个画面底部看到一个下拉式选单。这个选单的预设值是「一次显示 20 篇文章」,请如图六十三选择「显示所有的文章」,这会儿所有的文章就都会显示在画面中了。不过请注意,如果你的网志上有成千上百篇文章的话,画面也会拉得很长很长;或许在这种情况下,下一节所介绍的方法会更适合你。
    在下拉式选单中选择「显示所有的文章」
    图六十三:在这个画面最底下的下拉式选单里选择「显示所有的文章」,就能够把所有的文章都在同一个画面里列出来。

用特定条件筛选文章

如果你对于要修改的文章稍微还有一点印象,知道那一篇文章所属的类别作者,或者是出版状态的话,就能够利用以下的方法来快速筛选出你所要编辑的文章。举例来说,如果你是某一份网志的责任编辑,负责审核各个作者所发表的文章的话,你就可以利用这个功能,祇列出出版状态仍为「草稿」的文章,并加以编审。

  1. 列出及编辑文章的画面中,有一个过滤选项的区块,如图六十四如果你不知道甚么是列出及编辑文章的画面的话,请参考「修改某一篇文章」小节的前三个步骤。
    「列出及编辑文章」画面中的「过滤选项」区块
    图六十四:「列出及编辑文章」画面里,有一个「过滤选项」的区块。
  2. 过滤内容」的第一栏,能够让你如图六十五那样,透过下拉式选单从类别作者出版状态中任选一个来当作过滤条件。
    从「过滤内容」第一栏的下拉式选单中选择「类别」来当作过滤条件
    图六十五:从「过滤内容」第一栏的下拉式选单中选择一项来当作过滤条件,在这个范例中选的是「类别」。
  3. 过滤内容」第二栏的下拉式选单则会按照第一栏的选择而呈现不同的选项。你可以如图六十六选择一个必须满足的条件。
    从「过滤内容」第二栏的下拉式选单中选择「 hack 」来当作过滤条件
    图六十六:从「过滤内容」第二栏的下拉式选单中选择一项来当作过滤条件,在这个范例中选的是「 hack 」。
  4. 确认过滤条件无误后,请如图六十七按下「前往」按钮。
    确认过滤条件是「类别是 hack 」,然后按下「前往」按钮
    图六十七:确认过滤条件后按下「前往」按钮。在这个范例中的过滤条件是「类别是 hack 」的文章。
  5. 图六十八,现在画面就祇会列出满足你要求条件的文章了。照样祇要点选某篇文章的标题,就能够开始编辑那一篇文章。
    画面上祇会列出类别是 hack 的文章
    图六十八:画面上祇会列出符合过滤条件的文章。在这个范例中的过滤条件是「类别是 hack 」的文章。

快速搜寻文章

有的时候光看文章标题是没有办法让你联想文章内容的,所幸 Movable Type 内建了搜寻功能,能够让你用任何的关键词去对文章内容进行检索,进而找到你所要编辑的文章。请参考以下的步骤:

  1. 图六十九,在每一份网志的编辑选单画面中,上方导览列都会有一个搜寻用的表单,就在检视网站的按钮之右。请在此填入你所要搜寻的关键词。
    在搜寻表单中填入关键词「 Movable 」
    图六十九:在上方导览列里的搜寻表单中填入要搜寻的关键词。这个范例中的关键词是「 Movable 」。
  2. 然后按下一旁的「搜寻」按钮,如图七十
    按下「搜寻」按钮
    图七十:输入关键词后,按下「搜寻」按钮。
  3. 接著如图七十一,祇要是在标题主要文章本体额外文章内容里有出现该关键词的文章,就都会被列出来了。
    含有「 Movable 」字符串的文章都会被列出来
    图七十一:「标题」、「主要文章本体」或「额外文章内容」里有出现关键词的文章都会被列出来。这个范例中所使用的关键词是「 Movable 」。

文章进阶搜寻

如果你想要用更复杂的规则来搜寻文章的话,也可以参考下列的步骤。透过这一部分的功能,你将能够指定搜寻时是否要大小写吻合,甚至是采用正规表示式来搜寻;除此之外,你也可以限定搜寻范围祇局限于标题主要文章本体额外文章内容关键词中的某几个字段。

  1. 在网志的编辑选单左边,会有一个垂直的工具列;请如图七十二按下工具列里的「搜寻」按钮。
    按下编辑选单左方工具列里的「搜寻」按钮
    图七十二:按下编辑选单左方工具列里的「搜寻」按钮。
  2. 接下来会出现一个搜寻表单,请先如图七十三寻找之后的第一个字段里填入你要用来搜寻的关键词眼正规表示式;然后你还能够如图七十四指定是否要求关键词眼大小写有别,或者指定要使用正规表示式来搜寻,祇需要加以核选相对应的核选框就可以了。
    在「寻找」字段里填入 Movable 这个关键词
    图七十三:填入关键词眼或正规表示式,在这个范例中填入的是 Movable 。
    「大小写有别」和「正规表示式」的核选框
    图七十四:「大小写有别」和「正规表示式」的核选框,在这个范例中我们都不予核选。
  3. 预设的搜寻范围是从所有文章的标题主要文章本体额外文章内容关键词这四个字段中加以搜寻比对,不过你还是可以如图七十五一般,藉由核选或取消四种搜寻字段来缩小搜寻比对的范围。
    在四种搜寻字段中祇选择「标题」
    图七十五:核选搜寻字段,在这个范例中我们祇从「标题」里比对关键词眼。
  4. 最后如图七十六按下「搜寻」按钮(请千万不要按到「取代」按钮),就会看到如图七十七的搜寻结果被列出来。这个时候,你祇需要点选搜寻结果中任意文章的标题,就能够加以编辑该文章了。
    按下「搜寻」按钮
    图七十六:填妥各个字段后,请按下「搜寻」按钮。
    搜寻结果
    图七十七:搜寻结果列出后,按下任一篇文章的标题就能加以编辑。

搜寻与取代

有的时候你可能会想要快速地把所有文章里的某个关键词眼换成另一个(例如某个网站的网址更新了),如果必须要一个一个找出来,然后再逐一修改,实在是相当地累人。好在 Movable Type 也提供了取代的功能,能够帮你一次做完这件事。请参照以下的说明:

  1. 前一小节步骤一步骤三里,我们已经学到了如何输入搜寻关键词眼正规表示式,同时也学到了如何限制搜寻字段。现在让我们如图七十八这样,在「取代成」字段里填入你要代换成的字符串,再如图七十九按下「取代」按钮。
    在「取代成」字段里填入 Type
    图七十八:除了在上一节提到的搜寻内容(搜寻关键词是「 Movable 」)外,也在「取代成」字段填入「 Type 」。这么一来应该会把所有的 Movable 都取代成 Type 。
    按下「取代」按钮
    图七十九:现在按下「取代」按钮,而不是「搜寻」。
  2. 现在你应该会看到如图八十的画面,表示取代已经完成了。
    所有的 Movable 都已经被取代成 Type 了
    图八十:所有在文章里出现的 Movable 都已经被取代成 Type 了。
  3. 但是使用取代功能务必非常小心谨慎,否则将可能发生无法挽回的惨剧。且看图八十一,在刚刚的范例中,我们把所有的 Movable 都代换成 Type 了,所以原本的 Movable Type 就会被代换成 Type Type
    Movable Type 被代换成 Type Type
    图八十一:原本的 Movable Type 现在被代换成 Type Type 了。
  4. 如果你没有料到 Movable Type 竟然会变成 Type Type 的话,现在麻烦大了。因为这种代换是不可逆、无法还原的,就算你像图八十二那样把两个字段倒过来填写,也不可能弥补你的不慎。相反地,事情可能会变得更糟,就像图八十三
    搜寻 Type 并取代成 Movable
    图八十二:这是一个错误的补救范例,使用者显然想要把被误换成 Type 的关键词眼换回成 Movable 。
    Type Type 现在变成了 Movable Movable
    图八十三:结果天不从人愿,你不但没办法把 Type Type 变回 Movable Type ,反而让它变成了 Movable Movable 。

大量编辑模式

现在让我们来设想另一种状况,有可能你想做的事情并非修改特定某篇文章的内容,而是想要修改很多篇文章的标题,或者甚至是想把一大堆文章从某个类别搬移到另外一个类别去;这个时候大量编辑模式就是你宝贵时间的救星了。

  1. 列出及编辑文章画面(任何时候按下左方工具列的修改文章按钮,就可以看到这个画面)中,会有一个「开启大量编辑模式」的链结。请如图八十四按下这个链结。
    按下「列出及编辑文章」画面中的「开启大量编辑模式」链结
    图八十四:在「列出及编辑文章」画面中,按下「开启大量编辑模式」的链结,来开启大量编辑模式。
  2. 会弹出如图八十五的画面,这就是大量编辑模式。在这个画面中所有的字段都是可以编辑的,这表示你可以一次改掉很多文章的标题类别日期作者出版状态;更棒的是你仍旧可以像我们在前面几个小节那样,列出所有文章用特定条件筛选文章
    「大量编辑模式」窗口,可以编辑文章标题、类别、日期、作者和出版状态
    图八十五:在「大量编辑模式」窗口中,你可以编辑文章标题、类别、日期、作者和出版状态,也可以指定一次要列出的文章数量,或者用类别、作者或出版状态来限制要列出的文章范围。
  3. 当你做完所有要做的修改后,祇需要按下画面最下方的「储存」按钮就可以了。接下来你还可以继续在大量编辑模式画面中继续编辑修改,用完后祇需要直接把这个窗口关闭即可。
    大量编辑模式的「储存」按钮
    图八十六:修改后请不要忘了要按下大量编辑模式的「储存」按钮。

上传档案

Movable Type 也能够让你上传档案。如果这个档案是图片的话, Movable Type 还可以让你选择要用嵌入或弹出的效果来呈现;如果这个档案不是图片的话,就会建立起一个链结,让读者们能够依此链结来下载你所提供的档案。

上传档案的时候要注意一点:要上传的档案请尽可能使用祇含有英文字母跟数字的档名,否则可能会发生预期外的错误。以下我们就将分别按照各种不同的状况,加以说明:

上传图片并以嵌入式图片建立新文章

许多报章杂志或者是新闻性的网页上,都会有图文并茂的文章。这一类的文章中,图片是整个版面的一部份;这种直接显示在文章段落间、会占掉一定空间的图片,就称做「嵌入式图片」,因为它们是直接嵌入在文章段落里的图片。

你也可能会想要这么做。例如你出去旅行,拍了一些照片,然后想要看图说故事,把旅游中的点滴记下来;或者你可能从网络上抓了一张图,然后想要报导跟这个图有关的故事。在这个情况下,最简单的作法就是直接上传这张图片,并且以这张图片建立新的文章。像这样:

  1. 首先请如图八十七按下左方工具列上的上传档案按钮。
    按下左方工具列上的「上传档案」按钮
    图八十七:按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图八十八按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图八十八:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图八十九选取档案后,按下「开启」按钮。请注意,你一次祇能选取一个档案,也祇能上传一个档案。
    选取要上传的 Jedi-Full 图片后按下「开启」按钮
    图八十九:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 Jedi-Full.jpg 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图九十选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图九十一按下「上传」按钮,这才真的把图片开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图九十:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图九十一:按下「上传」按钮,开始上传图片。
  5. 图片上传完后,会出现如图九十二的画面,告诉你图片已上传,并询问你要如何处置这个图片。我们打算以此图片建立新文章,而且还希望把图片嵌入到文章版面里;所以请选「用这个档案新增一篇文章」,然后按下「嵌入式图片」。
    选「用这个档案新增一篇文章」
    图九十二:选择「用这个档案新增一篇文章」。
    按下「嵌入式图片」按钮
    图九十三:按下「嵌入式图片」按钮,表示要把图片嵌入到文章版面中。
  6. 接著「上传档案」的弹出式窗口会关闭,同时你会看到你的主窗口切换成像是图九十四一样。这个画面就跟你自己按下「新增文章」按钮后所看到的画面可以说是一模一样,唯一的不同之处在于在主要文章本体的字段里,多了一连串的 HTML 卷标;那一段 HTML 卷标的意思就是把你所上传的图片嵌入显示,并且设定其替代文字 (alt) 、图片宽度 (width) 、图片高度 (height) 以及图片边框宽度 (border) 。你可以视情况需要修改这些卷标属性,并且为这一篇文章加上合适的标题,撰写其它文字,再存盘。
    在「主要文章本体」字段里,出现了显示图片用的 HTML 卷标,而其它字段则保持空白
    图九十四:「主要文章本体」字段被填入了显示图片用的 HTML 卷标;在这个范例里的卷标,意思是:显示 http://Jedimt.dyndns.org/archives/Jedi-Full.jpg 这张图片,并且设定这张图片的替代文字为 Jedi-Full.jpg ,图片宽度为 92 个像素、高 127 个像素,不要使用边框。
    填写文章的标题,并在主要文章本体里再写些别的字
    图九十五:填写其它的字段,在这个范例理我们在文章标题那一栏填写了「我的照片」,并且在主要文章本体的字段中先以 Enter 在图片后换列,并写上「这就是我的照片喔!」这几个字。
  7. 检视网站的时候你应该就能看到如图九十六的画面,有一张图片嵌入在文章里。
    文章里嵌入了一张图片
    图九十六:在这篇新的文章里有一张嵌入式的图片,紧接著在下一列是我们所加进的「这就是我的照片喔!」字样。

上传图片并显示嵌入式图片的 HTML 卷标

当你上传图片并以嵌入式图片建立新文章时,固然可以很方便地把图片嵌入文章里,但是我想很快地你就会遇到另一个问题:如果你想要在一篇文章里放进第二张甚至第三张图片时,该怎么办?

如果你还是用一样的方法来上传图片的话,你就会发现每一次都会建立新文章,然而又都没有存盘,结果你的编辑画面里永远就祇有最后上传的那一张图片!实际上这些图片都上传到服务器上了,祇是用来显示图片的 HTML 卷标将会被一再地清掉。因此我们得用这一段所要讲的方法,在上传图片后祇显示嵌入图片要用的 HTML 卷标就好,而不以此建立新文章:

  1. 当你上传第一张图片并建立新文章后,或者是在编辑某一篇已经存在的文章时,请如图九十七按下左方工具列的「上传档案」按钮。
    在编辑文章画面里,按下左方工具列上的「上传档案」按钮
    图九十七:在编辑文章画面里,按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图九十八按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图九十八:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图九十九选取档案后,按下「开启」按钮。请注意,你祇能再选取一个档案。
    选取要上传的 Jedi-full_2 图片后按下「开启」按钮
    图九十九:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 Jedi-full_2.jpg 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图一百选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图一百零一按下「上传」按钮,这才真的把图片开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图一百:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图一百零一:按下「上传」按钮,开始上传图片。
  5. 图片上传完后,会出现如图一百零二的画面,告诉你图片已上传,并询问你要如何处置这个图片。我们并不打算以此图片建立新文章,而祇是希望把嵌入图片所需的 HTML 码复制起来,放到文章里;所以请选「显示 HTML 」,然后按下「嵌入式图片」的按钮。
    选择「显示 HTML 」
    图一百零二:选择「显示 HTML 」。
    按下「嵌入式图片」的按钮
    图一百零三:按下「嵌入式图片」按钮。
  6. 接下来你会看到如图一百零四的画面,在这个窗口里会显示出用来把图片嵌入的 HTML 卷标。请如图一百零五把这一段卷标先用鼠标全部选取后,再按鼠标右键复制下来(当然你也可以按 Ctrl-C 来复制)。
    嵌入图片用的 HTML 卷标
    图一百零四:这个窗口里显示的是用来嵌入图片的 HTML 卷标;在这个范例里的卷标,意思是:显示 http://Jedimt.dyndns.org/archives/Jedi-full_2.jpg 这张图片,并且设定这张图片的替代文字为 Jedi-full_2.jpg ,图片宽度为 453 个像素、高 678 个像素,不要使用边框。
    全选并复制
    图一百零五:把这段卷标全部选取起来,此时整段卷标应该会呈现反白;然后再按鼠标右键并选「复制」,来复制这段 HTML 卷标。
  7. 如果你还要再继续上传别的图片的话,你可以先把刚刚复制起来的 HTML 卷标先贴到文章编辑区里,然后在这里再按下「上传另一个档案」的按钮。不过我们在这里并没有要再上传别的档案,所以请按照图一百零六按下「关闭」按钮,来关闭这个窗口。
    按下「关闭」按钮
    图一百零六:按下「关闭」按钮来关闭这个窗口。
  8. 现在回到文章编辑画面中,你可以在任何想要嵌入图片的地方按下鼠标右键再选「贴上」,来插入刚刚所复制的 HTML 卷标(当然你也可以用 Ctrl-V 来贴上)。然后你还能够像图一百零八那样继续加入其它文字,或者更进一步设定文章的其它属性。
    贴上 HTML 卷标
    图一百零七:按鼠标右键贴上 HTML 卷标。
    继续编辑文章内容
    图一百零八:继续编辑文章内容;在这个范例里,我们在图片前又多加了一列「这一张是全身照:」的文字,并且再用 Enter 来换列。
  9. 编辑完后请把文章储存起来,检视网站的时候你就会看到第二张图片了。
    文章里出现第二张嵌入式图片
    图一百零九:现在第二张嵌入式图片也出现了。

上传图片并以弹出式图片建立新文章

相信你随即就能从前面的图一百零九发现一个明显的问题:一旦你的页面里用了很大的图片或很多图片的时候,嵌入式的图片不尽可能会破坏整个页面的版面安排,甚至会让读者花上很多时间才能购下载完。这时候弹出式图片似乎就是很好的妥协方案了。

所谓的弹出式图片,就是把原本要摆放图片的地方变成一个链结,当读者想要看图片的时候祇需要按一下链结,就会弹出一个新的窗口,里面则是那张图片。藉此不但不会影响到版面安排,而且也可以把加载页面所需的时间(跟内存)降到最低。以下就让我们来看看,可以怎么做:

  1. 首先请如图一百一十按下左方工具列上的上传档案按钮。
    按下左方工具列上的「上传档案」按钮
    图一百一十:按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图一百一十一按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图一百一十一:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图一百一十二选取档案后,按下「开启」按钮。请注意,你一次祇能选取一个档案,也祇能上传一个档案。
    选取要上传的 Jedi-Full 图片后按下「开启」按钮
    图一百一十二:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 Jedi-Full.jpg 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图一百一十三选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图一百一十四按下「上传」按钮,这才真的把图片开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图一百一十三:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图一百一十四:按下「上传」按钮,开始上传图片。
  5. 图片上传完后,会出现如图一百一十五的画面,告诉你图片已上传,并询问你要如何处置这个图片。我们打算以此图片建立新文章,而且还希望把图片做成弹出式链结;所以请选「用这个档案新增一篇文章」,然后按下「弹出式图片」。
    选「用这个档案新增一篇文章」
    图一百一十五:选择「用这个档案新增一篇文章」。
    按下「嵌入式图片」按钮
    图一百一十六:按下「弹出式图片」按钮,表示要把图片建立成弹出式链结。
  6. 接著「上传档案」的弹出式窗口会关闭,并且悄悄建立了一个跟图片相同主档名的 HTML 页面档,祇是你还不会看到;同时你会看到你的主窗口切换成像是图一百一十七一样。这个画面就跟你自己按下「新增文章」按钮后所看到的画面可以说是一模一样,唯一的不同之处在于在主要文章本体的字段里,多了一连串的 HTML 卷标。那一段 HTML 卷标的意思就是用来弹出这个同名的 HTML 页面,以显示你所上传的图片。请注意在图一百一十八里的那个「 View image 」字符串,这就是用来建立弹出式图片的链结字符串;你可以视情况需要修改这个字符串,并且为这一篇文章加上合适的标题,撰写其它文字,再存盘。
    「主要文章本体」里多了用来建立弹出式图片链结的 HTML 卷标
    图一百一十七:「主要文章本体」里多了用来建立弹出式图片链结的 HTML 卷标,其它字段则还是空的。
    选取「 View image 」字符串
    图一百一十八:图中被选取而呈现反白的「 View image 」字符串是用来建立弹出式图片的链结字符串。
    修改链结字符串,并加入其它文字
    图一百一十九:修改链结字符串,并加入其它文字;在这个范例里我们把「 View image 」改成「大头照」,并且分别在这个 HTML 卷标前后加上了「这是我的」以及「呦!」;此外还写了文章标题「我的照片」。
  7. 存盘后请检视页面,你会发现文章里有一个链结,按下去后会弹出一个祇有图片的窗口。
    文章里的「大头照」是个链结
    图一百二十:由于我们把「 View image 」修改成「大头照」了,所以文章页面里的「大头照」字符串就变成了一个链结。
    弹出的窗口里是 Jedi 的大头照
    图一百二十一:按下这个「大头照」链结后会弹出一个窗口,里面正是我们所上传的图片。

上传图片并显示弹出式图片的 HTML 卷标

你可以祇检视制作嵌入式图片的 HTML 卷标,当然也可以祇检视制作弹出式图片所需的 HTML 卷标。请参考以下的步骤:

  1. 当你上传第一张图片并建立新文章后,或者是在编辑某一篇已经存在的文章时,请如图一百二十二按下左方工具列的「上传档案」按钮。
    在编辑文章画面里,按下左方工具列上的「上传档案」按钮
    图一百二十二:在编辑文章画面里,按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图一百二十三按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图一百二十三:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图一百二十四选取档案后,按下「开启」按钮。请注意,你祇能再选取一个档案。
    选取要上传的 Jedi-full_2 图片后按下「开启」按钮
    图一百二十四:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 Jedi-full_2.jpg 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图一百二十五选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图一百二十六按下「上传」按钮,这才真的把图片开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图一百二十五:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图一百二十六:按下「上传」按钮,开始上传图片。
  5. 图片上传完后,会出现如图一百二十七的画面,告诉你图片已上传,并询问你要如何处置这个图片。我们并不打算以此图片建立新文章,而祇是希望把建立弹出式图片链结所需的 HTML 码复制起来,放到文章里;所以请选「显示 HTML 」,然后按下「弹出式图片」的按钮。
    选择「显示 HTML 」
    图一百二十七:选择「显示 HTML 」。
    按下「弹出式图片」的按钮
    图一百二十八:按下「弹出式图片」按钮。
  6. 接下来你会看到如图一百二十九的画面,在这个窗口里会显示出用来制作弹出式图片链结的 HTML 卷标;并且悄悄建立了一个跟图片相同主档名的 HTML 页面档,祇是你还不会看到。请如图一百三十把这一段卷标先用鼠标全部选取后,再按鼠标右键复制下来(当然你也可以按 Ctrl-C 来复制)。
    用来制作弹出式图片链结的 HTML 卷标
    图一百二十九:这个窗口里显示的是用来制作弹出式图片链结的 HTML 卷标。
    全选并复制
    图一百三十:把这段卷标全部选取起来,此时整段卷标应该会呈现反白;然后再按鼠标右键并选「复制」,来复制这段 HTML 卷标。
  7. 如果你还要再继续上传别的图片的话,你可以先把刚刚复制起来的 HTML 卷标先贴到文章编辑区里,然后在这里再按下「上传另一个档案」的按钮。不过我们在这里并没有要再上传别的档案,所以请按照图一百三十一按下「关闭」按钮,来关闭这个窗口。
    按下「关闭」按钮
    图一百三十一:按下「关闭」按钮来关闭这个窗口。
  8. 现在回到文章编辑画面中,你可以在任何想要嵌入图片的地方按下鼠标右键再选「贴上」,来插入刚刚所复制的 HTML 卷标(当然你也可以用 Ctrl-V 来贴上)。然后你还能够像图一百三十三那样修改链结文字、继续加入其它文字,或者更进一步设定文章的其它属性。
    贴上 HTML 卷标
    图一百三十二:按鼠标右键贴上 HTML 卷标。
    修改链结文字并继续编辑文章内容
    图一百三十三:继续编辑文章内容;在这个范例里,我们在图片前又多加了一列「当然你也可以看」的文字,并且把原来的链结文字「 View image 」改成「全身照」。
  9. 编辑完后请把文章储存起来,检视网站的时候你就会看到第二个弹出式图片链结了。
    「全身照」是另一个弹出式图片链结
    图一百三十四:检视站台时,你可以在文章画面里看到第二个弹出式图片链结文字;在这个范例中是「全身照」这个字符串。
    弹出式图片
    图一百三十五:点选「全身照」之后,会弹出另一个窗口,里面是我们所上传的第二张图片。

上传档案并建立新文章

除了显示图片之外,你也有可能会想要随著文章提供一些档案给读者下载;在这种情况下

  1. 首先请如图一百三十六按下左方工具列上的上传档案按钮。
    按下左方工具列上的「上传档案」按钮
    图一百三十六:按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图一百三十七按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图一百三十七:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图一百三十八选取档案后,按下「开启」按钮。请注意,你一次祇能选取一个档案,也祇能上传一个档案。
    选择要上传的 jedisymb 压缩档后按下「开启」按钮
    图一百三十八:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 jedisymb.zip 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图一百三十九选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图一百四十按下「上传」按钮,这才真的把档案开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图一百三十九:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图一百四十:按下「上传」按钮,开始上传档案。
  5. 档案上传完后,会出现如图一百四十一的画面,告诉你档案已上传,并询问你要如何处置这个档案。我们打算建立新文章,而且放进这个档案的链结,所以请选「用这个档案新增一篇文章」,然后按下「链结」。
    选择「用这个档案新增一篇文章」
    图一百四十一:选择「用这个档案新增一篇文章」。

    图一百四十二:按下「链结」按钮,表示要为档案建立链结。
  6. 接著「上传档案」的弹出式窗口会关闭,同时你会看到你的主窗口切换成像是图一百四十三一样。这个画面就跟你自己按下「新增文章」按钮后所看到的画面可以说是一模一样,唯一的不同之处在于在主要文章本体的字段里,多了一连串的 HTML 卷标。那一段 HTML 卷标就是建立用来下载这个档案的链结。请注意在图一百四十四里的那个「 Download file 」字符串,这就是用来建立弹出式图片的链结字符串;你可以视情况需要修改这个字符串,并且为这一篇文章加上合适的标题,撰写其它文字,再存盘。
    「主要文章本体」里多了用来建立链结的 HTML 卷标
    图一百四十三:「主要文章本体」里多了用来建立链结的 HTML 卷标,其它字段则还是空的。
    选取「 Download file 」字符串
    图一百四十四:图中被选取而呈现反白的「 Download file 」字符串是用来建立弹出式图片的链结字符串。
    <
    修改链结字符串,并加入其它文字
    图一百四十五:修改链结字符串,并加入其它文字;在这个范例里我们把「 Download file 」改成「星际大战首部曲的字型」,并且分别在这个 HTML 卷标前后加上了「我前一阵子从网络上面找到了」以及「!!」;此外还写了文章标题「首部曲的字型」。
  7. 存盘后请检视页面,你会发现文章里有一个链结,读者们就可以用这个链结来下载你所提供的档案。
    按下「星际大战首部曲的字型」就能够下载 jedisymb.zip 档案
    图一百四十六:在这个页面中「星际大战首部曲的字型」是一个链结,能够让读者下载你所提供的 jedisymb.zip 档案。

上传档案并显示 HTML 卷标

同样地,当你要上传多个档案,并且把档案链结放进同一篇文章的时候,就可以祇显示建立链结所需的 HTML 卷标,而不要直接建立新文章。请见以下的步骤:

  1. 当你上传第一个档案并建立新文章后,或者是在编辑某一篇已经存在的文章时,请如图一百四十七按下左方工具列的「上传档案」按钮。
    在编辑文章画面里,按下左方工具列上的「上传档案」按钮
    图一百四十七:在编辑文章画面里,按下左方工具列上的「上传档案」按钮。
  2. 接下来会弹出一个上传档案的窗口,请如图一百四十八按下选择档案段落里的「浏览」按钮。
    按下「浏览」按钮
    图一百四十八:按下「浏览」按钮。
  3. 按下「浏览」按钮后,会出现另外一个对话框,让你从硬碟里选择要上传的档案。请如图一百四十九选取档案后,按下「开启」按钮。请注意,你祇能再选取一个档案。
    选取要上传的 aurabesh 压缩档后按下「开启」按钮
    图一百四十九:从这个窗口选择要上传的档案后,按下「开启」按钮。在这个范例中我们选取的档案是 aurabesh.zip 。
  4. 一旦你按下前述的「开启」按钮后,就会看到这个弹出的窗口里,「档案」那一格里填写著你所要上传的档案在你硬碟里的实际路径;接下来我们还得决定要把档案放到服务器的那个目录里。请如图一百五十选择「 <本机汇整路径> 」,并且在后面的字段里留空;这表示你要把档案上传到本机汇整路径里,而且不放进更深层的子目录中。接下来再如图一百五十一按下「上传」按钮,这才真的把档案开始上传到服务器上。
    点选「<本机汇整路径>」,后面的字段留空不填
    图一百五十:点选「<本机汇整路径>」,后面的字段留空不填。
    按下「上传」按钮
    图一百五十一:按下「上传」按钮,开始上传档案。
  5. 档案上传完后,会出现如图一百五十二的画面,告诉你档案已上传,并询问你要如何处置这个档案。我们并不打算以此档案建立新文章,而祇是希望把建立档案链结所需的 HTML 码复制起来,放到文章里;所以请选「显示 HTML 」,然后按下「链结」的按钮。
    选择「显示 HTML 」
    图一百五十二:选择「显示 HTML 」。
    按下「弹出式图片」的按钮
    图一百五十三:按下「弹出式图片」按钮。
  6. 接下来你会看到如图一百五十四的画面,在这个窗口里会显示出用来制作档案链结的 HTML 卷标。请如图一百五十五把这一段卷标先用鼠标全部选取后,再按鼠标右键复制下来(当然你也可以按 Ctrl-C 来复制)。
    用来制作档案链结的 HTML 卷标
    图一百五十四:这个窗口里显示的是用来制作档案链结的 HTML 卷标。
    全选并复制
    图一百五十五:把这段卷标全部选取起来,此时整段卷标应该会呈现反白;然后再按鼠标右键并选「复制」,来复制这段 HTML 卷标。
  7. 如果你还要再继续上传别的档案的话,你可以先把刚刚复制起来的 HTML 卷标先贴到文章编辑区里,然后在这里再按下「上传另一个档案」的按钮。不过我们在这里并没有要再上传别的档案,所以请按照图一百五十六按下「关闭」按钮,来关闭这个窗口。
    按下「关闭」按钮
    图一百五十六:按下「关闭」按钮来关闭这个窗口。
  8. 现在回到文章编辑画面中,你可以在任何想要加进档案链结的地方按下鼠标右键再选「贴上」,来插入刚刚所复制的 HTML 卷标(当然你也可以用 Ctrl-V 来贴上)。然后你还能够像图一百五十九那样修改链结文字、继续加入其它文字,或者更进一步设定文章的其它属性。
    贴上 HTML 卷标
    图一百五十七:按鼠标右键贴上 HTML 卷标。
    选取链结文字
    图一百五十八:选取链结文字「 Download file 」。
    修改链结文字并继续编辑文章内容
    图一百五十九:继续编辑文章内容;在这个范例里,我们在链结前后分别多加了「当然还有不同的」和「可以抓。」的文字,并且把原来的链结文字「 Download file 」改成「字型」。
  9. 编辑完后请把文章储存起来,检视网站的时候你就会看到第二个档案链结了。
    「字型」是另一个档案链结
    图一百六十:检视站台时,你可以在文章画面里看到第二个档案链结文字;在这个范例中是「字型」这个字符串。

删除文章

筑城千日,毁于一旦;你马上就会发现删除文章远比把他们建立起来要容易得多。有两个删除文章的方法,其一是在列出及编辑文章画面中,如图一百六十一核选文章后面的删除核选框后,再如图一百六十二按下下方的删除按钮,就可以一口气把这些文章都删除了。这个方法的好处在于效率高,你甚至可以用我们在「找出要修改的文章」小节提过的任何方法,来筛选要删除的文章,再一口气删除掉。

文章标题后面的「删除」核选框
图一百六十一:文章标题后面有「删除」核选框,请先核选你打算删除掉的文章。
按下「删除」按钮
图一百六十二:一旦按下「删除」按钮,凡是删除核选框有被核选的文章,就会被一起删除。

当然你可能会想更谨慎点,先看看文章内容是甚么才决定要不要删除。在文章编辑画面里,有一个删除文章的按钮,就可以让你把目前在编辑的这一篇文章给删除掉。

按下「删除文章」按钮
图一百六十三:一旦你按下「删除文章」按钮后,目前正在编辑的这篇文章就会被删除。


保留部分权利AttributionShare Alike