hexo-theme-hiero icon indicating copy to clipboard operation
hexo-theme-hiero copied to clipboard

一个问题:文章摘要可以限制字数吗?

Open kulley opened this issue 9 years ago • 13 comments

这个theme中,在md文件中写 <!-- more --> 貌似没用,是自动截取的吗?可以调整截取字符数吗?

kulley avatar Mar 12 '17 03:03 kulley

Hi, @kulley 这个主题的首页字数是固定的200字(无大图的时候是350字),是因为如果根据大家自己定义的话布局可能会很丑,所以没开放出一个配置项。不过你可以根据自己的情况改改。

你看下 layout/_partial/article.ejs 第19行左右, 有以下代码

    <% if (post.photos != ""){ %>
          <div class="entry-thumbnail">
            <a href="<%- url_for(post.path) %>"><img width="250" height="175" src="<%= post.photos[0] %>" class="attachment-thumb-featured size-thumb-featured wp-post-image" alt=""></a>
          </div>
          <div class="entry-summary">
          <%- truncate(strip_html(post.content), {length: 200, omission: '...'}) %>   <!-- 注意这里 -->

        <% } else { %>

          <% if (theme.random_thumb){ %>
            <div class="entry-thumbnail">
              <a href="<%- url_for(post.path) %>"><img width="250" height="175" src="http://lorempixel.com/500/350/city/<%- Math.ceil(Math.random() * 10) %>" class="attachment-thumb-featured size-thumb-featured wp-post-image" alt=""></a>
            </div>
            <div class="entry-summary">
            <%- truncate(strip_html(post.content), {length: 200, omission: '...'}) %>   <!-- 注意这里 -->
          <% } else { %>
            <div class="entry-summary" style="margin-left:0;">
            <%- truncate(strip_html(post.content), {length: 350, omission: '...'}) %>   <!-- 注意这里 -->
          <% } %>

        <% } %>

然后把上面这段标记的 <!-- 注意这里 --> 三行代码,均换成下面这行代码就行了,你试试吧

<%- strip_html(post.excerpt) %>

iTimeTraveler avatar Mar 15 '17 05:03 iTimeTraveler

@iTimeTraveler 另外还有一个问题,不清楚什么原因,我添加 about大图的时候,hexo s 本地预览是正常的,但是部署之后发现每个页面都添加了大图。经过检查 public 文件中 index.html 中也含有pose.png 这段代码。然后检查到这段代码在 header-post.ejs 中,并没有修改,不清楚什么原因

kulley avatar Mar 15 '17 05:03 kulley

@kulley 这块是使用Hexo的api is_current("about", false)进行判断是不是关于页面,可能是跟这个函数判断不准确有关,你试着改改这块。这个函数不太好用。 实在不行你参考一下我的Demo站点源码 https://github.com/iTimeTraveler/hexo-theme-hiero/tree/site-source

iTimeTraveler avatar Mar 15 '17 05:03 iTimeTraveler

@iTimeTraveler 那最后一个问题,为什么本地预览的界面是正常的呢?难道读取的不是public的代码吗?还是我设置出问题了...

kulley avatar Mar 15 '17 06:03 kulley

这个我也遇到过,可能是你的url使得这个函数判断失效了,因为线上部署以后的url和本地的肯定不一样

iTimeTraveler avatar Mar 15 '17 06:03 iTimeTraveler

可是public中每个页面都是有这段图片代码的,这说明在生成的过程中就出错了... 我再看看

kulley avatar Mar 15 '17 06:03 kulley

这块确实不好用,这个函数也有点坑。。

iTimeTraveler avatar Mar 15 '17 06:03 iTimeTraveler

坐等大前端主题,最近发现 http://netlify.com/ ,支持从github push 过去静态站,还支持 ssl,也支持CDN,楼主可以试试

xiaomubiao avatar Mar 15 '17 10:03 xiaomubiao

@kulley @iTimeTraveler 大圖那個問題我也遇到了,發現跟is_current這個函數沒有關係,倒是path, url這幾個變數出了問題,不知道為什麼generate後的網頁,每一頁的path都是一樣的,都是 about/index.html ,並不會隨著頁面更改而更改,但hexo server的卻會跟著改。

附上版本號

"hexo": "^3.3.1",
"hexo-deployer-git": "^0.2.0",
"hexo-generator-archive": "^0.1.4",
"hexo-generator-category": "^0.1.3",
"hexo-generator-feed": "^1.2.0",
"hexo-generator-index": "^0.2.0",
"hexo-generator-json-content": "^3.0.1",
"hexo-generator-sitemap": "^1.1.2",
"hexo-generator-tag": "^0.2.0",
"hexo-renderer-ejs": "^0.2.0",
"hexo-renderer-marked": "^0.2.10",
"hexo-renderer-stylus": "^0.3.1",
"hexo-server": "^0.2.0"

JM00oo avatar Apr 16 '17 06:04 JM00oo

@iTimeTraveler 你好!我想请问一下,文章摘要的图片应该存放在哪里,怎么引用,我的文章图片暂时是使用CodeFalling/hexo-asset-image这个插件管理的,即在文章页面创建了一个同名的文件夹,吧图片放在里面,但是在文章上加photo: 字段,并不能很好的显示图片。所以想问下你是吧图片保存在哪里,摘要中如何引用。

MSK0379 avatar Jul 06 '17 12:07 MSK0379

@MSK0379 Hi,你可以看看我上面贴出来的Demo站点,可以看到很多图片都放在在source/gallery/文件夹下,然后Hexo生成文章之后,你会看到这个gallery文件夹出现在你的根目录下的public文件夹中,所以引用的地址直接就写成类似这样 /gallery/01.jpg

iTimeTraveler avatar Jul 07 '17 02:07 iTimeTraveler

@iTimeTraveler 好的!谢谢了,还有就是关于评论的问题。刚发现• 网易云跟帖也用不了了。我前几天试了友言。发现还行但是昨天我给我的博客绑定了独立域名,之后就不能评论了,一直报错。

MSK0379 avatar Jul 09 '17 05:07 MSK0379

@MSK0379 悲催,国内的评论系统怎么没一个稳定而且长寿的 :rofl: ,友言这个评论系统也不稳定,不久之前总是报错502Bad Gateway,后面好了但是又不支持https访问,心累。因为我这边没有独立域名,所以不好测试,看看他们有没有办法测试看看原因

iTimeTraveler avatar Jul 10 '17 06:07 iTimeTraveler