× 1,168字 × 526阅

Bitcron 主题「你好呀」

虽然之前写过 FarBox 的主题,但我毕竟是业余水平,所以折腾这个 Bitcron 还是投入产出比很低。即便如此,能硬磕出来一个主题是一个主题,也算是走出舒适区。最近有空,于是把这个主题整理出来。

简介

Bitcron 主题「你好呀」
「你好呀」是一个简洁的 Bitcron 主题

我将它命名为「你好呀」是因为,一来我算比较早接触 Bitcron;二来这是我的第一个 Bitcron 主题。英文名简单粗暴叫 Hello,大有 Hello world 的“深刻”含义。

由于我的审美作祟和技术硬伤,这个主题定位简洁。因为阉割了部分功能——比如没有分类和标签页面——所以也许不适合需求太复杂的网站。初始网站地图如下所示。

|-- 首页 / (+最新文章 +分类目录)
    |-- 归档 /archive (所有文章)
    |-- 订阅 /feed
    |-- 404 /404 (找不到该页面)

配色方面用的是最简单的黑白灰,point colour 是红色。评论部分也做了相应调整,欢迎测试。

在线预览

demo.shuiba.co

安装配置

GitHub 下载对应 template 文件夹,解压后放入根目录中。正确形式应为 根目录/template/index.jade

基本

  • 标题:Dashboard → Site。大标题对应 Title;小标题对应 Sub Title。
  • 菜单:Dashboard → Navigation。
  • 关于页面:新建文件名为 about.md,放在根目录下。
  • 网站 logo:Dashboard → Images。favicon 对应 Site Favicon [.ico];网站头像对应 Site Avatar。
  • 评论区头像:Dashboard → Images。网站管理员头像对应 Admin Avatar;评论者头像对应 Visitor Avatar。另外关于在其他 Bitcron 网站中留言时显示的头像,需要在 bitcron.com → Account → Setup 中设置。
  • 评论区使用 Gravatar 头像:Dashboard → Render → Use Gravatar for Visitors: Yes。
  • 评论邮件通知:bitcron.com → Bicron Mail,新建邮箱后关联相应网站。
  • 显示分类描述:在文件夹内新建名为index.md的文档,在里面填写描述。

进阶

  • 最新文章数:index.jade 第29行 posts.get_recent(10)
  • 归档页面显示文章数:archive.jade 第12行 limit=30
  • 各分类页面显示文章数:category.jade 第7行 +posts.set_min_per_page(30)
  • 搜索页面显示文章数:result.jade 第12行 limit=30
  • point colour:style.scss 第2行 $pcolour: #ff0000;
  • 图片样式:使用以下代码插入图片则拥有100%宽度。更多请参考「模板测试文本 Markdown」
<figure>
    <img src="图片地址" alt="对应文字说明" />
    <figcaption>描述</figcaption>
</figure>

推荐

  • 显示文章目录:Dashboard → Common → Show TOC: Yes。如果文章有多级标题,可以自动生成目录。
  • 优化文章 URL:Dashboard → Common → Hide Post Prefix URL。选 Yes 则 domain.com/title;选 No 则 domain.com/post/title
  • 开启 SSL:Dashboard → Render → Force SSL: Yes。
  • 评论嵌套:Dashboard → Render → Comments Type: Tree。
  • 设置管理者名字:Dashboard → Advanced → Admin Name。如果网站名称和管理者名字不同,填写此项有助于在 RSS 订阅器中有较好的呈现。比如 Feedly 中会显示 网站名 / by 管理者名 / 时间
  • 图片防盗链:Dashboard → Advanced → Anti Hotlinking: Yes。

付费购买

主题「你好呀」的定价为¥0,即免费。购买前请先确认版权声明,如果购买则默认同意此声明。

支付宝二维码
支付宝二维码

这是我的第一个Bitcron主题,最初免费分享,后来改为¥50,现在想想还是维持最初的决定吧。欢迎大家使用并留言或发邮件反馈,即使是主题之外的其他问题,只要在我能力范围内,我都会尽力解答。

更新日志

  • 2017-06-09
    • 发布主题
  • 2017-06-11
    • 首页增加自定义链接模块。示例:友情链接
  • 2017-07-10
    • 修改角标样式
    • 修改“返回页首”按钮样式
    • 修改评论框样式
  • 2017-07-12
    • 修改评论嵌套样式
  • 2017-12-15
    • 修改菜单为顶部对齐,以改善文字数不同的排版样式
    • 修正菜单边框样式

更多主题

Bitcron 主题

注:由于 Bitcron 仍在不断成长中,以下代码不能保证时效性,更新以官方 API 为准。 网站文章数 d.get_data(types='post', return_count=true, with_page=false) 示例: span= '本博客共有%s篇文章' %(d.get_data(types='post', return_count=true, with_page=false)) 搜索文章数 d.get_data(types='post', keywords=request.args.s, return_count=true, with_page=false) 示例: span= '共搜索到%s篇文章' %(d.get_data(types='post', keywords=request.args.s, return_count=true, with_page=false)) 文章浏览数 post.visits or 0 示例: span= '%s次阅读' %(post.visits or 0) 文章评论数 post.comments_count or 0 示例: span= '%s条评论' %(post.comments_count or 0) 带链接示例: a(href='{{post.url}}#comments')= '%s条评论' %(post.comments_count or 0) 分类数 d.get_data(types='folder', return_count=true, level=1, min_posts_count=1, render=true) 示例: span= '本博客共有%s个分类' %(d.get_data(types='folder', return_count=true, level=1, min_posts_count=1, render=true)) 标签数 site.tags.length 示例: span= '本博客共有%s个标签' %site.tags.length 各分类下的文章数 全部 for category in posts.categories a(href=category.url)= category.title category.posts_count 示例: ul: for category in posts.categories: li a(href=category.url)= category.title span= '%s篇' %category.posts_count 单项 // 在各分类页面,根据当前URL判定分类 posts.category.posts_count // 在文章内页,根据当前文件所在的文件夹判定分类 post.category.posts_count // 在文章内页,用get_data自......
点击加载Disqus评论