如何在文章中加入图片

2007/09/25 18:30
Machi蚂蚁问到这个问题,想必然会有其他蚂蚁面对这个问题,所以写成Q&A放在这里,方便大家查询。

在文章中加入图片有两种形式:上载图片或链接图片。

上载图片是通过蚂蚁的后台程序在撰写文章时上传的附件。可以直接通过上传附件旁的按键快捷加入。要注意的是所上传的图片是直接针对当前文章存在的,换句话说你在文章A上传的文件,只能在文章A快捷引用,如果要在其他文章中共用,别的文章中就需要使用链接图片的方式呈现了。

上传图片的方式在操作手册(文章->撰写文章)中已经有简单的介绍,其实这非常直观、简单使用,自己实习一下就知道哪个按键是做什么用的了。

链接图片,简单的说就是直接使用HTML Code显示你所要的图片,这不管是在文章中或模板中都可以运用。这些图片的“物理位置”可以是储存在蚂蚁的网址以外(如Fliker或Picasa),或者是蚂蚁的网址中(举上面的例子就是了)。下面是一个简单的例子,如何在文章中加入链接图片:(使用Firefox做示范)

例子:我要把蚂蚁的部落图案放在我的文章中。

1. 首先我要从蚂蚁部落中找出这个部落图案的网络位置。


2. 再来进入源码编译模式。


3. 最后加入编码。



其它更加详细的使用方法可以参考这个网页
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

  1. machi 2007/09/25 19:13

    孙康,谢谢你。。。。

    我弄到了。。。

    原来是html代码弄错,所以才放不到。。。

    万分感激你~~~

    对了,怎么弄留言下面那些emotion??

    不好意思,一直打扰你。。。。

    perm. |  mod/del. |  reply.
  2. machi 2007/09/25 19:50

    管理员,不好意思。。。。

    一下子,电脑当机所以发了那么多留言给你。。。

    不好意思。。。。

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/25 20:38

      我还在想怎么文章这么受欢迎,一下子就有了13个留言。。。[E|nothing_to_say]



      都删了!:)

  3. 輝仔 2007/09/26 17:10

    老大~窩都再等你的回覆哦= =

    現在無聊到要死也

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/27 10:14

      啊?不是已经在你的部落回覆了吗?

    • 輝仔 2007/09/27 10:59

      沒有也

      我只是收到你的信件

      說申請螞蟻了

      但是還要等消息!!

      我2格星期沒真正的BLOG了

    • 孙康 2007/09/27 19:16

      已经开通。检查你的户口。

我要回应!

这是新加入的表情插件:GUN Emoticon。

这插件提供蚂蚁们自己设置自己喜欢的表情图标,而不必所有人使用单一图标。这可以让个人风格更加特出,而且也加强了页面中的互动能力。

功能:自动转换预设的表情标签为表情图片。如 :) 将显示为  :P 将自动转换成

设置方式:
  1. 进入【插件】,启动【GUN Emoticon】。
  2. 按下【设定】。
  3. 按照画面指示来进行就可以了。
  4. 完毕后记得要按下储存按键,否则刚做好的设定,全都会消失不见哦!
设置模板:(如果不要让游客可以选择表情图片,可以跳过这个步骤)
  1. 进入【模板】-> 按下【编辑模板】。
  2. 寻找 textarea 这个关键字,然后在适合位置加入
一般上共有两个可以让游客输入的地方:留言板和发表区。如有需要,可以选择只放一处。但要注意的是,如果输入中包含了所设置的标签,这插件的作用也会出现的哦!

下面是一些抓图,如果不明白上面说的,就让这作为补充吧~
用户插入图片

插件画面。

《图一:插件画面》


《图二:表情标签和图片的设置及管理处》


《图三:增加表情图片时的窗口画面。在表情图标处输入你要的表情标签就行了!》


注意:
  • 一个表情标签,对应一个表情图片。
  • 表情标签可以是任何字(除了>和<不能使用!)。
    • 例子:
      • 关键字:
        • [emo:happy][E|big_smile]
        • e_sad[E|cry]
        • e.nothing_say[E|nothing_to_say]
      • 符号:
        • :)
        • :'(
        • =.=
没有表情图片可用?放心,孙康已经准备了一些,到这可以下载。

照常,有什么问题,在这回复就好了![E|happy]

相关文章:Q&A:如何设置Emoticon功能


創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG

有人回应

  1. terence.j 2007/08/08 03:16

    cry~~



    thx you~^_^[E|super_man]

    perm. |  mod/del. |  reply.
  2. mandy 2007/08/08 14:17

    我try了!謝謝你的指道啊![E|bad_smile]

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/08 15:20

      昏~ 怎么回复这么多次啊?[E|nothing_to_say]

      狠起心来,把其他都删了。。。[E|scorn]哈哈~[E|victory]

  3. 卡娃宙依Kawazoe 2007/08/09 09:36

    就是说,可以放任何自己喜欢的emotion图?

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/09 10:38

      当然可以!之前就一直在找。。。还好最后被我找到了!



      你应该有自己的表情图片吧?还不赶紧放进去?![E|happy]

  4. 潘榴莲 2007/08/09 21:51

    旁边要怎样增加板块啊?我要放聊天室

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/10 10:28

      最简单的方法:

      1. 进入【编辑模板】。

      2. 找sidebar这个关键字。

      3. 把你的聊天室放在适当的地方。



      需要注意的是必须用<div></div>把你的聊天室框起。

      自己试一下,不能的话我帮你搞定。。。:)

    • 潘榴莲 2007/08/10 23:50

      弄到很不漂亮……有没有CSS例子?

    • 孙康 2007/08/11 10:48

      你要什么例子?



      到你的页面看过了。也修改过了。要学CSS?我可以提供网站。

  5. 闻舒 2008/03/19 22:50

    你说把[##_GUNEmotion_##]放在适当的位置,什么是适当的位置呢?

    我尝试照办了,但似乎没有反应哦。=.=|||

    perm. |  mod/del. |  reply.
  6. 闻舒 2008/03/19 22:53

    我点击下载你所准备的表情图片也不成功耶!=.=|||

    perm. |  mod/del. |  reply.
我要回应!

Q&A:如何设置Emoticon功能

2007/08/01 00:51
有很多都问我,我下面这些可爱的Emoticon,是如何设置的?
用户插入图片


其实这需要一些手动的设定才可以完成。由于早前孙康忙着开张事宜,所以到现在都还没能够把这个设置方法写出来。(虽然写这章目时,聚合画面和管理处都还没作好。。。)现在只好亡羊补牢咯~(看在孙康这么晚还写出这章目,给我一点掌声啦~ :P)

好了废话少说,其实设置非常容易,只要有一点点HTML的基础,或用一点点时间实习,就可以搞定。
[20070808增加]事先说明:这套表情不适合用于黑色背景的页面哦!

两个步骤:

  1. 先进入【插件】然后找出【

    表情插件

    】,启用。
  2. 然后进入【模板】-->【编辑模板】,增加表情插件源码,储存后就行了。
    • 详情看这<==

我会在完成所有聚合页面功能后,再化时间在所有适用这Emoticon的模板上加入它的源码,那往后转换模板时就不必重新调整过了。

有什么问题,在这发问吧!

相关文章:Q&A:如何设置Emoticon功能(GUN Emoticon版本)
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

  1. zk 2007/08/08 03:12

    我还是弄不成功

    perm. |  mod/del. |  reply.
    • 孙康 2007/08/08 10:18

      你打少了个c。。。正确的是Emoticon,但你打成Emotion。。。[E|nothing_to_say]



      已经帮你修改过了,现在没问题啦~只是页面上要自己调整。

      另外这套表情并不适合黑色背景的页面,自己考虑要不要用吧~[E|unhappy]

  2. caera 2007/09/21 20:30

    我试了很多很多次,看孙康的指示看到电脑要烂了,还是弄不到。

    [E|cry][E|cry][E|cry][E|cry][E|cry]

    perm. |  mod/del. |  reply.
  3. caera 2007/09/22 10:27

    还是弄不到。

    ×文章下面×的留言板还是没有显示emoticon

    ×留言页×的留言板虽然显示了可是留言页面的设置很像乱掉了

    [E|cry][E|cry][E|cry][E|cry][E|cry][E|cry][E|cry][E|cry]

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/24 18:03

      是放错位置了。注意源码的开关要符合才行。



      再试看吧~要不然明天我再帮你弄。

  4. machi 2007/09/29 23:48

    为什么还是弄不到。。。。。。。。[E|nothing_to_say]

    perm. |  mod/del. |  reply.
    • 孙康 2007/09/30 13:24

      你的页面中已经有看到了哦。。。只是留言簿中的没见到而已。稍微调整一下就好了。再试试?[E|big_smile]

  5. Edit 2008/03/06 21:28

    HTML???(太高兴了!)

    perm. |  mod/del. |  reply.
  6. Edit 2008/03/06 21:28

    HTML???(太高兴了!)

    perm. |  mod/del. |  reply.
  7. Edit 2008/03/06 21:28

    HTML???=.=|||

    perm. |  mod/del. |  reply.
我要回应!

操作手册(文章->分类管理)

2007/07/13 17:04
用户插入图片
网站内容的分类做得好,可以让浏览者有个比较轻松的浏览经验。分类的名称是没有一定的规则的,主要是看个人风格、喜好、部落格的内容而定。

TT的分类管理提供了一个非常自由的管理方式,让你可以轻松的达到所要的分类列表。在写这个章节时,已经有人利用这个特点,使用TT制成了一个CMS(Content Management System,站台内容管理系统)呢!不说出来还不晓得这是一个用TT作后台的网站呢!在最后一节,我会教你一些技巧,如何利用这分类管理工具,作出特别的效果。

1.  增加分类条目

用户插入图片
顺序说明:
  1. 选择你所要添加新分类的位置。
  2. 在『添加』一栏中,填上你要的新条目。
  3. 点击『新增』,完成设置。
2.  更改分类名称

用户插入图片
顺序说明:
  1. 点选要修改名字的分类名称。
  2. 在『更改名字』一览中,改成新名字。
  3. 点击『保存』,完成设置。
3.  更换Body ID

用户插入图片


一般上不必修改设置。如果你要某个分类条目有特别的效果,可以尝试在『模板』->『编辑模板』中,增加一个CSS标识,然后选取你要增加效果的条目,最后更改Body ID为新增加的标识就行了!


Idea:通过这方法可以轻易的让你把某个条目的背景或字眼改个颜色。你也可以用这来一些创意。

4.  更改排列方式

用户插入图片

当你需要改变目前的分类排列方式时,就可以利用这两个按键来完成。非常简单,选择了条目后,按下【向上】或【向下】来移动就行了。


5.  公开范围

用户插入图片
用户插入图片
通过这设置,你可以让某些分类隐藏起来,不在列表内显示。下面是一个范例:

1.  在这范例中,我想把【站台。测试】这分类隐藏。

2.  首先点选【站台。测试】。

3.  勾起『公开范围设定』。

4.  点选后,分类列表就会变成如下图:
用户插入图片











5.  在网站上,这条目就不会再显示。
用户插入图片











注意:
其实这个隐藏了的分类只是没有显示在分类列表上而已,如果某人拥有它的链接,还是可以进入这列表内容的。
小创意:
有没有想过要创作一些专栏?如:美食专区、影像馆等等。如果我现在要增加一个影像馆,我可以增加一个隐藏分类,名称就是“影像馆”。接下来在主页中制作一个美美的Banner或一个页面上的Button,链接到这个分类。这看起来就好像你有一个影像馆特区了。(想:没有使用任何的Gallery系统,这已经是非常好的结果了!)


創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

我要回应!

操作手册(说明:模板标签)

2007/07/13 10:52
阅读前注意事项:
下面的所有标识为了要正式显示,所以把开关标识改为【# #】。在使用这些标识时,记得更正为【##】。

TC模板標簽說明
(原文出处:http://www.textcube.com.cn

[# #_title_# #] 日志標題 [后臺可設置]
[# #_page_post_title_# #] 該頁日志標題 [當前頁面顯示一篇日志時可顯示]

導航
[# #_blog_link_# #] 日志首頁
[# #_taglog_link_# #] 標簽頁面
[# #_localog_link_# #] 地域情報頁面
[# #_guestbook_link_# #] 留言板
[# #_owner_url_# #] 管理頁面
[# #_owner_url_# #]/entry/post 發表新日志

搜索
[# #_list_conform_# #] 相關日志共 [# #_list_count_# #] 篇
[# #_rplist_conform_# #] 相關回復共 [# #_rplist_count_# #] 篇
[# #_tblist_conform_# #] 相關引用共 [# #_tblist_count_# #] 篇 [TC1.5加入]

地域
[# #_local_spot_# #] 地域分級
[# #_local_info_title_# #] 地域下的日志

標簽
[# #_tag_name_# #] 標簽名稱

留言
[# #_guest_input_name_# #] [# #_guest_name_# #] 昵稱
[# #_guest_input_password_# #] 密碼 [修改刪除留言時使用]
[# #_guest_input_homepage_# #] [# #_guest_homepage_# #] 主頁
[# #_guest_textarea_body_# #] 留言內容
[# #_guest_onclick_submit_# #] 確定發表留言

[# #_guest_rep_name_# #] 留言者
[# #_guest_rep_date_# #] 留言時間
[# #_guest_rep_desc_# #] 留言內容

[# #_guest_rep_link_# #] 留言鏈接地址 [點擊后地址欄顯示該留言的鏈接地址]
[# #_guest_rep_onclick_delete_# #] 編輯/刪除留言
[# #_guest_rep_onclick_reply_# #] 回復該留言

公告
[# #_notice_rep_title_# #] 公告標題
[# #_notice_rep_date_# #] 公告發表時間
[# #_notice_rep_desc_# #] 公告內容

加密日志
[# #_article_rep_title_# #] 日志標題
[# #_article_rep_date_# #] 日志發表時間
[# #_article_password_# #] 加密日志密碼
[# #_article_dissolve_# #] 確定日志密碼

日志
[# #_article_rep_title_# #] 日志標題
[# #_article_rep_category_# #] 日志分類
[# #_article_rep_date_# #] 日志發表時間
[# #_article_rep_author_# #] 日志作者 [TC1.5加入]

[# #_s_ad_m_link_# #] 編輯日志
[# #_s_ad_m_onclick_# #] 在新窗口打開編輯日志
[# #_s_ad_s1_label_# #]→<a href="#" onclick="[# #_s_ad_s2_onclick_# #]">[# #_s_ad_s2_label_# #]</a> 日志模式切換 [公開/不公開]
[# #_s_ad_t_onclick_# #] 引用 [可輸入需要引用網址]
[# #_s_ad_d_onclick_# #] 刪除日志

[# #_article_rep_desc_# #] 日志內容

[# #_tag_label_rep_# #] 當前日志所使用標簽

[# #_article_rep_tb_cnt_# #] 引用 [開啟/關閉日志引用地址]
[# #_article_rep_rp_cnt_# #] 回復 [開啟/關閉日志回復欄]

[# #_tb_address_# #] 當前日志引用地址

[# #_tb_rep_title_# #] 引用標題
[# #_tb_rep_site_# #] 引用網站
[# #_tb_rep_date_# #] 引用時間
[# #_tb_rep_desc_# #] 引用內容
[# #_tb_rep_onclick_delete_# #] 刪除引用

[# #_rp_rep_name_# #] 回復者
[# #_rp_rep_date_# #] 回復時間
[# #_rp_rep_link_# #] 回復地址鏈接 [點擊后地址欄顯示改回復的鏈接地址]
[# #_rp_rep_onclick_delete_# #] 編輯/刪除回復
[# #_rp_rep_onclick_reply_# #] 對該回復發表評論
[# #_rp_rep_desc_# #] 回復內容

[# #_rp_input_name_# #] 昵稱
[# #_rp_input_password_# #] 密碼
[# #_rp_input_homepage_# #] 主頁
[# #_rp_input_is_secret_# #] 悄悄話 [僅管理員可見]
[# #_rp_input_comment_# #] 回復內容
[# #_rp_onclick_submit_# #] 確定發表回復

頁碼
[# #_prev_page_# #] 上一頁
[# #_next_page_# #] 下一頁
[# #_paging_rep_link_num_# #] 頁碼

側欄
[# #_image_# #] 日志圖片 [后臺可設置]
[# #_desc_# #] 日志描述 [后臺可設置]
[# #_blogger_# #] 日志作者 [后臺可設置]

[# #_notice_rep_title_# #] 公告標題

[# #_owner_url_# #] 管理
[# #_owner_url_# #]/entry/post 撰寫新日志

[# #_search_text_# #] 搜索

[# #_category_# #] 日志分類 [使用tree]
[# #_category_list_# #] 日志分類 [list模式,不使用tree]

[# #_tag_name_# #] 標簽

[# #_rctps_rep_title_# #] 最新日志
[# #_rctrp_rep_desc_# #] 最新回復
[# #_rcttb_rep_desc_# #] 最新引用

[# #_archive_rep_date_# #] 月份歸檔

[# #_calendar_# #] 日歷

[# #_link_site_# #] 友情鏈接

[# #_count_total_# #] 全部ip統計
[# #_count_today_# #] 今日ip統計
[# #_count_yesterday_# #] 昨日ip統計

[# #_rss_url_# #] 日志rss地址

[# #_textcube_name_# #] textcube名稱
[# #_textcube_version_# #] textcube版本號

------------------------------翻译-------------------------------------------------

翻譯可以根據上面的標簽完成,如果還有韓文未得到翻譯可以用下面兩個翻譯網站解決
http://www.worldlingo.com/en/microsoft/computer_translation.html
http://www.google.com/language_tools?hl=zh-CN

字體修正
大小修正
很多韓國模板使用的字體顯示中文是會出現字體大小不一,需要修改字體
使用emeditor或其他編輯器修改skin.html,style.css及其其他的css及js文件
使用替換,把Dotum,Gulim,돋움, 굴림替換為Tahoma或Verdana保存即可
字體過緊
使用替換,把letter-spacing:-1px替換為letter-spacing:0保存即可
注:請以utf-8的格式保存,不要添加Unicode簽名(BOM).標點符號可以根據自己的喜好予以修改,我個人是比較喜歡英文標點的
創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG , ,

有人回应

  1. 闻舒 2008/03/11 03:20

    把手册内的资讯都搬到蚂蚁论坛去吧!

    除了方便蚂蚁们寻找相关资料及做参考,也可让大家进一步探讨、研究,特别有利于新手(如我)。(太高兴了!)

    perm. |  mod/del. |  reply.
    • 孙康 2008/03/11 10:28

      会一步步搬迁过去的。



      别忘了蚂蚁论坛中的技术版面也是刚刚才开张不久啊。。。:)

我要回应!

操作手册(文章->文章目录)

2007/07/12 15:15
经过前面好几章的长篇大论后,感觉真的有点累赘。。。下来我只会针对重要或比较负责的项目作详解,其他的就自己测试吧~
用户插入图片
1.  发行状态

首先是发行状态栏中,你可以直接通过点击相关功能图标,修改发行状态。
用户插入图片


状态一览,由左到右:不公开、保护、公开、发行。




2.  文章分类

用户插入图片

如果点击任何分类名称,文章目录列表将会被限定,只显示所点击分类文章而已。





3.  文章名称
用户插入图片

在文章名称中点击,将会进入文章的修改画面。






4.  保护设置
用户插入图片

这个锁匙的功能图标是用于设定受保护文章的观看密码。要使用这功能的要求是必须先把文章状态定为保护状态。

如果没有输入任何密码,在储存保护文章的当儿,系统将会自动预设一个乱数的密码。只需按下锁匙图标,把新密码输入,最后按下编辑就行了。新密码立刻生效。

5.  引用文章设置
用户插入图片
当你阅读了某人的部落格某篇文章后,你写了一篇回应文章,而且你想要让他知道你已经写了这篇回应,引用文章功能(Trackback)就是你所需要用到的功能了!

  1. 在阅读完对方的文章后,记下它的引用地址。
  2. 完成你的文章。
  3. 进入【文章】->【文章目录】,按下
  4. 输入(1)中记下的引用地址,按发送完成。
过后这篇文章所引用过的地址将会被记录起来。如果你这篇回应文章还同时回应好几个不同部落客的文章,那就把所记录下来的相关引用地址输入吧!如果发现引用错误,可以按下这地址后面的X删除。

6.  删除文章

用户插入图片
最后还可以逐个删除所要删除的文章。按下文章后面的,文章就会被删除了。但在删除前,当然会惯例的提出确认问题。

注意:一旦按下OK,没有恢复办法!千万注意哦!

創用 CC 授權
Creative Commons License
本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
 相關文章 
TAG ,

有人回应

我要回应!

操作手册(文章->撰写文章)

2007/07/12 14:31
现在我们来看看『撰写文章』这个部分。
用户插入图片
撰写文章,顾名思义就是我们写文章的地方,是整个部落格的灵魂制造地(同意否?)。为了要提供最好的灵魂于我们的部落格,那就一定要非常清楚如何利用这里提供的各种工具。

1.  名称与分类

看内容 <--

    2.  标签与地域

    看内容 <--



    3.  所见所得编写功能

    看内容 <--


    4.  插入媒体功能

    看内容 <--

    5.  文章附件相关项目

    看内容 <--



    6.  其它设定

    看内容 <--



    7.  其他事项

    看内容 <--


    創用 CC 授權
    Creative Commons License
    本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
     相關文章 
    TAG ,

    有人回应

    我要回应!

    操作手册(选项->其他设定)

    2007/07/11 13:54
    用户插入图片
    在其他设定中,我们可以指定在网页图片上加水印、设定所使用的页面语言和时区、还有文章编辑时使用的方式。下面我们一一揭晓。

    1. 设定图片缩放。。。

    2. 语言及时区。。。

    3. 设定编辑文章模式。。。


    創用 CC 授權
    Creative Commons License
    本創作適用 姓名標示-非商業性-禁止改作3.0 創用 CC 授權,台灣並依循所適用的授權條款。
     相關文章 
    TAG ,

    有人回应

    我要回应!