Git Product home page Git Product logo

mahiro's Introduction

Oolong

享受乌龙茶吧

介绍

Sagiri ,简洁可爱的 typecho 主题。 主题样式基于 hexo-theme-sagiri typecho-theme-sagiri 上修改与添加。

  • 轻量级,无 JQery,仅使用 Prism 作为代码高亮
  • 支持代码高亮,5 主题,支持主流代码,使用 Prism
  • 响应式,适用于移动端与桌面端,桌面端 > 移动端
  • 支持首页文章缩略图、随机图
  • 支持文章目录树、相关文章与数学公式渲染
  • 独立页面支持归档、分类、友链
  • 全站无刷新 miniPjax、图片懒加载支持
  • 国际化支持(i18N)
  • ~~node.js支持

预览

overview

主题使用

点击“Download ZIP”下载,解压后将文件夹改名(不改名 typecho 会报文件夹名过长的错误(500))为 Sagiri 后上传到 /usr/themes,并启用主题

如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效

相关设置

  • 缩略图

    • 文章缩略图为附件第一张图片 -> 文章内第一张图片。
    • 缩略图支持 Markdown 格式, HTML 格式以及附件形式, Markdown 格式为 ![图片描述](图片链接)
    • 如果想要自定义某篇文章的缩略图, 但是不想让该图片在文章中出现, 则可上传附件而不使用。
  • 首页文章概览默认最大输出 100 个字符, 可手动添加截断符 <!-- more --> 控制输出。

  • 如何创建归档 & 搜索 & 分类

    • 归档 : 新建独立页面 -> 选择模板 -> page-archive -> 设置 url 为 archive -> 高级选项 -> 隐藏
    • 搜索 :
      新建独立页面 -> 选择模板 -> page-search -> 设置 url 为 search -> 高级选项 -> 隐藏
    • 分类 : 新建独立页面 -> 选择模板 -> page-categories-> 设置 url 为 categorie -> 高级选项 -> 隐藏

头部个性化标徽

独立页面文字需为:

  • Home <-> 主页
  • Comments <-> 留言
  • About <-> 关于
  • Link <-> 友链 暂定以上四个

图片懒加载

// 写法
![宽::高::描述](图片地址)

//例如
![300::100::这是一只歪脖子鸟??.jpg](http://localhost/typecho/usr/themes/typecho-theme-sagiri/img/author.jpg)

友情链接

- ![头像描述](头像链接)[链接描述](链接)<hr> 一个有趣的站点
- [链接描述](链接) <hr> 另一个有趣的站点
- [链接描述](链接)

备份

由于浏览量是新增字段故迁移时需要新建一个字段

-- mysql
ALTER TABLE `typecho_contents` ADD `views` INT(10) NULL DEFAULT '0' AFTER `parent`;

Author

Arcldus

许可证

Open sourced under the GPL V3.0 license. 根据 GPL V3.0 许可证开源。

mahiro's People

Contributors

ohyhello avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.