有小伙伴問到方格背景的問題，所以寫一篇文章記錄我的博客園文章背景是如何制作的。

一、輔助網(wǎng)站1. 一鍵排版2. 代碼主題3. 復(fù)制二、 圖床設(shè)置

一、輔助網(wǎng)站

輔助網(wǎng)址：Md2All

作者提供了一篇幫助文章：玩轉(zhuǎn)公眾號(hào)Markdown

其實(shí)大致看完輔助網(wǎng)址里作者提供的示例，基本上就能把 Markdown 語法過一遍了，然后就可以去寫文章了，所以，嗯，所以按理說這篇文章是不用寫的，直接把網(wǎng)址發(fā)給小伙伴就好了…我不要你覺得我要我覺得～

簡單演示一下在博客園的操作吧：

1. 一鍵排版

點(diǎn)擊一鍵排版后，會(huì)出現(xiàn)排版樣式選擇選擇，我們以網(wǎng)格背景(綜合示例)為例，選擇后點(diǎn)擊保存。

補(bǔ)充：中間樣式部分可以自定義修改。

2. 代碼主題

右上角提供了代碼樣式的選擇，默認(rèn)提供的是 favorite，可自行選擇喜歡的樣式。

public?class?A{
??public?A(){
????throws?AssertError();
??}

??public?static?void?main(String[]?args){
?????System.out.println("niceyoo,關(guān)注一下唄");
??}
}

3. 復(fù)制

點(diǎn)擊復(fù)制按鈕后會(huì)copy當(dāng)前的樣式(html+css)，然后找到博客園后臺(tái)，然后直接粘貼就可以了，看圖??(點(diǎn)擊 html 標(biāo)簽，粘貼面板上的數(shù)據(jù)，然后點(diǎn)擊更新)

二、 圖床設(shè)置

平時(shí)寫文章肯定要配圖呀！所以作者也給配上了圖床，不過是針對(duì)七牛云的，同時(shí)也提供了教程：把圖片輕松上傳到云圖床，自動(dòng)生成Markdown

說一下個(gè)人感受吧，七牛云固然會(huì)有一個(gè)免費(fèi)的10G流量，但是…我也不清楚什么時(shí)候就欠費(fèi)了…所以我就把圖片的域名解析給停用了。當(dāng)然我并不是否定七牛云哈～

關(guān)于圖片保存其實(shí)還是有很多選擇的，比如博客園本身就不錯(cuò)嘛(只能上傳單張10M以下的 png、jpg、gif 格式的圖片)，咳咳，反正圖片本身不大，一次只能上傳一張也不是不能接受的嘛，至少文章在，圖片在，文章亡，則圖片…

說說我的方式吧。

我使用了一款 Chrome 的插件，谷歌應(yīng)用商店地址：

Image Uploader 「需要翻墻」

該插件在博客園登錄之后就可使用，大致如下：

是不是也挺簡單的吶～，然后關(guān)于 Md2All 其他的一些用法，小伙伴自行發(fā)覺吧

本博為主要更新地址，不止于技術(shù)，歡迎左上角關(guān)注、收藏哈！

?

總結(jié)

以上是生活随笔為你收集整理的博客园文章方块背景格式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。