Giter VIP home page Giter VIP logo

colorhighlight-for-typecho's Introduction

ColorHighlight-for-typecho

typecho代码高亮插件,支持显示行号,代码复制,需要Jq https://www.xcnte.com/archives/377/

基于 Highlight的代码语法高亮插件 for Typecho,可显示语言类型、行号,有复制代码到剪切板功能

github开源地址:https://github.com/Xcnte/ColorHighlight-for-typecho

起始

本插件是基于 Highlight 插件,改自泽泽( https://qqdie.com/archives/typecho-highlightjs-plugin.html )

在原有的功能上新增复制功能,Mac风格代码高亮,代码块窗口化

(请勿与其它同类插件同时启用,以免互相影响)

使用方法

第 1 步:下载本插件,解压,放到 usr/plugins/ 目录中;

第 2 步:文件夹名改为 ColorHighlight

第 3 步:登录管理后台,激活插件;

第 4 步:设置:选择主题风格,是否显示行号等。

代码写法

\```php
<?php echo 'hello jrotty!'; ?>
\```
删除上边代码中的\

高亮效果图

代码高亮.png

窗口化效果图

代码窗口化.png

2019-2-22

更改了样式显示效果,具体进入我的博客查看 博客地址在下方

重要说明

可设置项

1. 选择高亮主题风格 (官方提供的 92 种风格切换,本人自己添加了一种(Mac风格))

  • atom-one-dark.css
  • dark.css
  • default.css
  • github.css
  • customemin.css (默认选中,Mac风格(本人看着最顺眼))
  • pojoaque.css
  • tomorrow-night.css
  • vs2015.css
  • xcode.css

2. 是否在代码左侧显示行号 (默认开启)

在插件中不方便实现的设置项

本插件支持常见的一些语言高亮。您可以打开以下链接查看详情:

https://highlightjs.org/download/

与我联系

作者:Xcnte

如果有任何意见或发现任何BUG请联系我

博客:https://www.xcnte.com/archives/377/

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.