Snapic Paper 使用文档

版本型号：Snapic Paper
适用程序：Typecho
皮肤类型：主题
主题作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/snapic-paper.html
许可方式：付费使用
官方演示：Snapic Paper

我要购买：36.00元/人

付款时别忘了留下邮箱收取文件包，勿留 Gmail 邮箱。

主题说明

主题 Snapic Paper 适用于文字记录和阅读，没有多余页面元素，能够看到干净文本，专注于安静浏览博客日志，类似于移动端的 Instapaper，简洁、纯粹、实用。

注意：由于主题内置谷歌字库，故文件稍大。Google Fonts 占比大于90%（约7M）。

主题功能

1. 首页轮播。可以给指定的三篇文章作为幻灯片展示，支持在电脑端或移动端使用鼠标或手势切换图片。

2. 阅读设置。文章页可自定义阅读习惯，如：字体、字号、行距和背景色，并且具有 Cookie 记忆功能。

3. 评论模块。使用社交 APP 流行的滑窗方式收纳评论模块，采用底部磁吸的效果，让评论更快捷易用。

4. 单页相册。主题内置瀑布流单页相册。

5. 单页动态。以图文的方式呈现日常动态，如：心情、说说、微言微语等。

6. 多图混排。文章页图片具有延时加载功能，也支持多张混排，增强浏览体验。

7. 随机标题。文章页右下角最右侧图标，点击展开的是随机文章标题，默认显示18条。

8. 友链归档。主题内置友情链接和文章归档，可以在“关于”页面自主开启或关闭。

9. 设置外观。可在后台自定义是否显示或隐藏各类板块各种信息。

主题更新

2023年08月30日 Snapic Paper v2.0 新增一些功能，修正已知问题，优化不少样式。

2022年04月25日 发布 Snapic Paper

使用方法

重要：主题 Snapic Paper v2.0 无需使用旧版主题中的 AjaxComment 插件，请将插件停用后删除。并且，新版在使用上有较大变动，所有配置以本页为准。

A 部署文件

1. 请将文件夹 themes 中的主题：SnapicPaper，上传至目录 themes 中，在后台启用。

B 配置页面

一、配置首页幻灯片（必选项）。

1. 后台》管理》标签，新增标签，该标签将用于标记需要呈现在首页幻灯片的文章。其中，标签名称自定义（如：置顶），在标记文章时，要使用该标签。标签缩略名，必须填入 topic，乱填无效！

2. 给需要成为首页幻灯片的文章，添加在上一步新增的标签（如：置顶）。这些文章的内容中，至少要有一张图片，幻灯片的图片读取自该篇文章的第一张图，否则，会以 noPicture.png 代替。

3. 注意：首页幻灯片的最大数量为3篇文章，如果标记文章的数量大于3篇，则以最新发布且用标签（如：置顶）标记的3篇文章呈现。如果标记文章的数量小于3篇时，则显示对应的文章数量。如果没有标记任何文章时，首页幻灯片则不显示。

二、配置“关于”页面（可选项）。

1. 后台》管理》独立页面》新增，新建独立页面，除以下提到的事项外，其余正常操作即可。

2. 页面缩略名必须填入 about，乱填无效！

3. 此编辑页面右侧的“附件”里，请上传一张图片，不需要插入“内容文本框”中。此图片作为“关于”页面的顶部大图展示，建议图片尺寸宽大于1280px，高大于960px。对显示效果无要求的可无视。如果不上传图片，将不会显示该顶部大图。

4. 另外，点击该图片附件的“编辑”（铅笔状图标），进入图片信息的编辑页面，在右侧的“描述”里，输入你对这张图片的介绍，提交修改后，会在“关于”页面顶部大图的左侧显示。如果要替换“关于”页面的顶部大图，也请在此页面通过点击“选择文件上传”，把旧图替换掉。

三、配置“友链”模块（可选项）。

1. 后台》管理》独立页面》新增，新建独立页面，除以下提到的事项外，其余正常操作即可。

2. 页面缩略名必须填入 links，乱填无效！

3. 请严格按照以下格式要求在“内容文本框”中输入内容，才能在前台正确输出。

4. 原理：每行内容由 []()() 组成，每行内容对应输出前台的一条友链信息。

5. 格式：[友链描述](友链链接)(图片链接)

6. 重要：以上格式为 Markdown 插入文本链接的语法 []() 然后再在后方多加一组括号 () 用于填入图片链接。

四、配置“相册”页面（可选项）。

1. 后台》管理》独立页面》新增，新建独立页面，除以下提到的事项外，其余正常操作即可。

2. 页面缩略名必须填入 album，乱填无效！

3. 请严格按照以下格式要求在“内容文本框”中输入内容，才能在前台正确输出。

4. 原理：每行内容由 ![]() 组成，每行内容对应输出前台的一个方块信息。

5. 格式：![图片描述](图片链接)

6. 重要：以上格式为 Markdown 插入图片的语法，前方必须包含 ! 半角感叹号。

五、配置“动态”页面（可选项）。

1. 后台》管理》独立页面》新增，新建独立页面，除以下提到的事项外，其余正常操作即可。

2. 页面缩略名必须填入 logs，乱填无效！

3. 在此编辑页面右侧的“附件”里，上传图片，不需要插入“内容文本框”中，每张图片相当于一个动态（说说）。

4. 上传图片后，点击该图片附件的“编辑”（铅笔状图标），进入图片信息的编辑页面，在右侧的“描述”里，输入动态（说说）。

C 文章内容

1. Typecho 1.1（17.10.30）默认的 Markdown 编辑器不支持（标签元素 span）（注释 abbr）（荧光标记 mark）（大号字体 big）（居中排版 center）功能，需要简单修改源代码，见下。

2. 修改 var/HyperDown.php 文件，在第17行的 small 后面添加括号内代码（|span|abbr|mark|big|center），当然也可以根据需要添加其中之一，如（|span）。如果没有这些编辑需求的，可无视。

D 多图混排

1. 文章页在使用指定格式样式包裹后，图片支持多张混排。而在此之前，需要按照以上（C 文章内容）中的第２点操作，让 Typecho 默认的 Markdown 编辑器支持（标签元素 span）功能。

2. 把插入“内容文本框”的图片信息，以单行显示并包裹在指定格式样式内，见下：

3. 默认单图方式，一行一张图：

    ![图一][1]
    ![图二][2]

4. 多图混排方式，一行两张图：

    <span class="lr">![图一][1]![图二][2]</span>

5. 注意：“多图混排”在显示屏幕宽度大于 500px 时生效，小于 500px 时则以单列竖排呈现（如：手机端）。

E 导航菜单

1. 导航菜单分为分类项和独立页面项，支持一级分类。两项导航菜单默认使用折叠的方式在前台显示。

2. 其中，导航菜单图标左侧显示的为“拓展导航”，是可自定义是否显示和特别指定的三项独立页面链接项。在后台》管理》独立页面，通过鼠标左键长按单行后上下拖放排序，放置在（最上方）的三行独立页面项，将在前台的“拓展导航”里显示。

3. 注意：“拓展导航”在显示屏幕宽度大于 768px 时生效，小于 768px 时不显示（如：手机端）。

F 设置外观

1. 后台》控制台》外观》设置外观，依喜好设置即可。

2. 注意：文章页的“阅读设置”里，字体、字号、行距，只对文章页的内容区生效；底色为博客全局。

G 使用技巧

1. 待补充……