Skip to content

Home

Jump to bottom
阔落 edited this page Mar 31, 2019 · 8 revisions

你好

欢迎来到Mark WIKI，主题的大部分问题都能通过我来解决。

使用

  1. Star本项目。
  2. Clone或者Download本项目（不过我建议到Release页面下载）
  3. 将主题目录名改为Mark
  4. 将主题文件夹放入/usr/themes/
  5. 将主题目录下的plugins中的Links插件放入/usr/themes
  6. 启用主题和插件。
  7. 根据之后的文档来配置主题

更新

有两种方法：

  • 直接用新版本覆盖旧版本，途中不要禁用主题
  • 直接删除旧版本主题文件，然后将新版主题命名为Mark后放入/usr/themes，途中不要禁用主题

配置

一些可以通过设置标题来理解的设置，在这里不做解释

LOGO图标

这里不是图片LOGO，而是使用Font-awesome或者Bootstrap内置图标的class名，给导航栏上的站点名称加上一个图标。 class名请参考这些：Font-Awesome | Glyphicons

在其他地方也能这样调用这些图标。

<!-- example -->
<i class="glyphicon glyphicon-star"></i>
<i class="fa fa-heart"></i>

首页公告

显示在文章列表之前的公告：

默认头图

此设置已在2.1.5版本中被删除，不填写缩略图则不显示缩略图。

填入图片url，这里显示在文章页面内顶部。 通常头图是调用文章缩略图，但没有缩略图时会调用这里的，并不会显示在首页。

自定义社交按钮

在未来的2.2.0中，你将可以使用更加方便的方式来书写社交按钮

按一下格式书写

<!-- 这里用到了之前讲到的图标 -->
<li><a href="https://url.com"><i class="fa fa-github"></i></a></li>
<li><a href="https://url.com"><i class="fa fa-github"></i></a></li>

<!-- 不理解可以拆开来看 -->
<li>
  <a href="https://url.com">
    <i class="fa fa-github"></i>
  </a>
</li>

自定义侧边栏

不需要就不用填写

这样书写，构造一个侧边栏面板

<div class="item aside">
</div>

每个面板之间要用<br />隔开，所以在书写第一个面板前也要加上<br />。

<br />

<div class="item aside">
</div>

<br />
<div class="item aside">
</div>

这样可以给面板加上一个标题。

<div class="item aside">
  <h4><i class="fa fa-bookmark"></i> 便捷分类</h4>
  <hr />
  <!-- 内容 -->
</div>

在面板内构造列表组。

<div class="item aside">
  <h4><i class="fa fa-bookmark"></i> 便捷分类</h4>
  <hr />
  <ul class="list-group">
    <li>第一项</li>
    <li>第二项</li>
  </ul>
</div>

Pjax

pjax目前还在测试中，默认关闭，在设置中可以选择启用。 pjax重载函数一般可以不用填写，如果你不了解的话。

友情链接

预计在未来版本中，将可以在文章或其他页面内用特定的语法书写友链。

页内友链

  1. 开启Links插件后，进入后台->管理->友情链接，添加友链。
  2. 创建一个独立页面，页面模板选择友情链接

全站友链

将友情链接的分类改为index，自动输出在侧边栏。

文章内置短代码

Scode

这样，在文章内插入一个段代码框框。

[scode]我是普通的短代码框[/scode]
[scode type="red"]我是红色的短代码框[/scode]
[scode type="lblue"]我是蓝色的短代码框[/scode]
[scode type="yellow"]我是黄色的短代码框[/scode]
[scode type="green"]我是绿色的短代码框[/scode]

Stext

一些不重要却很长很长的内容，你可以使用stext.

[stext]我是不怎么重要却很长的内容[/stext]

这样会给这段内容框上一个容器，让这段文本最多只能显示150px的高度，若要显示更多，需要手动拖动右侧的滚动条。

Font

font是为了方便文字排版而出现的，他能做到Typecho自带的markdown语法做不到的事

[font color="red"]我是一段红色的文本[/font]
[font bg="red"]我是一段背景色为红色的文本[/font]
[font size="30px"]我是一段30px大小的文本[/font]
[font style="color:red;background:yellow"]我是一段具有style特性的文本，style内使用的是css代码[/font]

注：font的这些属性并不能写在同一个[font]中。

Panel

你可使用[panel]来构建一个面板。

[panel]面板内容[/panel]
[panel title="标题"]我是有标题的面板[/panel]

Well

使用[well]来构建一个嵌入块。

[well]嵌入内容[/well]

Button

你可以使用[btn]在文章中插入按钮。

[btn url="跳转链接" type="类型" ico="图标"]我是一个按钮[/btn]
  • 其中url填写的是按钮跳转的链接，会在新窗口打开。
  • type的参数有一下内容：
    • default
    • primary
    • success
    • info
    • warning
    • danger
  • ico中填写的是图标的class名，前面提到过，参考Font-awesome和Glyphicons。

按钮拓展

这里拓展的是按钮type中的参数。 首先第一位必须写类型名（default primary success info warning danger），然后打上空格，任意书写一下内容：

  • 尺寸（分别是：大、小、超小）
    • btn-lg
    • btn-sm
    • btn-xs
  • 激活（让按钮呈现出被按下的样子）
    • active
  • 禁用（让按钮无法被点击）
    • disabled

这些参数都可以被写进type里，不过需要用空格隔开。

列表组

用[lg]和markdown语法书写列表组。

[lg]
- 列表项
- 列表项
- 列表项
[/lg]

Clone this wiki locally