有小伙伴問到方格背景的問題,所以寫一篇文章記錄我的博客園文章背景是如何制作的。
一、輔助網站1. 一鍵排版2. 代碼主題3. 復制二、 圖床設置
一、輔助網站
輔助網址:Md2All
作者提供了一篇幫助文章:玩轉公眾號Markdown
其實大致看完輔助網址里作者提供的示例,基本上就能把 Markdown 語法過一遍了,然后就可以去寫文章了,所以,嗯,所以按理說這篇文章是不用寫的,直接把網址發給小伙伴就好了…我不要你覺得我要我覺得~
簡單演示一下在博客園的操作吧:
1. 一鍵排版
點擊一鍵排版后,會出現排版樣式選擇選擇,我們以網格背景(綜合示例)為例,選擇后點擊保存。
補充:中間樣式部分可以自定義修改。
2. 代碼主題
右上角提供了代碼樣式的選擇,默認提供的是 favorite,可自行選擇喜歡的樣式。
public class A{
public A(){
throws AssertError();
}
public static void main(String[] args){
System.out.println("niceyoo,關注一下唄");
}
}
3. 復制
點擊復制按鈕后會copy當前的樣式(html+css),然后找到博客園后台,然后直接粘貼就可以了,看圖⬇️(點擊 html 標簽,粘貼面板上的數據,然后點擊更新)
二、 圖床設置
平時寫文章肯定要配圖呀!所以作者也給配上了圖床,不過是針對七牛雲的,同時也提供了教程:把圖片輕松上傳到雲圖床,自動生成Markdown
說一下個人感受吧,七牛雲固然會有一個免費的10G流量,但是…我也不清楚什么時候就欠費了…所以我就把圖片的域名解析給停用了。當然我並不是否定七牛雲哈~
關於圖片保存其實還是有很多選擇的,比如博客園本身就不錯嘛(只能上傳單張10M以下的 png、jpg、gif 格式的圖片),咳咳,反正圖片本身不大,一次只能上傳一張也不是不能接受的嘛,至少文章在,圖片在,文章亡,則圖片…
說說我的方式吧。
我使用了一款 Chrome 的插件,谷歌應用商店地址:
該插件在博客園登錄之后就可使用,大致如下:
是不是也挺簡單的吶~,然后關於 Md2All 其他的一些用法,小伙伴自行發覺吧
本博為主要更新地址,不止於技術,歡迎左上角關注、收藏哈!
