【博客園配置】博客園自定義配置有哪些騷操做

最全的Java後端知識體系 https://www.pdai.tech, 天天更新中...。

我以前寫過一些文章，放在本身本地的Git庫中，用相似於gitbook的工具構建本身的知識體系。具體用的是docsify，好處是經過markdown生成的html頁面是在前端進行，而不須要編譯成HTML。近期指望將其中一部分文章發表出來，和你們一塊兒交流，同時也是對本身的一種push。因而我就想到了開一個本身的博客。

博客選擇

在選擇本身的博客時, 我有如下選擇：

• 本身開發一個博客 (ps: 實際上我以前寫過完整的一個博客系統，同時還給公司內部開發了一個知識共享的交流平臺)；
  // 支持本身數據庫等，支持。。。恩只要想開發，啥都能支持。可是工做量大，須要本身維護等。

如下系統由我獨立開發和運維。。。可是我仍是不想本身再寫了，心累。。。
markdown編輯

文章清單

支持導出各類形式

支持共享給其它虛擬組織

• 使用github pages
  // 訪問速度不敢恭維，況且我如今有本身搭建的docsify

• 使用hexo
  // 選個樣式容易，選個好的樣式難。

• 使用csdn平臺
  // 平臺性的東西不要考慮太多SEO相關的；csdn 訪問流量更大些，可是廣告有點噁心; 不支持自定義樣式，可定製程度低，像我這種愛折騰的...；

• 使用博客園
  // 支持自定義樣式，自定義js權限；網站長期沒有更新，主頁樣式感受停留在十年前；客戶端程序，略有點low;

• 使用簡書
  // markdown支持很好，手機客戶端超級流暢；

綜合以上的狀況，我選擇了博客園，主頁樣式醜不要緊，我能夠本身定義本身的樣式哈，它能支持markdown，也不須要去搞運維。廣告麼，js能夠去除。

博客園的自定義配置

這邊只是提供一個思路，而不是一個個截圖顯示個人操做，由於做爲一個程序員，這點搜索能力都沒有還搞啥？

主題樣式

進入配置頁面，hack本身樣式，保存便可。這個網上文章一大堆。

移動端適配

經過CSS @media能夠控制不一樣屏幕顯示效果。

添加訪問數據統計

申請js權限，經過JS實現，加入Umeng的CNZZ統計數據便可。

添加彩蛋

經過JS實現，能夠加入Canvas實現一些彩蛋，好比經典的canvas射線或者粒子效果，這裏實現了一個蜘蛛。個人寓意是印證我博客的副標題 - 與其臨淵羨魚，不如退而結網。

markdown樣式自定義

因爲博客園的markdown已經由，這裏我能夠配置本身的樣式，或者切換主題（去hilightjs官網去找具體的用法），而後再進行hack和調整（css !important）。也能夠經過js生成代碼行號等.

去除廣告

思路是經過js和css隱藏廣告內容塊。

文章添加目錄

思路是經過JS+ Demo 生成目錄節點，插入到文章以前

文章添加版權信息

思路是經過JS+ Demo 生成目錄節點，插入到文章以前

Top返回頁頂

添加JS方法，添加返回按鈕。

文章目錄大綱

添加JS方法，方式同樣。

放大文章中的圖片

考慮到文章詳情頁面沒有徹底適應大屏，在通常模式下，有些圖片看不清楚； 因此考慮添加圖片點擊最大化的效果。