前提:
你得擁有一個CSDN賬號!
(下面是我個人寫完幾篇blog的心得,讓你擁有炫酷博客~)
(一) 創建自己第一篇文章
-
登錄CSDN,找到它,點擊開始寫你的第一篇博客。
-
CSDN主要有兩種編輯器:Markdown編輯器和富文本編輯器;我選的
環境:
Markdown編輯器。
Markdown編輯器特點:
- 左右對比查看,方便修改;
- 最上面一欄和我們常用的office/WPS用法相同;
- 編輯器支持常用快捷鍵:ctrl+c(複製)、ctrl+v(粘貼)、ctrl+z(撤銷最後一次編輯)等;具體用法可打開保存旁邊的問號按鈕——幫助文檔;
- 支持強力拖拽來粘貼圖片,將Word上的圖片直接拖拽到Mark文檔上;當然最上面一欄引入圖片也可以從電腦文件夾中上傳一張圖片;我個人喜歡用快捷鍵粘貼圖片~
- 記得常點擊保存,避免斷電、斷網、意外關閉網頁造成心血化爲泡沫;
- 最後點擊發布文章,好的標籤、分類也是一片好文章所必要的。
當然,並不是發佈後就無法挽回,進入CSDN文章管理頁面,隨時可以再次對其進行編輯完善~
-
題目位置:在最上端哦;擁有一個炫酷的title你已經成功了一大半了。
-
導航目錄:這是Markdown編輯器爲博主提供的目錄導航快捷方式,方便讀者閱讀時直接跳轉到相應目錄,很人性化的設計哦,具體實現如下:
在文章編輯時我們通常會設置一級標題(“#”+“一個空格”)、二級標題(“##”+“一個空格”)、三級標題(“###”+“一個空格”)等,在Markdown編輯器下提供了6級標題:
如何體現的呢:
當你設置了一級標題時,如下:
設置二級標題和更低級標題時,“好導航、不迷路”:
-
文本樣式:可以使用菜單欄的快捷方式,也可以手敲命令實現
彩色文案
,效果比全篇黑白文案好很多哦!
-
插入代碼、圖片、動圖:
插入代碼片:這是程序猿交流、分享經驗不可或缺的一步,下面是幾段代碼片的實踐,大家來感受一下:
插入代碼片時,記得輸入相應的語言種類才能高亮哦!
-
插入圖片:
插入圖片方法:a. 用快捷鍵粘貼圖片、文字等:
ctrl+c(複製)、ctrl+v(粘貼),可以從Word上粘貼到Markdown編輯器上,不用每次點擊另存Word圖片再上傳了,人性化+1;
b.暴力插入:
強力拖拽來粘貼圖片,將Word上的圖片直接拖拽到Mark文檔上;但是Markdown編輯器不支持文字拖拽排序,只能選中文本Ctrl+z和Ctrl+v來調整編輯器上文字、圖片、代碼片的順序;
c. 菜單欄引入:
圖片也可以從電腦文件夾中上傳一張圖片,最原始,通常引入文件夾中的圖片、視頻等。改變圖片大小:
原圖:直接複製過來,不做改變
按原圖比例縮放:在70後面+“一個空格”+“=尺寸”+“小寫的x”
按固定大小縮放:在70後面+“一個空格”+“=長x高” -
插入GIF動圖:
- 從文件夾上傳GIF動圖
- 手機錄屏.mp4在線轉GIF上傳
(1). 任意下載一個手機錄屏軟件–例如:錄屏精靈
(2). 錄製完之後是一個mp4格式的視頻文件,上傳到電腦,
(3). 將其轉成gif動態圖請打開在線轉換器
:https://ezgif.com/video-to-gif
如果你覺得滿意就Save到本地吧,最後上傳到CSDN上就可以啦~
示例:
-
優化排版:
有沒有遇到排版前後層次不齊呢,解決方法——空格拯救強迫症星人!
下面的示例大家感受一下:
問題一:標題上的中英文括號不一致,空格個數不一致,#個數不一致
問題二:插入片段、圖片、代碼片沒有層次感
問題三:圖片位置亂竄
問題四:不僅是圖片,文字內容未換行,排版效果都會差很多,在你寫博客的時候也會有明顯感受!要注意換行哦!
問題五:序號排列不整齊:注意在“1. ”後有一個空格,與標題“# ”後有一個空格同理:
-
再次強調注意保存,保存!!!
-
CSDN還有一個設置我要透露一下,不建議在非工作時間發博哦!就算你發了,也處於在審覈狀態,讀者無法閱讀;等待審覈不如第二天9:00後再發一次,因此,習慣深夜碼字的猿們非常不解,這算是CSDN的一個弊端吧!
(二)個人主頁美化
一個漂亮的博客不僅得有可讀性高的博文,CSDN支持個人主頁設置~
- 進入文章管理
- 進入博客設置:設置博客標題、描述、皮膚、默認編輯器、代碼片樣式、版權聲明~
最後,再炫酷
的博客都不如優秀的內容支撐,技術貼
纔是好的貼~