× 說心事 政治時事 生活 運動 汽車 機車 自行車 相機 科技 理財 旅遊美食 娛樂 健康 美麗時尚 人際關係 文學故事 關於《思書》
吃喝玩樂 關於《思書》

思書的編輯功能與樣本展示

思書
來關注...
關注:思書
關注有什麼好處?:當作者有新文章發佈時,「思書日報」就會匯總自動通知您,讓您更容易與作者互動。
x
思書
思書 Scrivinor:一個懷胎兩年才誕生~一個結合部落格及社群論壇的:隱私保護自由寫作平台
作者最新發佈的文章:
  • 用筆名:會讓你上網更高興
  • 如何提高網路流量與閱覽數?
  • 思書開發的故事 4:部落格搬家到「思書」,匯入文章新功能
作者最近參與的討論:
  • Google
現在就加入《思書》,你就可以關注本作者了!
《思書》是一個每個人的寫作與論壇平台,特有的隱私管理,讓你寫作不再受限,討論更深入真實,而且免費。 趕快來試試!
還未加入《思書》? 現在就登錄! 已經加入《思書》── 登入
思書 Scrivinor:一個懷胎兩年才誕生~一個結合部落格及社群論壇的:隱私保護自由寫作平台
2017/10/07
109   0   1  

好用的《思書™》編輯與樣本展示

我們希望把思書的文書編輯設計成非常簡單好寫,也更好閱讀,讓寫作的人編排簡單,讓思書的讀者能有統一又很舒服的閱讀體驗,以下是我們的樣式展示,附有簡單的說明,樣式變化當然不只這些,這只是一個基本功能展示,最簡單的方法就是請來試試,創造您自己的風格:

Scrivinor™ Editor Style DEMO

段落Paragraph>

《思書》的標準字體是18號字,就是電腦上的18px,讓我們從 Paragraph 來開始看思書的編輯與樣式,我們就先從“段落”開始,還有一種格式是“文字”,我們來看看有何不同。 

段落(Paragraph)與純文字(Simple block):

段落是一個最基本的寫作單位,一開始寫文章,都不用選擇或改設定,預設就是“段落”格式,好的段落設定是輕鬆閱讀的關鍵,《思書》預設的段落是 1.5字高,上12點、下30點高,寫作的人其實不需要知道這些,就是寫就好,寫好一個段落後,就像這樣,按一個RETURN鍵,就可以寫下一段了。

段落間會自動有間距,這對閱讀的體驗很重要,相對於段落,就是純文字區塊(Simple block)了,由 Parageaph>Simple block 選取。

純文字區塊與段落最大的不同就是,文字間不會有間距,字高也只有1.2高,一般都用在不需要上下間距,或與其他格式混合使用,結合成不同的編排效果,下面一段就是一個文字格式,

純文字 Simple block 格式是沒有上高
也沒有下高的,間距是1.2
看起來就比較擠成一團了
 
 

+

 

固定字寬盒子 Pre-format & Code :

Pre 就是一個固定字寬盒子,寫程式碼或是技術操作手冊常用,由 Parageaph> <pre> 選取。 以下就是展示:

(1) 單獨使用 <pre>,會自動有一個方塊包圍。

1234567890 天天好心情
abcdefghij 好事天天有
ABCDEFGHIJ 天天是好天

(1) 選用 Formats>Text>Code,再加上 (2) Paragraph> <pre> - 就會是很好的程式碼展示用,有注意到前面有行號嗎?一旦先用Code格式,再加上Pre,我們就會自動認定它是程式碼,會自動在前面加上行號。

#/bin/rub/

$i = 0
$num = 5
while $i < $num do
  puts("Inside the loop i = #$i" )
  $i +=1
end

如果只是選Code格式就會像以下:(就沒行號了)

(1) Formats>Text>Code

For I = 1 to 10 do
  x = x+1;
end

+

標題 Heading :
 
思書提供了三種不同大小的標題(L, M, S)設定,各有兩個灰度 (正常與淡色 Light),以下是展示:

標題 L Heading L (75px)

標題 LL Heading LL

標題 M Heading M (52px)

標題 ML Heading ML

標題 S Heading S (37px)
標題 SL Heading SL

+

 

預設格式 Formats>Blocks & 排列 Alignment

附註 Blockquote:

一段文字,我們一般稱為“字塊”,字塊最好玩的就是它可以被不同的格式套用,大家寫作時可以玩玩看,以下是一些展示,操作方式都是在 Formats>Blocks 中,就是螢幕的菜單選項順序。

(1) Paragraph,(2) Formats>Blocks>Blockquote 

這是 Blockquote 在預設的段落格式

(1) Simple Block,(2) Formats>Blocks>Blockquote 

這是 Blockquote 在文字格式

(1) Header SL,(2) Formats>Blocks>Blockquote 

這是 Blockquote 在 Header 6 格式

大家可以試試其他各種設定,創造自己的風格。

+

重點提示 Quote:

除了Blockquote,還有一個思書預設的“重點提示”樣式是Quote,它除了沒有旁邊的直槓外,最主要是預設適當的大小與樣式,使用起來非常簡單。

(1) Paragraph,(2) Formats>Blocks>Quote 

這是 Quote 在段落格式

(1) Simple block,(2) Formats>Blocks>Quote
 
這是 Quote 在文字格式
註: 我特別把這字塊改成 Simple block 格式,這樣各位就知道Quote 在文字格式中是沒有上下間距的。

(1) Header S,(2) Formats>Blocks>Quote,註: 可以看到效果差不多,因為我們已經預設了格式。

“這是 Quote 在 header 5 格式”

+

灰 & 線字框 Shaded/Box:

接下來看看字框,預設有兩種,看一下展示就很容易懂了。

(1) Header SL,(2) Formats>Blocks>Shaded,(3) 置中(控制選項的右邊,如下圖:分別是向左對齊、置中、向右對齊、填滿)

“這是 Shaded 在 header 6 格式”

(1) Paragraph,(2) Formats>Blocks>Blockquote,(3) Formats>Blocks>Shaded

“這是 Shaded 在段落格式”

(1) Simple block,(2) Formats>Blocks>Blockquote,(3) Formats>Blocks>Shaded

“這是 Shaded 在文字格式”

(1) Header 6,(2) Formats>Blocks>Box,(3) 置中

Header 6 + Box + 置中

多試試其他組合,選一個喜歡的當您個人風格!

+

分隔線 Separator:

很多時候我們需要一條分隔線,思書也幫你預設了一條,用法使有些特別:

(1) 先打一個 "*",其他文字也行,(2) 選它,(3) Formats>Blocks>"+ + () + +",(4) 置中

就會有以下的分隔線產生。

*

你也可以用不同的字串與組合其他樣式,下面是另一個例子:

(1) 輸入 "思書" 並選它,(2) Heading S,(3) Formats>Blocks>"+ + () + +",(4) 置中

思書

要是不喜歡我們預設的分隔線,也可以很簡單的自己創一條,以下就是一個例子,附註一下:在 Mac 上打特殊符號是 Control–Command–Space bar,在 Windows 上就是找Character Map.

(1) type "♦  ♦  ♦  ♦  ♦",(2) 置中

♦  ♦  ♦  ♦  ♦

字體 Formats>Text>

字體設定,就看以下展示吧:

我們常用 bold、Italic、underline 去標註重點,strikethrough 去取消,科學運用上我們要有 superscriptsuperor subscriptsub 去做標記,還有我們介紹過的程式碼 code,例如: console.log('Scrivinor')

插入連結、圖、表與多媒體 + 

連結 Link:

連結也可以套上很多樣式:

(1) +>Link,(2) 改字體的背景色,粗體字

Link to Scrivinor

(1) +>link,(2) 置中,(3) Shaded (4) Heading SL

+

相片 Image:

讓我們來看看如何加入相片圖片,思書有兩種相片相關按鈕,上面那一個是外部圖片用網址插入(圖片),下面那個就是上傳你電腦或手機內的相片用(上傳圖片)。

上傳圖片很簡單,選上傳照片,再選你的電腦檔案,就完成了,思書會自動加上影子,相片是響應式,會根據螢幕大小改變的,有就是在手機上會等比例縮小。

思書有簡單的編輯照片的功能,大家可以試試,接下來,我們來示範給照片加入說明的方法,這應該是一個最常用的功能,也很簡單:

(1) +>上傳相片,(2) +>image>caption 打勾,(3) 你可以自由地輸入相片說明與改變樣式,以下的圖片加入說明後有加入格式變化:改變成 Heading SL,還有置中.

大家開心

好心情

你也可以加入 Image title 跟 Image description,這樣會幫助搜尋引擎找到你的圖。

我們再來展示一張標準的圖加上說明的建立方式,很簡單:(1) Caption on,(2) 打上你要的字,(3) 看要不要加上格式,下面這張沒有,這就是一個最簡單的圖加上說明。

Fig. 1-1: 那一年我們在一起
 

+

表格 Table:

有人說一份表勝過千言,思書的表格是響應式的,但是不是縮小,在電腦上是全表,在手機上,如果表格太大,就會有水平滾動卷軸,我們不想因螢幕過小而將表格形狀壓縮,這樣閱讀很困難。

以下是一個 9x4 的表格展示,建立表格很簡單:+>table,表格按鈕選擇 9x4 就好,每一格都自動設有左右間距,你可以在表格中自由的加入不同格式,在這第一個表格展示中,姓名是置中的,上排有加粗字,分數都是斜體右邊對齊,你可以自己嘗試用不同的樣式,建立你自己的表格風格。

第一局 第二局 第三局 第四局 第五局 第六局 總分
圓圓 1 2 1 1 1 1 7
大同 2 2 2 2 2 2 12
娟娟 1 2 2 1 1 2 9


以下是另一個 2x4 的課程說明表格展示,我們加上了一些格式,在課程說明中的第一個段落是段落格式,加字框,框內改文字 text 格式,其他兩個是文字 text 格式,其中一個還加了 Code 格式的“已滿”,課程編號也改成了紅字等格式,表格是一個很有彈性的樣式,你可以點選創立的表格後,會有表格修改選項,嘗試不同的格式混合,也可以自由地調整表格大小,表格置中是在表格按鈕中的“table propertity內"。

課程編號 課程名稱與說明
4032

結構耐震設計導論

台灣位處環太平洋地震帶,地震活動頻繁,因此,座落在台灣之結構物,其設計必須足以承受地震之考驗。本課程闡述結構耐震設計之理論與實務,內容涵蓋地震之成原及其災害、強地動之特性、結構之耐震設計。
3011
工程數學二 已滿
Almost all of the engineering skill problems are highly scientific but not on workman level. Mathema...
1047
大法官講堂:中華民國憲法及政府
身為法治國家的主人翁,且為主持正義的法律人,必須瞭解憲法。
本課程希望經由淺近通俗的語言、鮮活有趣的事例,引領學子一窺憲法學堂奧。

+

其他媒體 Media:

加入 YouTube 影片也很簡單,按 +>Media 多媒體按鈕,加入 YouTuble 的影片 URL 到 general/source 欄位就好了,以下是一個置中的影片連結展示。(有時,把游標放在影片前,更容易選置中)

除了使用影片網址外,你也可以用嵌入碼,以下是將 Viemo 影片用嵌入碼加入多媒體按鈕的 Embed 欄位,我們也改了它的顯示大小。

用嵌入碼不只可以加影片,你還可以加其他東西,下面就是一個加入 Twitter 的展示。

+

清單 List:

清單 List 有兩種,我們沒有加上太多的格式,希望以簡單清爽的方式呈現,以下是兩種清單的展示:

無序清單範例 (Unordered list):你可以改變清單的前飾符號。

  • 德國:德國為歐洲最大汽車製造國,亦為全球汽車生產重要基地之一。自2005年起德國汽車製造商及供應商每年平均營業額超過3,000億歐元。綜觀2015 年,歐洲前五大生產國以德國為首,銷售量達348.7萬輛,較上年度成長約5.4%。
    • Mercedes Benz: 梅賽德斯-賓士(德語:Mercedes-Benz,根據地區與時期的不同分別有賓士、奔馳、平治、梅賽德斯、朋馳等多種中文簡稱),是一家以豪華和高性能著稱的德國汽車品牌[1],總部設於德國斯圖加特。
    • BMW: 巴伐利亞發動機製造廠股份有限公司(德語:Bayerische Motoren Werke AG,英語:Bavarian Motor Works,在中國大陸及港澳地區稱為寶馬,在台灣一般使用原稱「BMW」,偶稱「寶馬」)是德國一家跨國豪華汽車、機車和引擎製造商,總部位於德國巴伐利亞州的慕尼黑。
  • 美國:美國汽車工業創始於19世紀90年代。由於其國內市場的規模和大批量生產的應用,美國迅速地成為了世界第一大汽車製造國。然而,這一位置被日本在20世紀80年代取代,隨後又被中國在2008年取代。
    • Ford: 福特汽車公司(英文:Ford Motor Company,NYSE:F,簡稱福特),是一家生產汽車的跨國企業,在美國密西根州迪爾伯恩(現公司總部所在地)由亨利·福特所創立,於1903年公司化。
       

有序清單範例( Ordered list):你可以改變清單的數字格式。

  1. 第1天:台灣桃園機場 東京成田空港→東京~自由活動~逛街購物‧商店街‧訪友‧百貨公司
  2. 第2天:
    1. 迪士尼樂園-佔地25萬坪,大人與小孩夢幻中的天堂,迪斯尼樂園,與米奇、米妮、唐老鴨、維尼熊一同遨遊探險樂園、明日世界、夢幻世界、動物天地等。(若遇天候不佳,遊行表演有可能取消)
    2. 迪士尼海洋世界-於2001年9月4日開幕,充滿跨越國界融合卡通與現實的海洋歡樂園地【迪士尼海洋樂園】,占地22萬坪,整個樂園猶如座落於海上,您可搭上蒸氣船遊走七個主題海港遊樂,一同進入緊張、探險、冒險的驚奇、驚喜之旅。 
  3. 第3天:
    1. 代官山:以高級時裝店、咖啡室與甜品店為主。位於山手線以外,與都會的熱鬧地區有距離,在神經緊繃的東京,一踏上代官山的街道,有如被啟動了慢速鍵般,每個人不自覺放慢了生活的步調,細細品嘗這迷人的情調。
    2. 自由之丘:有非常多的商店及食堂,非常歐風式的商店街並有很多露天咖啡館和很多賣好吃的洋果子店,在此您可以體驗不同於一般日本逛街的風情,非常休閒的感覺。
    3. 原宿:日本年輕人最喜歡去的天堂~原宿,而且也是東京時髦的地方。
    4. 六本木Hills:集吃喝玩樂於一身的六本木Hills,城市中的城市。

+

基本的使用就是這些,大概會用到的也就這些吧,希望大家能覺得用思書寫文章,又快又好看,別忘了,如果有好的使用建議一定要讓我們知道,請給我們寫封信或留言給我們。

思書團隊



標籤: 思書上傳圖片 x 1 思書展示 x 1 思書樣式 x 1 思書編輯 x 1 scrivinor功能 x 1 《思書》使用 x 3

分享:


參與討論!
x
現在就加入《思書》,馬上參與討論!
《思書》是一個每個人的寫作與論壇平台,特有的隱私管理,用筆名來區隔你討論內容,讓你的討論更深入,而且免費。 趕快來試試!
還未加入《思書》? 現在就登錄! 已經加入《思書》── 登入