一個喜歡 分享、學習、創作 的 動畫社群!

  • 上層分類:ROOT
  • 分類:網站資訊
  • 作者 Asika

文章寫作規範(一):Windows Live Writer 設定教學

asikartt-2011-12-14-[12-26-09]

 

前言

各位好,我是網站維護員飛鳥Asika,歡迎各位協作者加入AnimApp的行列,由於AnimApp目前由眾多協作者共同更新、維護,且網站具有自動系統協助縮圖以及產生相關連接,因此希望眾多協作者們能共遵守一致性的發文規範,以確保網站文章品質的一致性。

在AnimApp中,我們將分成制式發文規範,以及文章寫作指導原則。前者是所有人必須共同遵守的原則,以確保網站自動系統能夠確實運作在每一篇文章上。後者則屬於非強制規定的建議性原則,主要協助網站文章能在品質、可讀性、SEO等許多方面有較高的一致性。建議協作者在發文前,將所有規範文章從頭到尾讀過一遍,相信能夠更迅速的進入這個大家庭。

本篇將先從 Windows Live Writer 的設定開始,是大家入門的第一步。強烈建議在 AnimApp 發表文章一定要透過此軟體,因為網站將在此軟體的協同運作下,自動將圖片縮圖、裁切並上傳至 AnimApp 的 cdn 伺服器(http://cdn.animapp.tw) 以分散伺服器壓力,並方便管理與維護整個網站系統。

 

第一步: 設定網站帳號

若您的 WLW 剛安裝完成,一啟動應該就會出現要求設定部落格的畫面。假設您已安裝完成,請選擇「新增部落格帳號」。

asikartt-2011-12-14-[11-08-00]

 

 

選擇「其他服務」。

asikartt-2011-12-14-[11-09-14]

 

輸入帳號密碼。

asikartt-2011-12-14-[11-10-17]

 

若成功登入,將出現如下畫面,WLW將會把網站外觀樣式下載回本機,方便離線編輯時預覽外觀。

asikartt-2011-12-14-[11-10-34]

 

設定成功。

asikartt-2011-12-14-[11-11-20]

 

此為一般編輯畫面,啟動樣式預覽的狀況。

asikartt-2011-12-14-[11-12-02]

 

此為實際畫面預覽標籤(無法編輯)

asikartt-2011-12-14-[11-12-18]

 

如此便完成了部落格的基礎設定,接下來請注意圖片的設定。

 

第二步:設定圖片樣式

平時要插入圖片,可直接從桌面拉進wlw,或者直接ctrl+c, ctrl+v 即可。

asikartt-2011-12-14-[11-14-05]

 

插入圖片

在剛設定完成一個新部落格的時候,我們會發現,wlw替每張圖片設定了大小與陰影,這並不是我們需要的樣式。

asikartt-2011-12-14-[11-14-40]

由於AnimApp網站會替圖片自動縮圖,這些陰影是圖片的一部分,將導致縮圖外觀醜陋。接下來,我們將關閉陰影,並設定常用圖片大小,以符合網站樣式。

首先請看以下圖片,此為目前AnimApp的文章寬度設定。每篇文章的第一張圖片寬度必須為為550px,而高度最少需要220px。

可高於這個高度沒關係,左方看不見的佔位符會把第一張圖片向右推,以維持版面外觀。因此,若圖片高度小於220px第一行不是圖片,就會看見醜陋的佔位符。(只有「部落格」分類下的文章會有此樣式,其他分類的文章版面會較簡單

asikartt-2011-12-14-[11-18-16]

 

開頭不是圖片就會變這樣。

image

 

 

設定圖片大小

請點選任意一張圖片,打開設定「預設大小」

asikartt-2011-12-14-[11-25-27]

 

依照此圖設定大小:

  • 「小」用在小型圖片或長形圖片。
  • 「中」用在第一張圖片以及一般影片預覽圖。
  • 「大」用在需要高畫質的大張圖片。

每個大小皆設定高度大於寬度以適應長形圖片。當然,你還是可以手動縮放的。

設定完成後,請點選「中」型圖片作為預設值,並暫時不要修改大小。

asikartt-2011-12-14-[11-25-14]

 

關閉陰影

在格式部分,選擇「使用部落格樣式」圖片將以原始樣式匯入。

image

 

關閉連結

wlw預設將製作縮圖並連結至原始大圖,我們不需要這項功能。除了節省空間,大多數時候我們會手動設定連結回到原始網站,因此請關閉他。

asikartt-2011-12-14-[11-27-53]

 

設為預設值

剛剛的所有設定都在同一張圖片上,請按下設成預設值。之後所有批次插入的圖片都會套用此設定。免去一張一張重新設定的辛苦。

asikartt-2011-12-14-[11-28-13]

注意:若重新新增部落格帳號,以上動作必須重新設定。
至於如何產生這個特殊文字樣式框,請參照「文字樣式設定教學」。

 

最後,上傳時,圖片會自動傳至cdn伺服器,路徑為:http://cdn.animapp.tw/imgs/{your_account}/{year}/{month}/{date}/{img_name}

 

 

第三步:關閉自動轉換符號

避免一些奇怪的符號被代換,請關閉WLW的自動功能

asikartt-2011-12-14-[11-28-58]

asikartt-2011-12-14-[11-29-18]

 

 

其他注意事項

請一定要插入文章分隔線

image

 

送出前記得選擇分類(不支援多分類)

image

 

記得按下右上方「檢視全部」,並一定要輸入網址英文與tag標籤關鍵字(用小寫逗號分隔標籤)

image

 

可自定發佈時間,未選擇則即時發佈,可用此方式一次新增多篇文章慢慢排程發佈(出國時用)

image

 

 

參考資源

[教學]善用Windows Live Writer 2011離線寫部落格文章

 

本篇文章為beta版,將持續更新

編輯者:Asika – 2011/12/14

 Back to top