微信公眾號:[k8s技術圈]
關注容器技術、關注Kubernetes
。問題或建議,請公眾號留言。
Markdown-Weixin 簡介
Markdown 轉微信公眾帳號內容神器,能讓Markdown
內容,無需作任何調整就能一鍵復制到微信公眾號使用,特別針對代碼展示做了優化。
GitHub 地址:https://github.com/cnych/markdown-weixin
使用微信公眾號編輯器有一個十分頭疼的問題——粘貼出來的代碼,格式錯亂,而且特別丑。
代碼塊顯示效果
注:markdown對代碼塊的語法是開始和結束行都要添加:```,其中 ` 為windows鍵盤左上角那個,如下:
kind: RoleBinding
apiVersion: rbac.authorization.k8s.io/v1
metadata:
name: haimaxy-sa-rolebinding
namespace: kube-system
subjects:
- kind: ServiceAccount
name: haimaxy-sa
namespace: kube-system
roleRef:
kind: Role
name: haimaxy-sa-role
apiGroup: rbac.authorization.k8s.io
要精確指定語言(如:java,cpp,css,xml,javascript,python,php,go,kotlin,lua,objectivec
等等)時,在頭部直接指定,如:```javascript,如下:
function showSnackbar() {
var $snackbar = $('#snackbar');
$snackbar.addClass('show');
setTimeout(() => {
$snackbar.removeClass('show');
}, 3000);
}
在頁面頭部提供了很多中代碼主題風格,可以根據需要選擇合適的即可。
Markdown基本語法
標題
支持6種大小的標題,分別對應#
,##
,###
,####
,#####
,######
,和樣式文件中的h1,...,h6
如:
H5
H6
行內代碼
如:AppCompatActivity
類,markdown對行內代碼的語法是前后用:`,其中 ` 為windows鍵盤左上角那個,
強調
我是強調
斜體
試試斜體
強調的斜體
試試強調的斜體
刪除
試試 刪除
外鏈的超鏈接
試試外鏈的超鏈接:我是外鏈的超鏈接,markdown對鏈接的語法為:[]()
,如:[我是外鏈的超鏈接](http://blog.qikqiak.com)
頁內的超鏈接
試試頁內的超鏈接:我是頁內的超鏈接,注:你先要在要跳轉的到地方放置一個類似:<a id="jump_1">任意內容</a>
的錨點。由id="jump_1"
來匹配。
有序列表
- 有序列表 1
- 有序列表 2
- 有序列表 3
無序列表
- 無序列表 1
- 無序列表 2
- 無序列表 3
引用塊
只需要在前面加 >
,如下:
我是引用塊
微信公眾號:k8s技術圈
歡迎關注我,一起學習,一起進步,All in Kubernetes!
分隔線
Markdown擴展語法
表格
班級 | 男生 | 女生 |
---|---|---|
一(7)班 | 30 | 25 |
一(8)班 | 25 | 30 |
注:表格在公眾號預覽時,可能在PC端顯示的不是正確的全屏,但在手機上預覽時就會正常顯示為全屏的了。
直接支持html,css
如果你懂html和css,那下面這些效果就不在話下了:
來個頁內跳轉,跳轉到文未的:<a id="jump_1">我是頁內跳轉到的位置</a>
,對應:id="jump_1"
先給點顏色你看看
再給點顏色你看看
試試改變字體大小
改變字體大小,再來個粗體又如何?
試試內容居中
那內容居右呢?
來個綜合的試試
第二行
版本更新記錄
TODO
- 自動保存功能
- 增加多種主題樣式
- 增加本地圖片自動上傳圖床功能
Changelog
版本號:V1.2.1
更新日期:2018-07-12
- FIX 復制內容錯誤的BUG
- 優化頁面主題代碼
版本號:V1.2.0
更新日期:2018-07-01
- 增加編輯區域和預覽區域同步滾動
- 更改頁面樣式為左右結構,實時預覽
- 直接復制內容到粘貼板,不要手動復制
- 替換
google-code-prettify
源為國內CDN
源 - 支持更換代碼樣式主題
- 代碼長度溢出時橫向滾動
更多請參考:
Markdown-Weixin版本更新記錄
LICENSE
MIT. Thanks for @barretlee.