LightWhite icon indicating copy to clipboard operation
LightWhite copied to clipboard

一个Typecho单栏主题

LightWhite

一个Typecho单栏主题

这个主题叫做LightWhite,还在继续完善中,如果喜欢请Star+Watch获取更新。(更新日志在最后)

目前还有一些小组件待加入,希望有大佬移植到WordPress/Hexo上让更多人能用到

预览站点:https://qwq.moe/

主题特点

  • 响应式单栏主题 反正响应式现在已经是标配了吧
  • 预览图 GitHub版本暂未更新 后面会跟着音乐组件一起加
  • pjax 标配,不多BB
  • 代码高亮 还是标配...唉都是标配我写出来干嘛(凑字数
  • 友链样式模板 反正我觉得做的还是可以的,用法直接参考 https://qwq.moe/links.html 的HTML结构就行
  • ajax加载继续阅读 少女折寿中...可以让访客无需离开文章列表页就读完文章,也可以评论,我觉得挺方便
  • 说说 适合发表一些短文字,反正就跟空间/微博一样用呗

使用说明

  • 修改博客已运行时间 请到o.js:4把1419043380000改为你开始时间的毫秒数 http://tool.chinaz.com/Tools/unixtime.aspx 记得选毫秒

  • 请到img目录中修改你希望修改的顶部图片,按我原来的比例,分辨率建议不低于原图

  • 说说使用方法:创建一个新分类名称为“说说”,然后把文章添加到该分类中即可,模板会自动识别

  • 友链有单独样式

    <div class="friends">
      <a class="a-friend" target="_blank" style="background-color:背景颜色;color:前景颜色" href="博客链接">
        <img class="blog-avatar" src="博客头像地址" />
        <div class="text-container">
          <div class="name">博客名字</div>
          <div class="description">博客描述</div></div>
      </a>
      <!-- 在此区域内重复上面的即可 -->
    </div>
    

自定义字段说明

字段名 字段值 输入示例 备注
previewImage 文章封面预览图的地址 http://xxx.xxx/a.jpg
icon         MDI图标类名         mdi-xxxx             仅适用于独立页面 参考 https://cdn.materialdesignicons.com/2.0.46/

以上自定义字段在v1.3版本中会自动显示在编辑/撰写文章页面中,按页面说明填写即可,上表仅供参考

注意事项

  • 请到js/o.js中修改或删除我的百度统计代码,并建议修改footer.php中的部分内容(我是说Powered By xxx那些 愿意支持我的请不要删掉版权)
  • 请到 设置-评论 中关闭[检查评论来源页URL]和[开启反垃圾保护] 否则首页的继续阅读无法正常评论
  • APlayer虽然引用了但是样式还没写好所以注释掉了 别盲目去除注释,不然很丑...到时候写好了会更新

引用和感谢

  • Pjax https://github.com/MoOx/pjax 非常强大的Pjax组件,无依赖,自动识别更改
  • highlight.js https://highlightjs.org/ 代码高亮,大家都懂,主题用的是vs2015
  • Animate.css https://daneden.github.io/animate.css/ 又是一个人尽皆知的css,挺好用的,虽然只用到了一个效果,后面release了主题会考虑压缩一下
  • Material Design Icons https://materialdesignicons.com/ 用MDI图标的感觉,比用官方好多了!用了MDI个个都好看,数量又多,我超喜欢用MDI的!

真·更新日志

v1.3.1

  • 修复了可能存在的说说日期问题
  • 稍微修改了说说样式(分割线)

v1.3

  • 添加发表「说说」功能
  • 基本支持加密文章功能
  • 修复FireFox兼容(FF57测试通过),感谢胖次群的各位
  • 添加撰写新文章/修改文章时统计字数功能
  • 修复了评论的一些bug
  • 各种细节优化,CSS超过1000行了!

v1.2

  • 减轻了特效强度
  • 更好的封面预览图
  • 自定义字段设置现在可以自动显示在编辑/撰写文章页面中,无需手动输入
  • 添加了基本的分类目录查看
  • 修复pjax和浮动导航栏的一些bug
  • 修复了在首页展开评论时,无法回复别人的bug

v1.1

  • 文章/评论ajax加载,页面pjax加载
  • 添加了许多图标
  • 添加浮动导航栏

v1.0

  • 正式出炉,GitHub首次提交