站点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)

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 或者留言。