博客園文章方塊背景格式


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

一、輔助網站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 的插件,谷歌應用商店地址:

Image Uploader 「需要翻牆」

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

是不是也挺簡單的吶~,然后關於 Md2All 其他的一些用法,小伙伴自行發覺吧

本博為主要更新地址,不止於技術,歡迎左上角關注、收藏哈!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM