站点logo

因为更新了登录弹窗,所以站点header的logo要做两个版本的素材,一个是大屏使用的,一个小屏使用的,分别为:

images文件夹中的:

logo.png == 大屏使用的,分辨率200*50
logo_min.png == 小屏使用的,分辨率120*30

创建独立页面

独立页面就是主题的nav菜单的组成部分,依次有分类、归档、友链、关于四个独立的部分组成。

打开博客后台,启用Lazy_F主题后,管理 — 独立页面 — 新增

输入分类 — 右侧自定义模板选择categories — 标题下面的链接自定为categories.html — 页面顺序填1 — 分类创建完成。

其他的三个页面是也是这样,自定义链接的名称和自定义的模板名称一样即可,然后页面顺序依次是:归档2、友链3、关于4

友链格式

友链使用的表格,md风格书写方式:

| LOGO      | 站点名称    | 站点地址 | 介绍 |
| :---------: | :--------: | :-----: | :-----: |
| 这里通过编辑器插入图片| 木灵鱼儿| https://www.mulingyuer.com/ |   分享小众但是实用的资源|

每次增加只要复制下面这个:|图片地址|木灵鱼儿|https://xxxxx/|分享小众实用的资源|就行了,然后自己修改下内容。

表格文字对齐控制:

中间那一排有很多虚线,然后左右两个英文分号,表示居中,如果只有右边有分号,如:----: 这就表示文字右对齐,左对齐是默认的,删除分号就行,但是注意一下,我对这个表格做了css控制,所以你这样设置可能无效,但是文章页插入的表格我是没有控制的,为此可以自行测试。

申请友链:

在友链页面插入下面的是格式,然后自行修改内容。

###申请友链说明

要求:文章30篇以上,经常维护更新,二次元,三次元,博客,图片,技术等等都不限制

友链规格:申请时请提供你的网站LOGO、名称、链接、站点介绍信息哦!

关于页面

采用ajax+本地缓存,内容格式在config.json中!

abgender == 性别
abcat == 个人标签
abgeo == 地址
abemail == 邮件地址
abskill == 技能介绍
abintroduce == 个人介绍
abresearch == 博客时光轴

abskill 的格式为:

每个段落用';'英文分号分隔开来,如:这是我第一个技能;这是我第二个技能;最后一个技能不需要分号分隔

abintroduce 格式为:

使用'&'符号连接多个段落,如:大家好!我是渣渣辉!&是兄弟就和我一起xxxx

实际显示就会为:

<p>大家好!我是渣渣辉!</p>
<p>是兄弟就和我一起xxxx</p>

abresearch 的格式为:

日期&标题&内容;日期&标题&内容;日期&标题&内容

实际上就是前面两种的结合,每个li的内容用';'分号分隔,li里面的内容用'&'分隔开来。

站点图片

主题images文件夹中存放了各种使用的图片依次如下:

content-sm-bg文件夹 ==> 存放了文章随机图片,有需要可自行修改,命名一样就行,一共99张

expression文件夹 ==> 存放了表情图片

about.jpg ==> 博主头像

about-bg1 ==> 关于页面使用的展示图

banner-bg1 - banner-bg3==> 三张首页轮播图,可自行替换,命名一样即可

favicon.ico ==> 站点显示的ico图片,自行替换

load.gif ==> 预加载显示的load图,不建议修改

loading.gif ==> 预加载显示的load图,不建议修改

logo.png ==> logo图片,相同大小和命名即可,自行替换

share_qq - qqkj - wb - wx ==> 分享按钮图,不建议修改

very_sorry.png ==> 搜索用的图片,不建议修改

博主固定头像挂件

打开config.json文件,找到commentface,对应写好主题目录images/bgj目录下的图片序列号即可!

md书写

标题:

#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

其中二级标题是作为文章目录树的索引的,所以要想显示目录树,那么对于的标题使用二级标题的方式

有序列表和无序列表还是和原生差不太多,这里就不详细说明了。

引用:


> 整理知识,学习笔记
整理知识,学习笔记

链接和图片:

链接和图片博客上可以直接使用行内模式,我个人也推荐这样的书写方式,这样方便查看源内容,毕竟文章内容一多万一修改起来还要滚动到最下面修改,太过麻烦。

[链接](https://www.mulingyuer.com/)

链接

图片和链接的区别就是图片在[]前面有一个叹号

![图片说明文本alt](https://www.mulingyuer.com/usr/themes/Lazy_F/images/about.jpg)

图片说明文本alt

todo列表:

- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能
- [x] 修复 LaTex 公式渲染问题
- [x] 新增 LaTex 公式编号功能
  • 支持以 PDF 格式导出文稿
  • 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
  • 新增 Todo 列表功能
  • 修复 LaTex 公式渲染问题
  • 新增 LaTex 公式编号功能

其实实际上todo的勾选和未勾选可以用在任何地方,只需要在显示位置插入[ ]或者[x];即可,空的框里面是一个空格,代表未勾选,里面是x的,表示勾选。

代码高亮:

通过前后三个`符号关联,在第一串符号后面写好你的代码是什么类,比如html、css这些,都是小写,目前支持html+css+javascript+php+python,有其他需要可以联系我。

只有加了声明是什么代码的才会有代码高亮的。

六个符号

通过class的名称即可调用,分别为:

<i class="icon-share"></i> 发布:将当前的文稿生成固定链接,在网络上发布,分享
<i class="icon-file"></i> 新建:开始撰写一篇新的文稿
<i class="icon-trash"></i> 删除:删除当前的文稿
<i class="icon-cloud"></i> 导出:将当前的文稿转化为 Markdown 文本或者 Html 格式,并导出到本地
<i class="icon-reorder"></i> 列表:所有新增和过往的文稿都可以在这里查看、操作
<i class="icon-pencil"></i> 模式:切换 普通/Vim/Emacs 编辑模式

发布:将当前的文稿生成固定链接,在网络上发布,分享
新建:开始撰写一篇新的文稿
删除:删除当前的文稿
导出:将当前的文稿转化为 Markdown 文本或者 Html 格式,并导出到本地
列表:所有新增和过往的文稿都可以在这里查看、操作
模式:切换 普通/Vim/Emacs 编辑模式

以上就是主题使用的说明,具体一些可以自行慢慢发掘,有问题即可联系我的邮箱:email@mulingyuer.com 或者留言。

分类: Typecho 主题 标签: Lazy_F 使用文档

评论

暂无评论数据

暂无评论数据

目录