使用Shiraz Formatter高亮插件做阅读批注
已解决
讨论
-
1、阴影荧光笔
<<hls "文本" 颜色代码>>例：
!! <<hls "Drop shadow highlight" red>> This is <<hls "highlighted green" green>>.
2、钢笔荧光笔（涂一半）
<<hlp "文本" 颜色代码>>例：
!! <<hlp "Pen highlight" pink>> This is <<hlp "highlighted green" lime>>.
3、普通荧光笔
<<hl "文本" 颜色代码>>例：
!! <<hl "Simple highlight" aqua>> This is <<hl "highlighted green" Khaki>>.
4、修改文字颜色
<<tc "文本" 颜色代码>>例：
!! <<tc "Simple text color" red>> This is <<tc "Simple text color" blue>>.
5、同时修改文字颜色和背景颜色
<<thl "文本" 字体颜色代码 背景颜色代码>> <<thlp "文本" 字体颜色代码 背景颜色代码>>例：
<<thl "这是一句话。" #1A4975 #B1D3E9>> <<thlp "这是一句话。" #1A4975 #B1D3E9>>
需要在$:/plugins/kookma/shiraz/macros/text-utility
加上代码<!-- text highlight --> \define thl(src:"", color1:"red", color2:"yellow") <mark class="kk-sh-highlight" style="color:$color1$;background-color:$color2$">$src$</mark> <!-- text highlight pen--> \define thlp(src:"", color1:"red", color2:"yellow") <mark class="kk-sh-highlight-pen" style="color:$color1$; background-image: linear-gradient(to top, $color2$ 50%, transparent 0);">$src$</mark> <$macrocall $name="wikitext-example" -
-
色卡展示
-
色卡1-shiraz版
<<thl "冬日红酒 Red Wine" #8E3D3D #EDB2AD>> <<thlp "冬日红酒 Red Wine" #8E3D3D #EDB2AD>> <<tc "酒红色#8E3D3D" #8E3D3D>> <<tc "樱花粉#EDB2AD" #EDB2AD>> <<thl "雪地精灵 Snow Angel" #1A4975 #B1D3E9>> <<thlp "雪地精灵 Snow Angel" #1A4975 #B1D3E9>> <<tc "藏蓝#1A4975" #1A4975>> <<tc " 冰蓝色#B1D3E9" #B1D3E9>> <<thl "紫米奶酪Rice Cheese" #6F4B82 #D3BDE8>> <<thlp "紫米奶酪Rice Cheese" #6F4B82 #D3BDE8>> <<tc "葡萄紫#6F4B82" #6F4B82>> <<tc "香芋紫#D3BDE8" #D3BDE8>> <<thl "挪威森林Norwegian Forest" #546830 #CAC981>> <<thlp "挪威森林Norwegian Forest" #546830 #CAC981>> <<tc "森林绿#546830" #546830>> <<tc "豆蔻绿#CAC981" #CAC981>> <<thl "脆脆蛋挞Egg Tart" #F4B162 #FFDA9A>> <<thlp "脆脆蛋挞Egg Tart" #F4B162 #FFDA9A>> <<tc "香橙色#F4B162" #F4B162>> <<tc "奶黄色#FFDA9A" #FFDA9A>> <<thl "卡布奇诺 Cappuccino" #7F523E #E2C3A5>> <<thlp "卡布奇诺 Cappuccino" #7F523E #E2C3A5>> <<tc "苦咖#7F523E" #7F523E>> <<tc " 奶咖#E2C3A5" #E2C3A5>> -
色卡2-shiraz版
"""
<<thl "红运满杯车厘子 Pop Cherry" #775360 #ECCFCF>> <<thlp "红运满杯车厘子 Pop Cherry" #775360 #ECCFCF>> <<tc "倚梅#775360" #775360>> <<tc "落红#ECCFCF" #ECCFCF>> <<thl "流心蓝莓酱Blueberry Source" #2D384E #E8B9C5>> <<thlp "流心蓝莓酱Blueberry Source" #2D384E #E8B9C5>> <<tc "蓝莓#2D384E" #2D384E>> <<tc "珊瑚#E8B9C5" #E8B9C5>> <<thl "爆打柠檬茶Lemon Tea" #577149 #ECDFA6>> <<thlp "爆打柠檬茶Lemon Tea" #577149 #ECDFA6>> <<tc "森林绿#577149" #577149>> <<tc "柠檬黄#ECDFA6" #ECDFA6>> <<thl "海盐芝士奶盖 Salty Cheese" #4C637A #BFD3E1>> <<thlp "海盐芝士奶盖 Salty Cheese" #4C637A #BFD3E1>> <<tc "海盐#4C637A" #4C637A>> <<tc "奶盖#BFD3E1" #BFD3E1>> <<thl "缤纷双莓Double Berry" #8080A3 #F8D6D5>> <<thlp "缤纷双莓Double Berry" #8080A3 #F8D6D5>> <<tc "树莓#8080A3" #8080A3>> <<tc "草莓#F8D6D5" #F8D6D5>> <<thl "冰镇西瓜汁 Icy Watermelon" #CF6862 #DFEBF4>> <<thlp "冰镇西瓜汁 Icy Watermelon" #CF6862 #DFEBF4>> <<tc "西瓜#CF6862" #CF6862>> <<tc "冰块#DFEBF4" #DFEBF4>> -
色卡3-shiraz版
<<thl "焦糖红茶 Caramel Tea" #701515 #CBBB9D>> <<thlp "焦糖红茶 Caramel Tea" #701515 #CBBB9D>> <<tc "湘妃红#701515" #701515>> <<tc "暖黄#CBBB9D" #CBBB9D>> <<thl "太妃榛仁巧克力 Toffee Chocolate" #26436B #C79E76>> <<thlp "太妃榛仁巧克力 Toffee Chocolate" #26436B #C79E76>> <<tc "牛仔蓝#26436B" #26436B>> <<tc "太妃糖#C79E76" #C79E76>> <<thl "樱花拿铁 Sakura Latte" #7A5347 #E0ADA8>> <<thlp "樱花拿铁 Sakura Latte" #7A5347 #E0ADA8>> <<tc "咖啡棕#7A5347" #7A5347>> <<tc "灰樱花#E0ADA8" #E0ADA8>> <<thl "诀诀苍兰 Freesia" #74749B #C6CFE4>> <<thlp "诀诀苍兰 Freesia" #74749B #C6CFE4>> <<tc "绝决紫#74749B" #74749B>> <<tc "渣渣灰#C6CFE4" #C6CFE4>> <<thl "干枯玫瑰 Dry Rose" #845973 #CFACC0>> <<thlp "干枯玫瑰 Dry Rose" #845973 #CFACC0>> <<tc "紫棠#845973" #845973>> <<tc "褪红#CFACC0" #CFACC0>> <<thl "荷塘月色 Lotus Moonlight" #7C8B66 #C6D9CD>> <<thlp "荷塘月色 Lotus Moonlight" #7C8B66 #C6D9CD>> <<tc "绿灰色#7C8B66" #7C8B66>> <<tc "月白#C6D9CD" #C6D9CD>> -
色卡4--shiraz版
<<thl "螺甸紫-芡食白" #74759B #E2E1E4>> <<thlp "螺甸紫-芡食白" #74759B #E2E1E4>> <<tc "螺甸紫＃74759B" #74759B>> <<tc "芡食白＃E2E1E4" #E2E1E4>> <<thl "崎红蜜-暖白" #66363C #F2EBD9>> <<thlp "崎红蜜-暖白" #66363C #F2EBD9>> <<tc "崎红蜜＃66363C" #66363C>> <<tc "暖白＃F2EBD9" #F2EBD9>> <<thl "海鸥灰-雅白" #9A8878 #FCF0D7>> <<thlp "海鸥灰-雅白" #9A8878 #FCF0D7>> <<tc "海鸥灰＃9A8878" #9A8878>> <<tc "雅白＃FCF0D7" #FCF0D7>> <<thl "瓦松绿-茘肉白" #6E8B74 #F2E6CE>> <<thlp "瓦松绿-茘肉白" #6E8B74 #F2E6CE>> <<tc "瓦松绿＃6E8B74" #6E8B74>> <<tc "茘肉白＃F2E6CE" #F2E6CE>> -
色卡5--shiraz版
<<thl "集物社国韵色·染幺红" #B95760 #FFC9D5>> <<thlp "集物社国韵色·染幺红" #B95760 #FFC9D5>> <<tc "深绯＃B95760" #B95760>> <<tc "桃天＃FFC9D5" #FFC9D5>> <<thl "集物社国韵色·春烟柳" #2F6761 #B3D53E>> <<thlp "集物社国韵色·春烟柳" #2F6761 #B3D53E>> <<tc "石绿＃2F6761" #2F6761>> <<tc "井天＃B3D53E" #B3D53E>> <<thl "集物社国韵色·锦熏笼" #7F3B5D #ABA2C9>> <<thlp "集物社国韵色·锦熏笼" #7F3B5D #ABA2C9>> <<tc "芥拾＃7F3B5D" #7F3B5D>> <<tc "堇木＃ABA2C9" #ABA2C9>> <<thl "集物社国韵色·舞晴空" #46537E #A9C3E8>> <<thlp "集物社国韵色·舞晴空" #46537E #A9C3E8>> <<tc "青黛＃46537E" #46537E>> <<tc "海盐＃A9C3E8" #A9C3E8>> <<thl "集物社国韵色·春烟柳" #639683 #D4DBB0>> <<thlp "集物社国韵色·春烟柳" #639683 #D4DBB0>> <<tc "缥碧＃639683" #639683>> <<tc "春辰＃D4DBB0" #D4DBB0>> <<thl "集物社国韵色·锦熏笼" #BE876E #E0B256>> <<thlp "集物社国韵色·锦熏笼" #BE876E #E0B256>> <<tc "檀唇＃BE876E" #BE876E>> <<tc "姜黄＃E0B256" #E0B256>> -
色卡6--shiraz版
<<thl "黑糖丝绒拿铁 Velet Latte" #8F3941 #DAC6A9>> <<thlp "黑糖丝绒拿铁 Velet Latte" #8F3941 #DAC6A9>> <<tc "红丝绒＃8F3941" #8F3941>> <<tc "奶泡#DAC6A9" #DAC6A9>> <<thl "海盐芝士厚乳拿铁 Salty Latte" #4F557F #B7BAD8>> <<thlp "海盐芝士厚乳拿铁 Salty Latte" #4F557F #B7BAD8>> <<tc "瓦伦湖＃4F557F" #4F557F>> <<tc "海盐#B7BAD8" #B7BAD8>> <<thl "生椰拿铁 Coconut Latte" #66402B #D3A57B>> <<thlp "生椰拿铁 Coconut Latte" #66402B #D3A57B>> <<tc "枣褐#66402B" #66402B>> <<tc "丁香褐#D3A57B" #D3A57B>> <<thl "珞珈樱花拿铁 Sakura Latte" #854050 #DBADA1>> <<thlp "珞珈樱花拿铁 Sakura Latte" #854050 #DBADA1>> <<tc "霁红#854050" #854050>> <<tc "咸池＃DBADA1" #DBADA1>> <<thl "瓦尔登瑞纳冰 Walden Rina Ice" #464F8F #B6AADD>> <<thlp "瓦尔登瑞纳冰 Walden Rina Ice" #464F8F #B6AADD>> <<tc "瓦尔登#464F8F" #464F8F>> <<tc "糖浆#B6AADD" #B6AADD>> <<thl "樱花小铁 Sakura Coffee" #EF908F #FCCBCB>> <<thlp "樱花小铁 Sakura Coffee" #EF908F #FCCBCB>> <<tc "樱花#EF908F" #EF908F>> <<tc "奶油粉＃FCCBCB" #FCCBCB>> -
色卡7–shiraz版（这些配色对比度不够，不适合做高亮标注）
<<thl "去年今日此门中，人面桃花相映红。" #D59A98 #EACCC9>> <<thlp "去年今日此门中，人面桃花相映红。" #D59A98 #EACCC9>> <<tc "蜜桃红#D59A98" #D59A98>> <<tc "胭脂粉#EACCC9" #EACCC9>> <<thl "烟雨入江南，山水如墨染。" #B3C198 #EFCBB9>> <<thlp "烟雨入江南，山水如墨染。" #B3C198 #EFCBB9>> <<tc "螺黛青 #B3C198" #B3C198>> <<tc "膏米粉#EFCBB9" #EFCBB9>> <<thl "水落鱼梁浅，天寒梦泽深。" #F2D499 #EDCDD7>> <<thlp "水落鱼梁浅，天寒梦泽深。" #F2D499 #EDCDD7>> <<tc "玉露橙#F2D499" #F2D499>> <<tc "蟠桃粉#EDCDD7" #EDCDD7>> <<thl "明月皎皎照我床，星汉西流夜未央。" #8A9DC0 #CABACE>> <<thlp "明月皎皎照我床，星汉西流夜未央。" #8A9DC0 #CABACE>> <<tc "清幽紫#8A9DC0" #8A9DC0>> <<tc "烟雾粉#CABACE" #CABACE>> <<thl "羡青山有思，白鹤忘机。" #A5BEB0 #F0DDBB>> <<thlp "羡青山有思，白鹤忘机。" #A5BEB0 #F0DDBB>> <<tc "山栀茶 #A5BEB0" #A5BEB0>> <<tc "晚香玉#F0DDBB" #F0DDBB>> <<thl "借问落梅凡几曲，从风一夜满关山。" #7F8CB0 #CD94A7>> <<thlp "借问落梅凡几曲，从风一夜满关山。" #7F8CB0 #CD94A7>> <<tc "幽兰青#7F8CB0" #7F8CB0>> <<tc "梅紫 #CD94A7" #CD94A7>> -
如果还想加下划线，可以在
$:/plugins/kookma/shiraz/styles/highlight
mark.kk-sh-highlight和mark.kk-sh-highlight-pen内
分别加上两行代码text-decoration: underline; /** 下划线 **/ text-underline-offset: 0.2em; /** 下划线与文字间距 **/如果想要双下划线，可以在underline后再加double
在mark.kk-sh-highlight-pen内加上
border-radius:0.4em;
padding:0 0.25em 0.1em;
使划线标注背景颜色开头和结尾变圆滑
-
暗色主题加下划线展示
-
这些配色都是我在小红书找的电子手账配色，可以自由发挥。
-
这个用法很正确，我之前也看过库克马的设拉子插件库 https://kookma.github.io/TW-Shiraz/#Shiraz Tutorial 但是一直没用起来过
反正宏的用法都是差不多，你整的具体的配色很重要
-
默认快捷键：
选中文字后，再点开Shiraz Formatter按钮（是一个扫帚图案
）
hls阴影荧光笔：按住Shift键并单击Highlight color下的色块
hlp钢笔荧光笔：按住Alt键并单击Highlight color下的色块
tc修改文字颜色：单击Text color下的色块按住Ctrl键并单击Highlight color或Text color下的色块，可以跳转到对应条目修改默认显示的颜色。
-
其他下划线样式
text-decoration: underline double; /** 双下划线 **/ text-decoration: underline dotted; /** 虚线**/ text-decoration: underline wavy; /** 波浪线 **/关于波浪线我还没研究出怎么调节波动幅度
-
@dyp1121054136 厉害啊，有机会可以把这些内容整合到太微中文教程里去。
xp那边也有类似的插件，mark button还是什么来着，可以一并研究下。
-
给文字增加阴影，双色文字效果
在$:/plugins/kookma/shiraz/macros/text-utility
加上代码\define tcs(src:"", color1:"red", color2:"yellow") <span style="color:$color1$; text-shadow: 1px 1px 0 $color2$;">$src$</span> <!-- text highlight shadow--> \define thls(src:"", color1:"red", color2:"yellow", color3:"blue") <mark class="kk-sh-highlight" style="color:$color1$;background-color:$color2$; text-shadow: 1px 1px 0 $color3$;">$src$</mark> <!-- text highlight pen shadow--> \define thlps(src:"", color1:"red", color2:"yellow", color3:"blue) <mark class="kk-sh-highlight-pen" style="color:$color1$; background-image: linear-gradient(to top, $color2$ 50%, transparent 0); text-shadow: 1px 1px 0 $color3$;">$src$</mark>书写格式
<<tcs "文本" 文字颜色代码 阴影颜色代码>> <<thls "文本" 文字颜色代码 背景颜色代码 阴影颜色代码>> <<thlps "文本" 文字颜色代码 背景颜色代码 阴影颜色代码>> -
@机杼 mark button那个我不会弄，要一组一组颜色录入，还要命名，好麻烦，之前做的废弃了
-
@dyp1121054136 嗯，那个插件基本上很成熟了，只是提一下。可以对比着使用。
