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


思書功能 0:書寫、編輯與樣式展示


思書
來關注...
關注/停止關注:思書
關注有什麼好處?:當作者有新文章發佈時,「思書」就會自動通知您,讓您更容易與作者互動。
×
現在就加入《思書》,你就可以關注本作者了!
《思書》是一個每個人的寫作與論壇平台,特有的隱私管理,讓你寫作不再受限,討論更深入真實,而且免費。 趕快來試試!
還未加入《思書》? 現在就登錄! 已經加入《思書》── 登入
思書 Scrivinor:一個結合部落格、社群論壇的:隱私保護、自由寫作平台,也是一個線上書的出版平台。
2017/10/07
167   0   1  


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

《思書》是個寫作平台,自然,好寫是最重要的,登入後,按「草稿」鍵後,就可以開始寫了,我們希望能把思書的編輯功能做到:對作者:簡單好寫;對讀者:容易閱讀!

讓創作的人簡單好用、文章能自動編排樣式,並在電腦或手機上,都有很舒服的閱讀體驗,其實是很不簡單的工程,我們很努力在做就是了。

《思書》內建了一些自動編排樣式,以下是我們的樣式展示,附上簡要的說明,樣式變化可以搭配,這只是一個基本功能展示,試試看自己組合,創造您自己的風格:

段落 ~ Paragraph>

文章,不就是一堆文字組成的段落嗎?不,那是心血,所以,基本上,思書希望您,就專心創作,打字,我們已經把常用的排版都做好了。

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

段落(paragraph)是一個最標準的寫作單位,一開始寫文章,預設就是“段落”格式,好的段落設計是輕鬆閱讀的關鍵,《思書》都預設好了,您就負責寫就好,寫好一個段落後,就像這樣,按一個 RETURN 鍵,就可以寫下一段了。

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

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

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

可是,我想要寫個歌詞,不要像段落隔那麼遠,也不要像純文字 Simple block 那樣擠成一團,怎麼辦?

在段落中用 shiftenter 是你的好朋友,以下以張震嶽的歌詞:

總在閉上雙眼之後 才能看見你
這是一個心中秘密 偷偷在愛你
你卻不知道 有人在想你
總在黎明來臨之前 我還是清醒
什麼時候我才可以 進入你的心
⋯⋯

+ 

插入照片、影片

有圖才會吸引人,在思書上加入圖片或是影片非常簡單,幾本上,簡單的使用像是:

  1. 自己電腦內的圖,就拖到思書編輯上,就上傳了!
  2. 網頁上的圖就建立一個「參考連結」最棒,一定要顯示原圖?那就複製圖片,再貼上思書編輯,我們建議你用「參考連結」,還是不會用?看圖!

詳細的使用,可以看下面這個說明。 好棒,你已經可以用思書寫出很棒又有編排的文章了。

思書如何加入照片、影片及程式碼 — 最近有好多位使用者問到如何加入照片,也許是我們的設計不夠明顯,但其實很簡單: 加入照片 要加入電腦中的照片: 要加入網路上的照片: 兩...
Scrivinor 思書: 思書

+

標題 Heading :

有了圖跟照片,如果可以再加上標題,那讀者就會更容易懂,思書提供了三種大、中、小的標題(L, M, S)設定,各有兩個灰度 (正常與淡色 Light):

標題 L Heading L (大)

標題 LL Heading (大淡)

標題 M Heading M (中)

標題 ML Heading ML (中淡)

標題 S Heading S (小)
標題 SL Heading SL (小淡)

啊,很多淡,雲淡風輕,水深流靜。

到此,其實你已經知道怎麼用思書寫作了,接下來都是更多的排版功能,就看看,知道有那些特異功能就好,不用記,反正功能都在編輯器上,東按西按,多試試,就知道了啦。(這也是我們保留傳統介面的原因)

+

給愛分享程式的人

你只要程式碼?: 單獨使用 <pre>,會自動有一個方塊包圍。

使用法:格式>區塊>pre 

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

你要有行號?:

使用法:(1) 格式>Text>程式碼 + (2) 格式>區塊>pre 

這樣就會是很好的程式碼展示用,有注意到前面有行號嗎?一旦先用Code格式,再加上Pre,我們就會自動認定它是程式碼,會自動在前面加上行號。

#/bin/rub/

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

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

使用法:格式>Text>程式碼

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

針對長篇幅的程式碼,我們也有 code sample,他有內建的 highlight 功能:

使用法:插入>code sample

# Class names must be capitalized.  Technically, it's a constant.
class Fred
  # The initialize method is the constructor.  The @val is
  # an object value.
  def initialize(v)
    @val = v
  end
end

# Objects are created by the new method of the class object.
a = Fred.new(10)
b = Fred.new(22)

print "A: ", a.get, " ", b.get,"\n";
b.set(34)
print "B: ", a.get, " ", b.get,"\n";

+

思書好用的格式 ~ Formats >

附註 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內"。

句子太長,格子變好大,怎麼辦?別忘了,有 shiftenter 這個好朋友,按按看!

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

結構耐震設計導論

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

+

其他媒體 Media:

手動加入媒體很簡單,但是,我們建議還是用「連結參考」。好用多了!

思書開發的故事 5:思書會自動產生「連結參考」資訊了 — 當你在網路上看到一篇好文章,或是照片影片,你想要在你的文章中分享給你的讀者,如果能做成像是以下的「連結參考」,是不是很棒! 如何提高網...
Scrivinor 思書: 思書

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

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

用嵌入碼不只可以加影片,你還可以加其他東西,下面就是一個加入 Twitter 內建的展示,但是,我們建議還是用「連結參考」。好用好看多了!

Check out the big list of writing tips. https://t.co/KJdthtyBIY

— Scrivinor (@Scrivinor) 2017年10月2日

+

清單 List:

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

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

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

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

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

+

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

思書團隊


喜歡作者的文章嗎?馬上按「關注」,當作者發佈新文章時,思書™就會 email 通知您。

思書是公開的寫作平台,創新的多筆名寫作方式,能用不同的筆名探索不同的寫作內容,無限寫作創意,如果您喜歡寫作分享,一定要來試試! 《 加入思書》

思書™是自由寫作平台,本文為作者的個人立場與意見。


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

分享:



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