Skip to content

A Typecho Theme. 一款 Typecho 主题。专为博客类网站开发,响应式设计,在移动端也有不错体验。主要使用白、灰、黑三种配色,整体简洁、精致、美观。

License

Notifications You must be signed in to change notification settings

woodchen-ink/Jasmine

 
 

Repository files navigation

自定义修改

  1. 热门文章改为根据浏览量排序
  2. 自定义添加代码,改为head和foot处,并且可以自定义标签,不局限于css和js
  3. lang="zh-cmn-Hans"
  4. 归档页面,父分类和子分类做区分显示,https://woodchen.ink/archive.html
  5. 侧边栏增加自定义内容的markdown模块、自定义内容的html模块
  6. 添加无时间的页面模板,用于侧栏展示的页面
  7. 友链页面删除'创建时间'显示
  8. 添加留言页面模板
  9. 字体增加更多格式
  10. 增加windows平台打包工具,点击make_release.bat即可打包
  11. 添加了两个插件,在Plugins目录,需要自己安装,插件文档在最下方,如果不用评论插件,需要在comments.phpcomments-note.php中注释相关代码,具体为<!-- 评论验证 -->下面的一行

如果觉得好用,可以请我喝杯咖啡

IMG_1768.png

Jasmine

一款 Typecho 博客类主题,采用响应式设计,整体简洁、精致、美观。

项目说明

Jasmine 是 Typecho 的一款主题。专为博客类网站开发,在简洁的基础之上,尽量体现出精致与美观。主题整体采用响应式设计,在移动端也有不错体验。除此之外,主题也针对 SEO 、夜间模式、代码高亮等内容也进行了针对性优化,使其简洁但不简陋。

如果觉得主题还不错,请帮忙点个 star 。

您的 star 是这个项目维护下去的坚实动力。

欢迎进群交流主题、Typecho 等相关问题。 QQ 群:539165194

演示地址:南巷清风

主题图片

主题包括但不限于以下亮点(等你发现):

  • 响应式设计
  • 针对 SEO 优化
  • 支持切换夜间模式
  • 无刷新跳转页面
  • 说说功能
  • 支持置顶文章显示
  • 文章阅读量显示
  • 支持评论 QQ 头像显示
  • 支持代码高亮
  • 支持随机文章跳转
  • 支持文章缩略图设置
  • 支持外观设置备份
  • 主题更新检测
  • ……

主题下载

jasmine.zip

主题文档

Github | Gitee(国内)

开发文档

开发之前

需要提前安装 Node.js ,然后依次执行下面命令:

安装 pnpm

npm install -g pnpm

安装依赖

pnpm install

开发主题

主题代码中不包含样式代码,运行下面命令,用于开发时监听文件变动,生成样式文件。

使用 Tailwind CSS 样式框架

pnpm run dev

开发之后

格式化代码

pnpm run lint
pnpm run prettier

构建主题

pnpm run build

打包主题

运行下面命令后,将在代码根目录生成 jasmine.zip 文件

bash release

许可协议

  • Jasmine 主题使用 GPL V3.0 协议开源。

  • 您必需遵守 GPL V3.0 协议进行二次开发或移植主题,以及声明原主题名称及其链接。

  • 您可以删除页脚的作者信息。

  • 您必须在页脚保留 Jasmine 主题的名称及其链接。


插件文档

Typecho plugins

目录

使用

CaptchaPlus

Update 2023-01-22

添加 Cloudflare Turnstile 验证工具支持。


Typecho 版本:>= 1.2.0

  1. 注册 hCaptcha 或者 Cloudflare 账号,在 Sites 菜单栏里点击 New Site 添加一个网站获取 Site Key,点击你的头像 - Settings 获取 Secret Key

  2. 下载插件,文件夹命名为 CaptchaPlus 上传到 Typecho 网站目录 /usr/plugins/ 路径下;

  3. 进入网站后台-控制台-插件,找到 CaptchaPlus 点击启用并设置。

  4. 打开 /usr/themes/ 你的主题目录下 comments.php 文件,在提交按钮前面/后面插入下面代码:

<?php if (array_key_exists('CaptchaPlus', Typecho_Plugin::export()['activated'])) : CaptchaPlus_Plugin::output(); endif; ?>
  1. 如果提交评论失败,可能是开启了评论反垃圾保护导致,在网站后台-设置-评论里关闭,或者在主题目录下的 functions.php 文件中找到 function themeInit() 函数,里面添加:
$options = Helper::options();
$options -> commentsAntiSpam = false;

我的博客中查看更详细的介绍。

Thanks

Parsedown

Typecho 版本:>= 1.2.0

将 Typecho 默认的 Markdown 解析器 Hyperdown 替换为 Parsedown

  1. 下载插件,文件夹命名为 Parsedown 上传到 Typecho 网站目录 /usr/plugins/ 路径下;

  2. 进入网站后台-控制台-插件,找到 Parsedown 点击启用即可,默认会替换文章和评论内容的解析。

About

A Typecho Theme. 一款 Typecho 主题。专为博客类网站开发,响应式设计,在移动端也有不错体验。主要使用白、灰、黑三种配色,整体简洁、精致、美观。

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • PHP 68.4%
  • CSS 27.6%
  • JavaScript 2.1%
  • TypeScript 1.4%
  • Other 0.5%