Discuz! 官方交流社區
標題: 實現“段首縮進”改進帖子美觀度，簡單實現方法。 [打印本頁]
作者: aoli 時間: 2023-6-3 11:12
標題: 實現“段首縮進”改進帖子美觀度，簡單實現方法。
首先這篇小記向“飄仙建站”致敬。https://bbs.piaoxian.net/一個孤獨分享心得的網站論壇。
由于我發帖子不能使用隱藏回復可見功能，為防止帖子沉底，看到的得到啟發的壇友，回復一下。
段首縮進，從排版印刷美觀和優化用戶體驗的角度來看，確實非常實用，從民國時的《教育部劃一教育機關公文格式辦法》開始到現在，大家普遍已經習慣的使用，成為中國人的一個視覺必備，有人說段首現在都不縮進，互聯網都這樣的。
用戶體驗是最直接的說明，做最好的用戶體驗，做最貼近用戶的直觀展現，選擇在自己。
DZ具體實現“段首縮進”方法很簡單，小手點個贊，接著向下看。
飄仙原文略作修改：發現發的帖子段落和段落之間區分不夠，首行字也不會自動縮2格，找了教程，發現還挺簡單：DZ論壇帖子內容設置自動首行縮進、默認行高、默認字體
1、登錄后臺，點擊模板，找到自己用的模版，點擊模板縮略圖邊上的編輯：
2、點擊編輯以后，向下拉，找到“帖子內容字號 ”，將16px;line-height:2.5em;text-indent:3em;font-family:Microsoft Yahei; 粘貼到框里面，前面的16PX是字體大小，可以根據自己需要更改。（我的模板是簡約設計的“資源分類_素材_教程”以前數據是“16px;line-height: 1.8;”）
論壇論壇，大家進行討論，可以互駁觀點，請別對人身進行攻擊。
回復是發帖子的動力。
作者: aoli 時間: 2023-6-3 11:20
(, 下載次數: 28)
(, 下載次數: 24)
左邊是沒有首行縮進的帖子，右邊是縮進的帖子
作者: qwexiamen 時間: 2023-6-3 11:56
前排沙發 頂一下
作者: 羅永浩 時間: 2023-6-3 11:58
換行就好了，你下面的演示圖片首行縮進不也換行嗎？上面的故意不換= =
作者: aoli 時間: 2023-6-3 12:28
這兩幅截圖分別是更換代碼前后的截圖，沒有我的主觀行為，不存在故意不故意。試試就知道，
作者: fujie1982 時間: 2023-6-3 21:32
新站貼子少可以弄。老站貼子多就算了。
以前可能打多了回車和空格。看起來正常了。如果再用這個代碼搞一次，又會亂版。所以大家可以根據情況來。
作者: upup 時間: 2023-6-3 22:31
按照樓主說的改了。發帖的時候，實現首行縮進了。但帖子發出來后，只有第一段首行縮進了。其它段落顯示的還是原來的樣子，沒有縮進
作者: 專家 時間: 2023-6-4 04:18
Discuz編輯器原生就支持首行縮進和行距，為什么要用這種奇怪的方式去實現……
完整版編輯器在居左 中 右 那三個按鈕左邊還有一個按鈕，名叫自動排版。
如果你有好奇心，選中一些內容，點擊這個按鈕試試，就會看到如下所示的效果：
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
系統會為其添加標準的“首行縮進2個字，加大行距”效果。
如果你想進一步調整，可以點擊純文本那個勾查看代碼，里面的代碼是這樣的：
30是行距，2是首行縮進的量。可以按個人喜好進行修改。如果你給改成了50的行距，首行縮進4個字，則會變成這樣：
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
當然如果你想要反人類的視覺效果也可以改成行距為10（比字號還小）：
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
順便補充一下，雖然在這里為大家提供了首行縮進的設置方法，但除非有特殊需求，否則不建議在日常發帖回帖當中使用首行縮進這類格式。
首行縮進，是紙質印刷品時代的產物。由于段落之間用空行分隔會浪費紙張，因此才會用首行縮進的方式勉強做一下段落的視覺區分。
但是數字時代的設計規范已經不再建議出現這樣的東西了，因為屏幕顯示是沒有浪費紙這樣的概念的，段落之間可以直接用空行分隔，首行縮進這種當年的妥協產物已經完全失去了意義。
作者: 專家 時間: 2023-6-4 04:24
數字時代，區分段落確實已經演變為以換行為主流的方式了，段落之間的區分更清晰。
首行縮進原本就是紙質傳媒時代發明出來區分段落用的，為了印刷的時候不用留空行，還能有段落的視覺區分，省紙。
網頁再去用這個就沒意思了，也沒必要。
作者: aoli 時間: 2023-6-5 08:02
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版排版
作者: aoli 時間: 2023-6-5 08:05
全部選擇情況下，自動排版只能排列第一個段落，后面的段落還是不縮進，如果每一個段落都一步步去自動排版，那工作量就大了，可以試一下。
作者: aoli 時間: 2023-6-5 11:11
以下是摘選《規矩：寫文章時，段首要空兩格》
為什么一定要在段前空兩格？
我們古代的文言文中原本是沒有分段啊空格啊這種規矩的，更沒有首行的概念，大都是一寫到底，連標點都懶得用。
1919年，胡適與周作人、錢玄同、劉半農、朱希祖、馬裕藻等北大教授向教育部提出 《請頒行新式標點符號議案》，開始改變傳統的分段格式。在《附則》中規定：“每段開端，必須低兩格。”
1930年《教育部劃一教育機關公文格式辦法》進一步規定：“文在十行以上者，應酌量分段，其有意義自成段落者，雖不滿十行，亦可分段。首行低二格寫，次行以下頂格寫（分段者，逐段如此）。”
為什么是兩格為什么不是五格？
目前并沒有資料來清楚地說明這個問題，小編認為可能是從排版印刷美觀和優化用戶體驗的角度來制定的方案，和文章內容基本無關。
新中國成立后，橫版漢字得到了大力推廣。1952年，國家成立了中國文字改革研究委員會，郭沫若提出了中文自左而右橫行格式的建議。
1955年元旦，《光明日報》正式從豎版漢字更改為橫版，并用橫版漢字發表了《為本報改為橫排告讀者》的文字。
至此后，橫版漢字在全國范圍內被廣泛推廣，一直沿用至今。
這就是我們現代文章沿用的首行縮進的形成過程了。
為什么現在很多文章不再段前空格
網絡數字時代，大家可以隨時隨地在手機上進行閱讀。不用小編截圖，您隨手打開微信關注的公眾號看一看，大部分文章的編排都沒有段前空兩格了。
內容為主，樣式為輔。現在排版形式不再局限于傳統樣式，即使不再段前縮進，一樣可以通過調整段間距、加入插圖等方法來實現段落的區分。
另外，手機屏幕的大小也不同于傳統紙張，在排版上放棄縮進，采用兩端對齊的方式有時往往更簡潔，更統一。
當然這也還是要看制作的風格，很多編輯依然延續傳統的排版理念，堅守著段前空兩格不動搖~
關于段前空兩格的由來您這下明白了吧。
作者: aoli 時間: 2023-6-5 11:12
(, 下載次數: 5)
(, 下載次數: 5)
(, 下載次數: 5)
(, 下載次數: 5)
作者: aoli 時間: 2023-6-5 11:22
12#是按13#操作后的效果，沒有出現空兩格，在word里排版好了后，導入回復中不會出現空兩格的效果，
作者: 專家 時間: 2023-6-5 16:14
啊這，要學會舉一反三呀。
如果你是直接在編輯器里寫的文章：
你先寫完一段，設置上自動排版，調整好參數，然后按換行
你看看生成出來的下一段是不是延續了上一段的格式？然后你接著寫就是了。
你說的情況，大概率是你這內容就是從別的地方復制粘貼過來的。
Discuz的編輯器畢竟跟其他地方的樣式體系不可能完全兼容的，效果不如直接在編輯器里寫的那也很正常。
即便樣式看上去相同，背后的技術體系也是有差別的。
就像你舉例的word，系統也只能嘗試保留一點它能識別的樣式實現，不可能跟word里原來一樣的。
如果你就是想要復制粘貼文字過來的話：
你先復制第一段，自動排版
然后按換行，再復制后面全部的內容
點右鍵，選擇粘貼為純文本（就是不要樣式，讓編輯器自己去匹配）
這樣就可以快速將整篇文章全交給系統自動排版了
作者: 專家 時間: 2023-6-5 16:20
給你示范一下：
1919年，胡適與周作人、錢玄同、劉半農、朱希祖、馬裕藻等北大教授向教育部提出 《請頒行新式標點符號議案》，開始改變傳統的分段格式。在《附則》中規定：“每段開端，必須低兩格。”
1930年《教育部劃一教育機關公文格式辦法》進一步規定：“文在十行以上者，應酌量分段，其有意義自成段落者，雖不滿十行，亦可分段。首行低二格寫，次行以下頂格寫（分段者，逐段如此）。”
為什么是兩格為什么不是五格？
目前并沒有資料來清楚地說明這個問題，小編認為可能是從排版印刷美觀和優化用戶體驗的角度來制定的方案，和文章內容基本無關。
作者: aoli 時間: 2023-6-10 21:05
非常感謝專家貢獻出的一種實用的排版方式，16#的方式對在線輸入的可以所見即所得，在翻閱網頁，還有一種修改Css文件可以達到這種效果。不知道誰可以貢獻出來，論壇和門戶的不同方式。
大佬“專家”回帖子幾天了，才給回，有些晚了，見諒！
作者: 專家 時間: 2023-6-10 21:59
復制粘貼也可以，我上面完整描述過了，別只看第一段啊。
| 歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) |
Powered by Discuz! W1.0 |