ລາຍການຫົວເລື່ອງ
markdown ດາວໂຫລດ herePlugin (ການສອນການຕິດຕັ້ງສ່ວນຂະຫຍາຍ Chrome)
Markdown ແມ່ນຮູບແບບ "ອີເມວ" "ພາສາ markup".Chen Weiliangແນະນໍາໃຫ້ສູງສໍາລັບທຸກຄົນເວັບໄຊທ໌ທີ່ກ່ຽວຂ້ອງຜູ້ປະຕິບັດ, ຮຽນຮູ້ແລະຕົ້ນສະບັບພາສາ.
ຖ້າທ່ານເຂົ້າຮ່ວມໃນວິທະຍາໄລ Interceptຫຼັກສູດທີ່ຈະຮຽນຮູ້ທີ່ຈະເຮັດການສົ່ງເສີມເວັບ, ຈໍາເປັນຕ້ອງຂຽນການຄ້າທາງອີເລັກໂທຣນິກການຕະຫຼາດcopywritingບົດຄວາມ, ຂ້ອຍໄດ້ຍິນເລື່ອງ Markdown, ແຕ່ຂ້ອຍບໍ່ໄດ້ຮຽນມັນ, ມັນຕ້ອງເປັນເພາະວ່າເຈົ້າຄິດວ່າ Markdown ຈະຮຽນຍາກ.
ແຕ່ໃນຄວາມເປັນຈິງ, ເຮັດການຕະຫຼາດ Wechatບັນນາທິການໃດໆ, ຕາບໃດທີ່ມັນໃຊ້ເວລາສິບນາທີ, ສາມາດຮຽນຮູ້ມັນໄດ້.
ໃນເວລານັ້ນ, ທ່ານອາດຈະຖອນຫາຍໃຈ "ເປັນຫຍັງຂ້ອຍບໍ່ໄດ້ຮຽນຮູ້ Markdwon ເພື່ອຂຽນສໍາເນົາການຕະຫຼາດອອນໄລນ໌ກ່ອນຫນ້ານີ້"?
ໃນຄວາມເປັນຈິງ, ມີພຽງແຕ່ 5 ປະເພດຂອງ syntax Markdown ທີ່ໃຊ້ທົ່ວໄປ:
- ໃຊ້ # ເພື່ອໝາຍຂໍ້ຄວາມນີ້ເປັນຫົວຂໍ້ລະດັບທຳອິດ, ແລະ N # ເພື່ອໝາຍນີ້ເປັນຫົວຂໍ້ລະດັບ N.
- ການເພີ່ມ * ຫຼື 1. "2." 3. ກ່ອນທີ່ຂໍ້ຄວາມສາມາດຖືກຮັບຮູ້ເປັນບັນຊີລາຍຊື່.
- ເພີ່ມ > ກ່ອນວັກເພື່ອໝາຍມັນເປັນເອກະສານອ້າງອີງ
- ເພີ່ມ * ກ່ອນ ແລະ ຫຼັງຂໍ້ຄວາມເພື່ອສະແດງຕົວອຽງ, ແລະສອງ * ເພື່ອສະແດງເປັນຕົວໜາ
- ໃຊ້ [ຂໍ້ຄວາມ](ທີ່ຢູ່ລິ້ງ) ເພື່ອໃສ່ hyperlinks
ດາວໂຫຼດປລັກອິນ
Markdown here ທີ່ຢູ່ດາວໂຫຼດຢ່າງເປັນທາງການ:
http://markdown-here.com/get.html
Markdown ນີ້ແມ່ນ plugin ຂອງຕົວທ່ອງເວັບ (Chrome/Firefox/Safari) ທີ່ປ່ຽນຂໍ້ຄວາມ Markdown ໃນຕົວແກ້ໄຂໃນຕົວທ່ອງເວັບເຂົ້າໄປໃນ HTML ທີ່ສະແດງ.ນອກນັ້ນທ່ານຍັງສາມາດປັບແຕ່ງ CSS ໄດ້, ເຊິ່ງແມ່ນເຢັນແທ້ໆສໍາລັບຜູ້ທີ່ມັກໃຊ້ຮູບແບບ Markdown, ທ່ານໃຊ້ Markdown ເພື່ອຂຽນອີເມລ໌, ເອກະສານ, ແລະອື່ນໆ.
ການຕິດຕັ້ງແລະຕັ້ງຄ່າ Markdown ທີ່ນີ້, ພຽງແຕ່ປະຕິບັດຕາມຂັ້ນຕອນຂ້າງລຸ່ມນີ້:
- ຕິດຕັ້ງ Markdown Here plugin ໃນ Google Chrome
- Configure Markdown Here Option, ປັບແຕ່ງບາງ CSS
ວິທີການພິມໄວຂອງບັນຊີສາທາລະນະ
- ຂຽນບົດຄວາມໃນຮູບແບບ Markdown, ກະລຸນາເບິ່ງບົດຄວາມນີ້ສໍາລັບລາຍລະອຽດ: "ວິທີການພິມບັນຊີສາທາລະນະ WeChat ຢ່າງວ່ອງໄວ?ຮູບແບບຂອງເສດຖີ Li Xiaolai ໃຊ້ເວລາພຽງ 1 ວິນາທີ"
WP+ ຂະບວນການຂຽນບັນຊີຢ່າງເປັນທາງການ
- ການນໍາໃຊ້ WordPress ເຮັດ wechatການສົ່ງເສີມບັນຊີສາທາລະນະ?ເບິ່ງບົດຄວາມນີ້ສໍາລັບລາຍລະອຽດ:"WordPress ເຂົ້າໄປໃນຕົວແກ້ໄຂບັນຊີຢ່າງເປັນທາງການຂອງ WeChat, ວິທີການເຮັດໃຫ້ຮູບແບບການຈັດປະເພດບົດຄວາມບໍ່ຜິດ?》
CSS ແບບກຳນົດເອງ
ການດັດແກ້ຕົ້ນຕໍແມ່ນດັ່ງຕໍ່ໄປນີ້:
- ຕົວອັກສອນ (ຂະຫນາດ, ສີ)
- ໄລຍະຫ່າງແຖວ
- ໄລຍະຫ່າງຂອງຄໍາສັບ
ຫຼັກການສະຫຼຸບມີດັ່ງນີ້:
- ຂະຫນາດຕົວອັກສອນຂອງເນື້ອໃນຂອງບົດຄວາມແມ່ນມັກລະຫວ່າງ 14-18px, ທີ່ມີ 16px ແມ່ນເຫມາະສົມທີ່ສຸດ.
- ໄລຍະຫ່າງຂອງເສັ້ນແມ່ນ 1.5-1.75 ເທົ່າຂອງໄລຍະຫ່າງຂອງເສັ້ນ, ເຊິ່ງຈະເບິ່ງສະດວກສະບາຍກວ່າ.
- ບົດຄວາມກ່ຽວກັບຈຸດເຊື່ອມຕໍ່ມືຖືບໍ່ຈໍາເປັນຕ້ອງຖືກຫຍໍ້ຫນ້າຢູ່ໃນແຖວທໍາອິດ.
- ລະຫວ່າງວັກ, ເສັ້ນຫວ່າງແມ່ນດີທີ່ສຸດ.
Markdown ທີ່ນີ້ plugin CSS
ສຳ ເນົາດ້ານລຸ່ມChen Weiliangໃຊ້ Markdown here plugin CSS code to Chrome → Settings → Extensions → markdown.here → Options → Basic Rendering CSS
/* CSS Name: Markdown here插件CSS Version: 3.0 Description: Designed by <a href="https://www.chenweiliang.com/">陈沩亮博客</a> Author: 陈沩亮 Author URI: https://www.chenweiliang.com/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) 2017 陈沩亮. */ .markdown-here-wrapper { font-size: 16px; line-height: 1.75em; letter-spacing: 2px; padding-left: 1em; padding-right: 1em; margin: 1.5em 5px !important; } div p { font-size: 16px; line-height: 1.75em; letter-spacing: 2px; padding-left: 1em; padding-right: 1em; margin: 1.5em 5px !important; } pre, code { font-size: 14px; font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace; margin: auto 5px; } code { white-space: pre-wrap; border-radius: 2px; display: inline; } pre { font-size: 15px; line-height: 1.4em; display: block; !important; } pre code { white-space: pre; overflow: auto; border-radius: 3px; padding: 1px 1px; display: block !important; } strong, b{ color: #BF360C; } em, i { color: #009688; } hr { border: 1px solid #BF360C; margin: 1.5em auto; } p { font-size: 16px; line-height: 1.75em; letter-spacing: 2px; padding-left: 1em; padding-right: 1em; margin: 1.5em 5px !important; } table, pre, dl, blockquote, q, ul, ol { margin: 10px 5px; } ul, ol { padding-left: 15px; } li { margin: 10px; } li p { margin: 10px 0 !important; } ul ul, ul ol, ol ul, ol ol { margin: 0; padding-left: 10px; } ul { list-style-type: circle; } dl { padding: 0; } dl dt { font-size: 1em; font-weight: bold; font-style: italic; } dl dd { margin: 0 0 10px; padding: 0 10px; } blockquote, q { border-left: 2px solid #009688; padding: 0 10px; color: #777; quotes: none; margin-left: 1em; } blockquote::before, blockquote::after, q::before, q::after { content: none; } h1, h2, h3, h4, h5, h6 { margin: 20px 0 10px; padding: 0; font-style: bold !important; color: #009688 !important; text-align: center !important; margin: 1.5em 5px !important; padding: 0.5em 1em !important; } h1 { font-size: 24px !important; border-bottom: 1px solid #ddd !important; } h2 { font-size: 20px !important; border-bottom: 1px solid #eee !important; } h3 { font-size: 18px; } h4 { font-size: 16px; } table { padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; font: inherit; border: 0; margin: 0 auto; } tbody { margin: 0; padding: 0; border: 0; } table tr { border: 0; border-top: 1px solid #CCC; background-color: white; margin: 0; padding: 0; } table tr:nth-child(2n) { background-color: #F8F8F8; } table tr th, table tr td { font-size: 16px; border: 1px solid #CCC; margin: 0; padding: 5px 10px; } table tr th { font-weight: bold; color: #eee; border: 1px solid #009688; background-color: #009688; }
ແບ່ງປັນອີກ 2 ອັນສື່ ໃໝ່ຮູບແບບກຳນົດເອງສຳລັບ Markdown ຢູ່ທີ່ນີ້ສຳລັບຄົນ:
Yang Zhiping:
https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css
Li Xiaolai:
https://gist.github.com/xiaolai/aa190255b7dde302d10208ae247fc9f2
ຫວັງ Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ໄດ້ແບ່ງປັນ "Markdown here plugin download (Chrome extension installation tutorial)", ເຊິ່ງເປັນປະໂຫຍດແກ່ເຈົ້າ.
ຍິນດີຕ້ອນຮັບແບ່ງປັນການເຊື່ອມຕໍ່ຂອງບົດຄວາມນີ້:https://www.chenweiliang.com/cwl-471.html
ຍິນດີຕ້ອນຮັບສູ່ຊ່ອງ Telegram ຂອງບລັອກຂອງ Chen Weiliang ເພື່ອຮັບອັບເດດຫຼ້າສຸດ!
📚ຄູ່ມືນີ້ມີຄຸນຄ່າອັນມະຫາສານ, 🌟ນີ້ເປັນໂອກາດທີ່ຫາຍາກ, ຢ່າພາດມັນ! ⏰⌛💨
Share and like ຖ້າມັກ!
ການແບ່ງປັນແລະການຖືກໃຈຂອງທ່ານແມ່ນການຊຸກຍູ້ຢ່າງຕໍ່ເນື່ອງຂອງພວກເຮົາ!