当前位置: 首页 > 软件库 > Web应用开发 > >

jekyll-style-guide

授权协议 CC0-1.0 License
开发语言 JavaScript
所属分类 Web应用开发
软件类型 开源软件
地区 不详
投 递 者 姬锐
操作系统 未知
开源组织
适用人群 未知
 软件概览

Jekyll style guide

Introduction

What is this thing?

An opinionated guide to common Jekyll design patterns and anti-patterns.

Why write this?

Jekyll's incredibly flexible, but in some instances, the lack of common conventions make things harder for users.

For one, there are many common design patterns that are still relatively unknown to new users (e.g., using permalink: /about/ in about.md, rather than creating /about/index.md).

For another, when writing a plugin or theme intended to be used across sites, should it look for site.title or site.name? site.description or site.tagline? Moar options, moar problems.

This style guide aims to make it easier to create awesome Jekyll sites by codifying and surfacing Jekyll best practices.

Current status

This document is an early draft intended to collect feedback. Once a 1.0 is reached, it'd be cool to create a Jekyll site to display the rules and/or a Jekyll linter to enforce site-wide styles.

  • 获取rouge支持的风格 执行如下命令: rougify help style 输出结果: usage: rougify style [<theme-name>] [<options>] Print CSS styles for the given theme. Extra options are passed to the theme. Theme defaults to thankfu

  • HTML style guide Semantic elements Semantic elements are HTML tags that give semantic (rather than presentational) meaning to the data they contain. For example: Prefer using semantic tags, but only i

  • 不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的 命名规则 项目命名 全部采用 小写 方式,以 下划线 分隔 例:my_project_name 目录命名 参照项目命名规则 有复数结构时,采用复数命名法 例如: scripts、styles、images、data_modals JS文件命名 参照项目命名规则 例: lk-utils.js CSS,SCSS文件命名 参照项目命

  • title: “Writing Markdown Blogging Guide” date: 2021-01-12T10:42:25+08:00 draft: true tags: [‘markdown’] author: “dadigang” author_cn: “大地缸” personal: “http://www.real007.cn” 关于作者 http://www.real007.cn

 相关资料
  • Key principle Highlight.js themes are language agnostic. Instead of trying to make a rich set of highlightable classes look good in a handful of languages we have a limited set of classes that work fo

  • 标签用于进行影响其内容呈现的样式更改。 语法 (Syntax) 以下是使用此标记的简单语法 - <mstyle> expression </mstyle> 参数 (Parameters) 以下是此标记的所有参数的说明 - expression - 推断的mrow元素。 属性 (Attributes) 以下是此标记的所有属性的说明 - scriptlevel - 为子项指定scriptlevel。

  • 应用程序样式是指用户调整组件的外观。 这些调整可能包括:颜色,颜色渐变,字体,边距/填充等.Ext JS 6有一种新的应用程序样式。 它使用SCSS进行样式设计。 SCSS是一种更动态的CSS代码编写方式。 我们可以借助于此函数在样式表中编写变量。 但是,浏览器无法理解SCSS。 它只能理解CSS,因此所有SCSS文件都应该编译成CSS到生产就绪代码。 因此,SCSS文件称为预处理器文件。 在Ex

  • 该协议 v1.15.11 及以上版本才支持 设置Network列表行样式: pattern style://color=@fff&fontStyle=italic&bgColor=red pattern参见匹配模式,更多模式请参考配置方式;style可以设置: color: 字体颜色,跟css的color属性一致,但由于 # 为whistle但注释符号,这里可以用 @ 代替 fontStyle:

  • ⚠️ NOTE: This project has been deprecated in favour of Braid Design System. seek-style-guide Living style guide for SEEK, powered by React, webpack, CSS Modules and Less. If you're creating a new proj

  • Deprecated Angular 2 Style Guide Official style guide Together with the Angular core team and John Papa, we're working on an official style guide which incorporates all the best practices from: Practi