自己的官方模板越看越不順眼了,於是果斷尋求方法進行美化,看了不少博客園的博客,發現一些博客非常驚艷,這些基本都屬於自己定制的,於是開始自定義美化起來。 一:開通JS權限 進入管理>設置>勾選下面的JS權限,然后填寫一下開通的理由等待管理員進行審核 ...
先簡單展示下效果吧: 首先需要導入js代碼,在側邊欄公告處將以下代碼復制進入: View Code 還需要一些css,在頁面定制css代碼處將以下css樣式復制進入 View Code ...
2019-03-25 15:53 2 471 推薦指數:
自己的官方模板越看越不順眼了,於是果斷尋求方法進行美化,看了不少博客園的博客,發現一些博客非常驚艷,這些基本都屬於自己定制的,於是開始自定義美化起來。 一:開通JS權限 進入管理>設置>勾選下面的JS權限,然后填寫一下開通的理由等待管理員進行審核 ...
使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...
寫在前面 本文中提到的部分設置需要 JS 權限,因此進行相關更改的時候,請確保有 JS 權限。 關於以下內容,是本人在自定義博客園的時候一點總結。這里有一個小技巧,善用瀏覽器的檢查功能,我使用的是 Chrome,右鍵即可,這樣就可查看自己心儀的博客是如何進行更改美化的。 代碼高亮 以下給出 ...
博客園標題 點開“管理”,“設置” 在”頁面定制CSS代碼“中輸入一下代碼 代碼高亮 參考鏈接 點開“管理”,“設置” 在”頁面定制CSS代碼“中輸入一下代碼 目錄設置 參考鏈接 在”頁腳HTML代碼“中添加 設置版權信息 參考鏈接 在"頁腳Html代碼"中添加 ...
主題 在經過仔細挑選后,我選中了Silence這款主題,主題的優點和用法GitHub上寫得很清楚了我就不贅述了,這里主要講一下如何申請博客園的js權限和一些補充說明。 安裝 開始前請確認擁有一個已經開通博客的博客園賬號。 在博客園首頁右上角點擊我的博客 然后點擊管理 ...
前言 博客園雖然可定制度高,但是在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純 CSS 實現,不需要 JS 權限。 關於博客園的插入代碼 本章節只針對博客園的 TinyMce ...
看別人的博客總是花里胡哨,早已羡慕不已,花了點時間整理了下自己博客園的背景 參考原博主鏈接:https://www.cnblogs.com/Penn000/p/6947472.html,https://www.cnblogs.com/Tangent-1231/p/10393759.html ...
最近有幾個博客園的朋友們私信問我怎么設置代碼顏色字體的,干脆整理一下。 博客園寫博客的TinyMCE編輯器下添加代碼有兩種方式,我平時用的是第二種,就是代碼背景是一行灰一行白的,行號和代碼之間有一條綠色豎線的這種。 首先,字體大小我選擇16px ...