推薦一款寫公眾號的工具【轉】-來自於陽明大佬-https://www.qikqiak.com/


微信公眾號:[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. 有序列表 1
  2. 有序列表 2
  3. 有序列表 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版本更新記錄

qrcode


我是頁內跳轉到的位置

LICENSE

MIT. Thanks for @barretlee.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM