【小白】如何寫好自己的一篇CSDN博客(優化)

前提:你得擁有一個CSDN賬號!
(下面是我個人寫完幾篇blog的心得,讓你擁有炫酷博客~)
在這裏插入圖片描述

(一) 創建自己第一篇文章

  1. 登錄CSDN,找到它11,點擊開始寫你的第一篇博客。

  2. CSDN主要有兩種編輯器:Markdown編輯器和富文本編輯器;我選的環境:Markdown編輯器。
    在這裏插入圖片描述

    Markdown編輯器特點

    • 左右對比查看,方便修改;
    • 最上面一欄和我們常用的office/WPS用法相同;
    • 編輯器支持常用快捷鍵:ctrl+c(複製)、ctrl+v(粘貼)、ctrl+z(撤銷最後一次編輯)等;具體用法可打開保存旁邊的問號按鈕——幫助文檔;
    • 支持強力拖拽來粘貼圖片,將Word上的圖片直接拖拽到Mark文檔上;當然最上面一欄引入圖片也可以從電腦文件夾中上傳一張圖片;我個人喜歡用快捷鍵粘貼圖片~
    • 記得常點擊保存,避免斷電、斷網、意外關閉網頁造成心血化爲泡沫;
    • 最後點擊發布文章,好的標籤、分類也是一片好文章所必要的。

    當然,並不是發佈後就無法挽回,進入CSDN文章管理頁面,隨時可以再次對其進行編輯完善~

  3. 題目位置:在最上端哦;擁有一個炫酷的title你已經成功了一大半了。
    在這裏插入圖片描述

  4. 導航目錄:這是Markdown編輯器爲博主提供的目錄導航快捷方式,方便讀者閱讀時直接跳轉到相應目錄,很人性化的設計哦,具體實現如下:
    在這裏插入圖片描述
    在文章編輯時我們通常會設置一級標題(“#”+“一個空格”)、二級標題(“##”+“一個空格”)、三級標題(“###”+“一個空格”)等,在Markdown編輯器下提供了6級標題:
    在這裏插入圖片描述
    如何體現的呢:
    當你設置了一級標題時,如下:
    在這裏插入圖片描述
    設置二級標題和更低級標題時,“好導航、不迷路”:
    在這裏插入圖片描述

  5. 文本樣式:可以使用菜單欄的快捷方式,也可以手敲命令實現彩色文案,效果比全篇黑白文案好很多哦!
    在這裏插入圖片描述

  6. 插入代碼、圖片、動圖:
    插入代碼片:這是程序猿交流、分享經驗不可或缺的一步,下面是幾段代碼片的實踐,大家來感受一下:
    在這裏插入圖片描述

    插入代碼片時,記得輸入相應的語言種類才能高亮哦!

  7. 插入圖片:
    插入圖片方法:

    a. 用快捷鍵粘貼圖片、文字等:
    ctrl+c(複製)、ctrl+v(粘貼),可以從Word上粘貼到Markdown編輯器上,不用每次點擊另存Word圖片再上傳了,人性化+1;
    b.暴力插入:
    強力拖拽來粘貼圖片,將Word上的圖片直接拖拽到Mark文檔上;但是Markdown編輯器不支持文字拖拽排序,只能選中文本Ctrl+z和Ctrl+v來調整編輯器上文字、圖片、代碼片的順序;
    c. 菜單欄引入:
    圖片也可以從電腦文件夾中上傳一張圖片,最原始,通常引入文件夾中的圖片、視頻等。

    改變圖片大小:
    原圖:直接複製過來,不做改變
    按原圖比例縮放:在70後面+“一個空格”+“=尺寸”+“小寫的x”
    按固定大小縮放:在70後面+“一個空格”+“=長x高”原圖:![在這

  8. 插入GIF動圖:

  • 從文件夾上傳GIF動圖
    在這裏插入圖片描述
  • 手機錄屏.mp4在線轉GIF上傳
    (1). 任意下載一個手機錄屏軟件–例如:錄屏精靈
    (2). 錄製完之後是一個mp4格式的視頻文件,上傳到電腦,
    (3). 將其轉成gif動態圖請打開在線轉換器https://ezgif.com/video-to-gif
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述
    如果你覺得滿意就Save到本地吧,最後上傳到CSDN上就可以啦~
    示例:
    在這裏插入圖片描述
  1. 優化排版

    有沒有遇到排版前後層次不齊呢,解決方法——空格拯救強迫症星人!

    下面的示例大家感受一下:
    問題一:標題上的中英文括號不一致,空格個數不一致,#個數不一致
    在這裏插入圖片描述
    問題二:插入片段、圖片、代碼片沒有層次感
    在這裏插入圖片描述
    問題三:圖片位置亂竄
    在這裏插入圖片描述
    問題四:不僅是圖片,文字內容未換行,排版效果都會差很多,在你寫博客的時候也會有明顯感受!要注意換行哦!

    在這裏插入圖片描述
    在這裏插入圖片描述
    在這裏插入圖片描述

    問題五:序號排列不整齊:注意在“1. ”後有一個空格,與標題“# ”後有一個空格同理:
    在這裏插入圖片描述

  2. 再次強調注意保存保存!!!

  3. CSDN還有一個設置我要透露一下,不建議在非工作時間發博哦!就算你發了,也處於在審覈狀態,讀者無法閱讀;等待審覈不如第二天9:00後再發一次,因此,習慣深夜碼字的猿們非常不解,這算是CSDN的一個弊端吧!
    在這裏插入圖片描述

(二)個人主頁美化

一個漂亮的博客不僅得有可讀性高的博文,CSDN支持個人主頁設置~

  • 進入文章管理
    在這裏插入圖片描述
  • 進入博客設置:設置博客標題、描述、皮膚、默認編輯器、代碼片樣式、版權聲明~
    在這裏插入圖片描述
    在這裏插入圖片描述

最後,再炫酷的博客都不如優秀的內容支撐,技術貼纔是好的貼~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章