原文:在博客園的博客插入代碼塊(高亮、行號、縮進、着色)

在博客園寫博客之前 並沒有想到要手打代碼和縮進 因為沒有插入代碼的功能啊 手寫出來確實不怎么雅觀 可是再看一下人家的博客 代碼區域好明顯 就跟插入了一個IDE似的 帶着這個疑問各種百度 從最開始的以為加入一些字符就可以 然后各種文章都說要用插件 而且每篇文章說的插件也不一樣 后來遇到文章說博客園官方支持用SyntaxHighlighter這個插件 然后也確實找到了官方的博客 介紹了這個插件的用法 ...

2016-12-09 16:17 6 3815 推薦指數:

查看詳情

修改博客園代碼高亮顯示的主題顏色

博客園(默認編輯器設置為Markdowm)是使用heightlight.js進行代碼高亮的。 因此可以通過下載heightlight.js官網的主題css修改博客園中的代碼高亮顏色。 修改方法: 進入heightlight.js官網, 點擊demo頁面預覽, 查看主題效果 ...

Mon Nov 02 05:21:00 CST 2020 1 560
博客園代碼高亮

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

Sat Jun 18 21:46:00 CST 2016 1 2853
如何修改博客園插入代碼”中的代碼風格?(一個博客園代碼高亮的方案)

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

Thu Aug 08 01:01:00 CST 2019 0 460
博客園代碼高亮插件(類似csdn的代碼插入)

博客園內置支持SyntaxHighlighter代碼着色,使用此內置着色特性需要將博客的默認編輯器改為TinyMCE(“管理”-“選項”中設置)。如果使用CuteEditor,CuteEditor會自動去除代碼中的空格,造成代碼格式破壞。 如果您使用Windows Live ...

Sun Feb 25 09:46:00 CST 2018 0 985
一個博客園代碼高亮的方案

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

Sun Oct 28 02:21:00 CST 2018 2 2520
博客園代碼高亮美化教程

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

Mon Mar 25 23:53:00 CST 2019 2 471
DIY博客園代碼高亮設置

一、下載樣式 1.1 下載頁面 點擊 Get Versioin 進入下載頁面。 插件官網 該頁面的Custom package位置,可配置下載支持的語言樣式,如沒 ...

Tue Feb 25 01:26:00 CST 2020 0 638
博客園matlab代碼高亮方法

1.添加matlab語言高亮 在highlight的官網https://highlightjs.org/download/,將matlab勾選,生成下載文件,找到highlight.pack.js文件,將其引入到博客園頁腳。 這里我已經將該文件上傳至博客園,你可以直接引入: 2.調用 ...

Mon Apr 20 04:38:00 CST 2020 3 2081
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM