模板分享区 #62
Replies: 12 comments 15 replies
-
isbn: {{metaData.isbn}}
|
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
一些说明：
一张效果图：
这个模版改了好多版，现在这版还挺满意的，也满足了一定的强迫症，欢迎交流更多有意思的技巧 |
Beta Was this translation helpful? Give feedback.
-
|
migrate from #56 |
Beta Was this translation helpful? Give feedback.
-
|
喜欢这个模板，自行又改了一下块标记模式。 |
Beta Was this translation helpful? Give feedback.
-
---
isbn: {{metaData.isbn}}
category: {{metaData.category}}
---
# 元数据
> [!abstract] {{metaData.title}}
> - 
> - 作者： {{metaData.author}}
> - 简介： {{metaData.intro}}
> - 出版时间 {{metaData.publishTime}}
> - ISBN： {{metaData.isbn}}
> - 分类： {{metaData.category}}
> - 出版社： {{metaData.publisher}}
# 高亮划线
{% for chapter in chapterHighlights %}
> [!INFO] {{chapter.chapterTitle}}{% for highlight in chapter.highlights %}{% if highlight.reviewContent %}{% else %}
> - {{ highlight.markText |trim }} ^{{highlight.chapterUid}}-{{highlight.range}}{% endif %}{% endfor %}
{% endfor %}
# 读书笔记
{% for chapter in bookReview.chapterReviews %}{% if chapter.reviews or chapter.chapterReview %}
> [!NOTE] {{chapter.chapterTitle}}{% if chapter.chapterReviews %}{% for chapterReview in chapter.chapterReviews %}
> - {{chapterReview.content}}
{% endfor%}{%endif %}{% if chapter.reviews %}{%for review in chapter.reviews %}
> - {{review.abstract |trim }}
> =={{review.content}}=={% endfor %}
{%endif %} {% endif %} {% endfor %}
# 本书评论
{% if bookReview.bookReviews %}{% for bookReview in bookReview.bookReviews %}
{{loop.index}}. {{bookReview.mdContent}}
{% endfor%}{% endif %}截图
|
Beta Was this translation helpful? Give feedback.
-
|
效果预览：
特性说明
用的是 Aura 主题； 进阶改动高亮颜色的不同样式适配了插件最新版本（0.5.5）的高亮颜色功能，可以给不同的高亮片段加上对应的颜色标注： 我这里使用的是5种不同颜色的 Emoji，理论上你也可以直接更改文字颜色或者背景色： 方法是在模板里把 截取摘要把 感觉有点干扰阅读所以去掉了，感兴趣可以自己打开试试看。 隐藏 block id这个是用 css snippets 改的，不算模板的一部分。 隐藏 block id/* Block ID */
.cm-line:has(.cm-blockid) {
text-align: right;
line-height: 0.5em !important;
}
.cm-blockid {
font-size: 10px !important;
color: rgb(149 149 149 / 40%) !important;
}个性小图标我给每个评论前面都加上了 🦊 来代表自己，你也可以替换成自己喜欢的 Emoji ！ <3 模板代码点我展开---
isbn: {{metaData.isbn}}
category: {{metaData.category}}
---
## 元数据
> [!abstract]- {{metaData.title}}
> - 
> - 书名： {{metaData.title}}
> - 作者： {{metaData.author}}
> - 简介： {{metaData.intro | replace('\r\n', '') | replace('\n', '') }}
> - 链接： {{ pcUrl }}
> - 出版时间： {{ metaData.publishTime }}
> - ISBN： {{metaData.isbn}}
> - 分类： {{metaData.category}}
> - 出版社： {{metaData.publisher}}
## 高亮划线
{% for chapter in chapterHighlights %}
{{\n}}### {{chapter.chapterTitle}}
{% for highlight in chapter.highlights %}{% set fomattedHighlight %}{{highlight.colorStyle | replace("0", "🟨" ) | replace("5", "🟨" ) | replace("1", "🟥" ) | replace("2", "🟪" ) | replace("3", "🟦" ) | replace("4", "🟩" ) }} {{ highlight.markText | trim | replace(" ","") | replace("。”", "。”\n> ") | replace("。“", "。\n> “")| replace("”“","”\n> “") | replace("。 ", "。\n> ") | replace("”。","”。\n> ") | replace(" ", "\n> ") }}{% endset %} {% set highlightAbstract %}{#{{ highlight.markText | truncate(8, true, "...") }}#}{% endset %}{% if highlight.reviewContent %}
> [!Annotation] {{ highlightAbstract }}
> {{ fomattedHighlight }}
> ^{{highlight.chapterUid}}-{{highlight.range}}
> {{ '---' }}
> 🦊 {{ highlight.reviewContent }}
{% else %}
> [!Highlight]
> {{ fomattedHighlight }}
> ^{{highlight.chapterUid}}-{{highlight.range}}
{% endif %}{% endfor %}{% endfor %}
{% if bookReview.chapterReviews | length %}{{\n}}## 读书笔记{% endif %}
{% for chapter in bookReview.chapterReviews %}{% if chapter.reviews or chapter.chapterReview %}
### {{chapter.chapterTitle}}
{% if chapter.chapterReviews %}{% for chapterReview in chapter.chapterReviews %}
#### 章节评论 No.{{loop.index}}
{{chapterReview.content}}
^{{chapterReview.reviewId}}{{\n}}{% endfor%}{% endif %}{% if chapter.reviews %}{# #### 划线评论 #}{%for review in chapter.reviews %}
> [!Annotation] {{ review.abstract | truncate(8, true, "...") }}
> {{review.abstract | trim | replace(" ","") | replace("。”", "。”\n> ") | replace("。“", "。\n> “")| replace("”“","”\n> “") | replace("。 ", "。\n> ") | replace("”。","”。\n> ") }}
> ^{{review.reviewId}}
> {{ '---' }}
> 🦊 {{review.content}}
{% endfor %}{%endif %}{% endif %}{% endfor %}
{% if bookReview.bookReviews | length %}
## 本书评论
{% for bookReview in bookReview.bookReviews %}
> [!Review] 书评 No.{{loop.index}}
> {{bookReview.mdContent | replace("\r\n", "\n> ")}}
> ^{{bookReview.reviewId}}
{% endfor%}{% endif %} |
Beta Was this translation helpful? Give feedback.
-
|
请问这个模板能把高亮划线和读书笔记合并到一起，按顺序展示吗？ |
Beta Was this translation helpful? Give feedback.
-
|
楼主的图中是我想要的效果（即高亮+评论显示在一起，最后评论又集合在最后），但是使用的时候发现前面高亮中并没有显示评论。我自己尝试了半天也没搞定，能请您看看是不是微信读书自己改了什么以至于代码的效果变得不同？谢谢！ |
Beta Was this translation helpful? Give feedback.
-
|
很奇怪，我这边也没效果了。 在代码里我是用 但是这个数据为啥没有了，大概得请教插件作者大大 @zhaohongxuan 了，我没有头绪 (:з」∠) |
Beta Was this translation helpful? Give feedback.
-
优化多行划线展示在划线结尾添加 eg. 现有效果
修改后效果
|
Beta Was this translation helpful? Give feedback.
-
截图展示
说明：
代码 |
Beta Was this translation helpful? Give feedback.
-
|
谢谢大佬！ |
Beta Was this translation helpful? Give feedback.
-
|
在楼上 @Moyf 大佬方案 的基础上修改而来。 主要修改内容：
PS：遵循Moyf大佬的思路，“高亮划线“”包含的是所有带高亮的内容，包括高亮+想法和高亮（按照在原书中的顺序排列）；“读书笔记”包含的是所有想法内容（无论有无高亮），“读书笔记”、“章节评论”、“本书评论”部分都是有相应内容才会出现。特此为小白说明。 截图展示（Border主题）
代码尚未解决的问题：
希望后续版本或者哪位大佬能解决。 |
Beta Was this translation helpful? Give feedback.
-
|
我试过好像不太对劲。。 |
Beta Was this translation helpful? Give feedback.
-
|
哪里不对劲？ |
Beta Was this translation helpful? Give feedback.
-
|
自答一下问题1，发现关键在于使用终端，在微信读书网页版上勾画的内容总出问题，移动端的就没毛病 |
Beta Was this translation helpful? Give feedback.
-
|
参考了楼上各位大佬的代码 效果预览
使用注意
代码 |
Beta Was this translation helpful? Give feedback.
-
|
感谢！这个真的满足我的需求，也很美观！ |
Beta Was this translation helpful? Give feedback.
-
⚜高亮、评论（包括没高亮的）按照原文顺序排列的模板
⚜我一共做了三个版本满足不同需求可以根据需求，自己在无格式版本的基础上修改样式。
点击查看大图
点击查看大图
点击查看大图
如果想看详细介绍，可以看📍这里 ⚜代码
Footnotes |
Beta Was this translation helpful? Give feedback.
-
|
感谢大佬！您的模板非常好用~！ 在您的模板中，有一个特点是：
如果我希望可以显示所有章节的标题，包括没有任何高亮或评论的章节的标题，应该要怎么改动一下啊？ （我试了修改了好几次，都不能成功😭） |
Beta Was this translation helpful? Give feedback.
-
老大可以分享下现在使用的模板吗？想使用上新的功能，比如标题分级、加标注颜色等，自己改的不是很满意。老大上次分享的是2022年自用的了，感谢~~ |
Beta Was this translation helpful? Give feedback.
-
|
采用这个大佬的模板的weread模板（我做了一点格式上的修改） |
Beta Was this translation helpful? Give feedback.
-
|
插件设置中打开 |
Beta Was this translation helpful? Give feedback.
-
|
分享的不是模版，而是高亮后面的附加内容。代码如下
效果如下：
|
Beta Was this translation helpful? Give feedback.
-
|
再次简化 |
Beta Was this translation helpful? Give feedback.
-
|
请问一下各位大佬，如何实现多层级标题的显示呢？一些微信图书里的合集本非常有必要实现这个功能，不然只有最细层级的标题第X章，根本不知道是哪一册的内容。 |
Beta Was this translation helpful? Give feedback.
-
在这里分享你的笔记模板，最好有效果截图展示等
Beta Was this translation helpful? Give feedback.
All reactions