你好,
网站首页的文章内容预览可以自定义设置吗?bitcron自动生成的预览文本较多,很多时候不能匹配需求。
网站地址为:www.aibizweek.com
截图如下
谢谢
@谢 晨杰, 这题我会!可以通过自定义模板来解决~先在Bitcron主题页面(自己的主节点里点主题/APP,然后每个主题都有一个克隆按钮)克隆自己的模板,然后会出现一个template文件夹
template文件夹里会有一个index.jade(或者index+balabala+balabala.jade)的文件,点开它,找到类似
.post-excerpt
p=post.content.limit(300)
这样的句子,limit后面的数字就是文章预览的字数啦~想改短一点就改小一点
不过我看博主每篇文章都写导言,应该是只想把导言展示出来吧……那可以这样,在index.jade里面,把上面那段代码改成
if post.metadata.preface
p= post.metadata.preface
else
p=post.content.limit(100)
保存,然后写文章的时候在meta声明里加一个preface就可以了~
也就是在需要显示导言文章里:
---
date: xxxx-xx-xx
tags: xxx xxx xxx
title: This is title
status: public
preface: 这里把自己的导言复制粘贴进去就好啦
啊,缩进被吃掉了【。
[比“.post-excerpt”这一行多两个空格]if post.metadata.preface
[比“.post-excerpt”这一行多四个空格]p= post.metadata.preface
[比“.post-excerpt”这一行多两个空格]else
[比“.post-excerpt”这一行多四个空格]p=post.content.limit(100)
……大概就是这样
@矩阵良 虽然不懂,但是很感谢。我去试试
@矩阵良 已经改掉,非常感谢~
如果方便的话,我想请问下你,如何在问题中的预览里添加预览图呢?
@Xiechenjie 在.post-excerpt上方插入
[前面的空格跟.post-excerpt一行一致]if post.metadata.prepic
[空格比if post.metadata.prepic多两个]img.prepic(src=post.metadata.prepic, alt="preface")
在Template文件夹里找到Style.scss文件,在文件尾加上:
img.prepic {
[四个空格]max-width: 100%;
[四个空格]margin: 0 auto;
}
然后文档里写
prepic: 图片地址
就可以啦
给大神跪了,我该怎么谢谢你 哈哈
@矩阵良 给大神跪了,我该怎么谢谢你 哈哈
@Xiechenjie 不客气!解决就好XD
@矩阵良 Thanks~ :)
@谢 晨杰, 网站的 dashboard 内可以设定作者的名字,这样就不会默认显示 Author 了。 :)
@谢 晨杰, 这题我会!可以通过自定义模板来解决~先在Bitcron主题页面(自己的主节点里点主题/APP,然后每个主题都有一个克隆按钮)克隆自己的模板,然后会出现一个template文件夹
template文件夹里会有一个index.jade(或者index+balabala+balabala.jade)的文件,点开它,找到类似
.post-excerpt
p=post.content.limit(300)
这样的句子,limit后面的数字就是文章预览的字数啦~想改短一点就改小一点
不过我看博主每篇文章都写导言,应该是只想把导言展示出来吧……那可以这样,在index.jade里面,把上面那段代码改成
.post-excerpt
if post.metadata.preface
p= post.metadata.preface
else
p=post.content.limit(100)
保存,然后写文章的时候在meta声明里加一个preface就可以了~
也就是在需要显示导言文章里:
---
date: xxxx-xx-xx
tags: xxx xxx xxx
title: This is title
status: public
preface: 这里把自己的导言复制粘贴进去就好啦
---
啊,缩进被吃掉了【。
.post-excerpt
[比“.post-excerpt”这一行多两个空格]if post.metadata.preface
[比“.post-excerpt”这一行多四个空格]p= post.metadata.preface
[比“.post-excerpt”这一行多两个空格]else
[比“.post-excerpt”这一行多四个空格]p=post.content.limit(100)
……大概就是这样
@矩阵良 虽然不懂,但是很感谢。我去试试
@矩阵良 已经改掉,非常感谢~
如果方便的话,我想请问下你,如何在问题中的预览里添加预览图呢?
@Xiechenjie 在.post-excerpt上方插入
[前面的空格跟.post-excerpt一行一致]if post.metadata.prepic
[空格比if post.metadata.prepic多两个]img.prepic(src=post.metadata.prepic, alt="preface")
在Template文件夹里找到Style.scss文件,在文件尾加上:
img.prepic {
[四个空格]max-width: 100%;
[四个空格]margin: 0 auto;
}
然后文档里写
---
date: xxxx-xx-xx
tags: xxx xxx xxx
title: This is title
status: public
preface: 这里把自己的导言复制粘贴进去就好啦
prepic: 图片地址
---
就可以啦
给大神跪了,我该怎么谢谢你 哈哈
@矩阵良 给大神跪了,我该怎么谢谢你 哈哈
@Xiechenjie 不客气!解决就好XD
@矩阵良 Thanks~ :)
@谢 晨杰, 网站的 dashboard 内可以设定作者的名字,这样就不会默认显示 Author 了。 :)