為博客園markdown代碼塊添加折疊
引言： 當我們在文章某段代碼中寫太多內容時，進行適當的內容折疊是非常有必要的。 請嘗試點擊一下Code👇 Show Code 點開上面的Code就出現折疊的代碼是不是很有意思？ 其實實現這個功能的原理很簡單、利用HTML的知識短短幾行即可完成 ...
原文：博客園Markdown代碼塊添加復制功能
申請js權限 點擊管理到博客后台 點擊設置 點擊申請js權限，我的是已經申請成功，所以顯示不同 申請理由示例如下 我申請的時候遇到了一個問題，就是博客園一直報無法連接到服務器，后來回到舊版后台再次申請就好了。 審核周期大概一天之內。 定制css 填入我們想自定義的css代碼 定制html 添加我們自定義的HTML片段 現在這兩個js文件是在我的博客園下的，最好將文件添加到自己的博客園下 添加文件 ...
2020-07-29 08:55 1 2820 推薦指數：
相關推薦
博客園Markdown編輯模式下代碼復制功能
頁面定制CSS代碼：（復制按鈕在鼠標移動到代碼塊上顯示，鼠標移出后按鈕不顯示） 頁腳HTML代碼： 最好將文件https://blog-static.cnblogs.com/files/wuliytTaotao/cp.js 和 文件 https://cdn.bootcss.com ...
博客園實現Markdown代碼框復制功能
1.實現Markdown復制功能 進入個人頁面-【設置】-【博客設置】- 申請JS權限 添加頁面地址CSS代碼： 添加頁腳HTML代碼： PS：最好把以下兩個JS文件添加到自己的博客園文件下 2.添加文件到自己的博客園下 進入自己的博客首頁，點擊【管理 ...
博客園markdown代碼塊支持的語言
緣起 今年發現博客園支持markdown語法,就開始用markdown些博客了.markdown寫文章最大的好處就是不用局限在瀏覽器里寫了,有個記事本就可以開始了. markdown里對代碼塊的引用語法是三個撇[ ``` ],在其后可增加代碼名稱,比如java,js等標記該部分代碼的類型.之后 ...
博客園Markdown語法折疊代碼塊,並支持內嵌Markdown語法+HTML
最重要的來了 實例代碼 如果你想修改樣式的話 點擊查看教程 + 首先申請博客園JS權限 ], 語言選擇[PlainText], 把代碼貼進去, 點擊[插入代碼](, 可根據情況選擇是否需要勾選[全部折疊]選項) 然后在HTML模式下代碼塊的<pre>標簽內添加[class="brush:text;quick-code:true ...
博客園代碼塊css
分享一下我喜歡的五個博客園代碼樣式的CSS配置，復制粘貼即可使用，根據highlight.js調整配置，編輯器一定要改成markdown。 ...
改進博客園Markdown顯示功能(加代碼行號、顯示代碼所用編程語言)
博客園的markdown模式下的代碼高亮功能使用的是highlight.js，沒有行號和顯示相應編程語言的功能，只好自己將其改造了一下(將這兩種功能一並實現了)~ 先看一下效果，再詳細介紹方法~ 查看博客園markdown所使用的代碼高亮插件 先找到一篇markdown模式下寫的文章 ...