原文:為博客園markdown代碼塊添加折疊

引言: 當我們在文章某段代碼中寫太多內容時,進行適當的內容折疊是非常有必要的。 請嘗試點擊一下Code Show Code 點開上面的Code就出現折疊的代碼是不是很有意思 其實實現這個功能的原理很簡單 利用HTML的知識短短幾行即可完成。 update 下面這個是老版本樣式 利用上方的HTML樣式即可輕松完成代碼在markdown中實現折疊 核心是利用 datails 標簽描述文檔或文檔某個部 ...

2020-10-16 20:22 4 559 推薦指數:

查看詳情

博客園Markdown代碼添加復制功能

申請js權限 點擊管理到博客后台 點擊設置 點擊申請js權限,我的是已經申請成功,所以顯示不同 申請理由示例如下 我申請的時候遇到了一個問題,就是博客園一直報無法連接到服務器,后來回到舊版后台再次申請就好了。 審核周期大概一天之內。 定制css 填入我們想自定義 ...

Wed Jul 29 16:55:00 CST 2020 1 2820
博客園markdown編輯器代碼折疊

博客園設置里申請js權限。作用到側邊欄就可以,其他地方也行。只適配的markdown編輯器,與其他界面美化代碼一起使用可能會出現bug。 ...

Mon Aug 26 05:31:00 CST 2019 12 873
博客園代碼折疊

效果 使用方法 如果您使用博客園Markdown 編輯器,借助 HTML5 的 detail 標簽就可以輕松實現。 在 summary 標簽之間填寫標題 在 summary 之后加入要折疊的內容 請注意:在要折疊的內容前后各插入一行空格。 ...

Mon Dec 21 07:49:00 CST 2020 0 940
博客園markdown代碼支持的語言

緣起 今年發現博客園支持markdown語法,就開始用markdown博客了.markdown寫文章最大的好處就是不用局限在瀏覽器里寫了,有個記事本就可以開始了. markdown里對代碼的引用語法是三個撇[ ``` ],在其后可增加代碼名稱,比如java,js等標記該部分代碼的類型.之后 ...

Sat Dec 05 00:23:00 CST 2015 9 43795
博客園代碼折疊typora配置

參考:https://www.cnblogs.com/guangzan/p/14166007.html 只需要復制下面的內容即可 可以直接寫html,typora是支持寫html標簽的, 如直接寫<details>回車,會自動補全成 然后在出現的折疊里寫< ...

Wed Dec 30 19:10:00 CST 2020 0 2572
美化博客園代碼樣式

首先點擊[插入代碼(推薦)], 語言選擇[PlainText], 把代碼貼進去, 點擊[插入代碼](, 可根據情況選擇是否需要勾選[全部折疊]選項) 然后在HTML模式下代碼的<pre>標簽內添加[class="brush:text;quick-code:true ...

Wed Nov 15 23:57:00 CST 2017 0 1433
博客園代碼css

分享一下我喜歡的五個博客園代碼樣式的CSS配置,復制粘貼即可使用,根據highlight.js調整配置,編輯器一定要改成markdown。 ...

Tue Aug 11 01:01:00 CST 2020 5 343
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM