原文:博客園代碼高亮美化教程

先簡單展示下效果吧: 首先需要導入js代碼,在側邊欄公告處將以下代碼復制進入: View Code 還需要一些css,在頁面定制css代碼處將以下css樣式復制進入 View Code ...

2019-03-25 15:53 2 471 推薦指數:

查看詳情

博客園美化教程

自己的官方模板越看越不順眼了,於是果斷尋求方法進行美化,看了不少博客園博客,發現一些博客非常驚艷,這些基本都屬於自己定制的,於是開始自定義美化起來。 一:開通JS權限 進入管理>設置>勾選下面的JS權限,然后填寫一下開通的理由等待管理員進行審核 ...

Tue Jul 28 16:35:00 CST 2020 6 1039
博客園代碼高亮

使用syntaxhighlighter插件對代碼進行加亮: 1>下載syntaxhighlighter,解壓后將shThemeDefault.css和shCoreRDark.css文件上傳到博客園 2>設置"頁首html代碼",添加 <link type="text ...

Sat Jun 18 21:46:00 CST 2016 1 2853
博客園美化教程總結

寫在前面 本文中提到的部分設置需要 JS 權限,因此進行相關更改的時候,請確保有 JS 權限。 關於以下內容,是本人在自定義博客園的時候一點總結。這里有一個小技巧,善用瀏覽器的檢查功能,我使用的是 Chrome,右鍵即可,這樣就可查看自己心儀的博客是如何進行更改美化的。 代碼高亮 以下給出 ...

Thu May 03 21:22:00 CST 2018 16 4192
博客園美化:添加目錄,標題設置,代碼高亮,主題設置

博客園標題 點開“管理”,“設置” 在”頁面定制CSS代碼“中輸入一下代碼 代碼高亮 參考鏈接 點開“管理”,“設置” 在”頁面定制CSS代碼“中輸入一下代碼 目錄設置 參考鏈接 在”頁腳HTML代碼“中添加 設置版權信息 參考鏈接 在"頁腳Html代碼"中添加 ...

Fri Apr 20 07:14:00 CST 2018 1 1246
博客園主題美化教程

主題 在經過仔細挑選后,我選中了Silence這款主題,主題的優點和用法GitHub上寫得很清楚了我就不贅述了,這里主要講一下如何申請博客園的js權限和一些補充說明。 安裝 開始前請確認擁有一個已經開通博客博客園賬號。 在博客園首頁右上角點擊我的博客 然后點擊管理 ...

Wed Mar 13 21:27:00 CST 2019 4 3417
一個博客園代碼高亮的方案

前言 博客園雖然可定制度高,但是在代碼高亮這一塊做的並不是很好,默認的配色方案看着很不舒服,而且影響頁面的整體協調感。 但正因為博客園的可定制度高,所以我們可以自定義代碼高亮的風格。 使用純 CSS 實現,不需要 JS 權限。 關於博客園的插入代碼 本章節只針對博客園的 TinyMce ...

Sun Oct 28 02:21:00 CST 2018 2 2520
博客園頁面美化代碼

看別人的博客總是花里胡哨,早已羡慕不已,花了點時間整理了下自己博客園的背景 參考原博主鏈接:https://www.cnblogs.com/Penn000/p/6947472.html,https://www.cnblogs.com/Tangent-1231/p/10393759.html ...

Thu Jun 04 20:27:00 CST 2020 1 1131
博客園美化插入代碼css

最近有幾個博客園的朋友們私信問我怎么設置代碼顏色字體的,干脆整理一下。 博客園博客的TinyMCE編輯器下添加代碼有兩種方式,我平時用的是第二種,就是代碼背景是一行灰一行白的,行號和代碼之間有一條綠色豎線的這種。 首先,字體大小我選擇16px ...

Sun Aug 21 03:02:00 CST 2016 6 2812
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM