Hexo博客首页自动添加Read More标记-不在首页显示全部文章全部内容

Myth丶恋晨 2022-05-30 10:42 173阅读 0赞

[原文来自][Link 1]

*  背景
 *  解决过程
    
     *  原文代码
     *  处理方法
 *  注意

# 背景 #

hexo 在写作的时候，如果在文中添加(

# 解决过程 #

在 hexo 的 github 上看到有人说是跟主题有关，费死八难找到了代码的关键部分：

> 文件/themes/\[主题名\]/layout/\_partial/article.ejs其中有一段为：

## 原文代码 ##

无论是哪个主题，都有这个文件，请寻找以<div class="article-entry" ……为开始，往下找第一个 </div>结束的部分，此处就涉及到文章开头所阐述的问题 <div class="article-entry" itemprop="articleBody"> <% if (post.excerpt && index) { %> <%- post.excerpt %> <% if (theme.excerpt_link) { %> <p class="article-more-link"> <a href="<%- config.root %><%- post.path %>#more"><%= theme.excerpt_link %></a> </p> <% } %> <% } else { %> <%- post.content %> <% } %> </div>

从代码上看，post.excerpt 就是加了 more 标记之后的文章摘要，如果 post.excerpt 存在且在首页的话，则显示文章的摘要和「Read More」按钮。当不符合上述条件（post.excerpt 存在且在首页），就显示整个文章的内容 post.content。

因为需要的是在文章里没有 more 标记时自动添加标记，所以需要改动的代码是要放在 else 后面的。我打算在文章没有 more 标记的时候，截取文章的前两段作为摘要，如果文章少于两段，则直接显示整篇文章内容。

## 处理方法 ##

应该的逻辑代码大概是这样：

var count = 0
    var content = post.content
    while(count < 4) {
      content = content.replace('\n','x')
    }
    var br = content.indexOf('\n') // 第一个换行符所在的位置
    if (br == -1 || !index) {
       // 如果不存在第一个换行符或者不在首页
      post.content // 显示整篇文章
    } else {
      post.content.substring(0,br) // 截取到第二个换行符的位置
     // 显示「Read More」按钮
    }

根据上述思路，修改后的代码为：

如果需要截取 N 个段落，则可以使用 replace 替换 content 里 N-1 次\\n然后使用 indexOf 即可。但是发现如果所要截取的部分有一半处于代码片段的话，就会很惨不忍睹。所以建议使用这种方法自动截取摘要的话，尽量为自己博客有代码的文章手动截取摘要。

# 注意 #

** 注意一定要是在<div class="article-entry" ……为开始，往下找第一个
    </div>结束的部分 **

[Link 1]: https://itguangzhi.github.io/2018/03/10/Hexo%20%E5%8D%9A%E5%AE%A2%E9%A6%96%E9%A1%B5%E8%87%AA%E5%8A%A8%E6%B7%BB%E5%8A%A0Read%20More%E6%A0%87%E8%AE%B0/