CSDN 部落格排版技巧

2021-06-21 20:09:32 字數 1210 閱讀 8267

csdn的部落格排版採用的編輯器是xheditor,官方介紹是:能實現word**自動檢測並清理,提供高效完美的word**過濾方案,生成**最優化精簡,不丟失任何細節效果。但是,實際使用中不丟失任何細節是不可能的,word -> html 感覺樣式或多或少都會有一些改變。

複製貼上其他網頁的內容和富文字格式的內容,會一併貼上過來格式,巢狀在 ...中;

先使用自己習慣的文字編輯器(sublime or vim)等編輯,在這些編輯器裡複製貼上時會自動去掉樣式留下純文字;

需要特殊樣式的地方,如標題、列表、文字顏色等先選中,然後利用視覺化編輯即可;

需要自定應樣式的地方,可以自己複製貼上一下自己寫好的樣式,然後改裡面的內容;

二、利用markdown,word 或 windows live writer:

利用word排版好,複製過來,然後切換到源**編輯狀態進行調整,修改自己不滿意的地方;

利用windows live writer進行排版好,然後貼上過來,有樣式偏差仍然在源**編輯狀態下調整;

我自己再寫部落格的時候,常常需要乙個樣式來顯示寫程式執行結果什麼的,但是卻沒有很好的現成的樣式,這時只好自己動手編html和css**,寫了乙個樣式。

效果如下:

data

data

上面那一段的html源**是:

data

data

標籤可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。

樣式中的3個css屬性:

word-break:break-all; /* break-all允許在單詞內換行;normal使用瀏覽器預設的換行規則 */

word-wrap:break-word; /* break-word在長單詞或 url 位址內部進行換行;normal: 預設只在允許的斷字點換行 */

white-space:pre-wrap; /* pre-wrap保留空白符序列,但是正常地進行換行;normal:預設空白會被瀏覽器忽略 */

在自己的自定義樣式中編輯時如果是複製過來的純文字,則可以直接複製到裡面,但是如果敲回車的話會直接新建乙個塊標籤,這是就應該使用 ****+return 組合鍵來敲回車 .

如果對部落格定製型要求很高,國內只能自己買空間搭自己的部落格了,沒辦法,在天(he)朝(xie)最好的部落格服務wordpress被牆了!

csdn寫部落格技巧

1.字型顏色和大小 size可以根據實際大小進行設定,一般不超過7。color可以控制字型的顏色 紅色字型 藍色字型 2.文字居中利用cener來使文字居中 文字居中 3.新增水平線利用 來新增水平線 三個 中間有空格4.調整比例按照正常上傳的方式得到 url url width 60 alt 60...

部落格中排版的小技巧

寫這篇文章,是我在參加csdn英雄會的時候,聽到大家對部落格的排版感覺很惱火。而我因為曾有解決這方面的經驗,並且理所當然地認為有很多的人有這方面的需求,所以寫出我在寫部落格的時候的簡單方法。方法很簡單,簡單到都不好意思放到部落格上了。這個方法,是在發現從排版良好 包含縮排 的word文章到csdn部...

部落格中排版的小技巧

2007年04月07日 19 12 00 寫這篇文章,是我在參加csdn英雄會的時候,聽到大家對部落格的排版感覺很惱火。而我因為曾有解決這方面的經驗,並且理所當然地認為有很多的人有這方面的需求,所以寫出我在寫部落格的時候的簡單方法。方法很簡單,簡單到都不好意思放到部落格上了。這個方法,是在發現從排版...