Snapic Paper 使用文档

Snapic Paper 使用文档


版本型号:Snapic Paper
适用程序:Typecho
皮肤类型:主题模板
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic-paper.html
官方演示:小日子
网友案例:(留言申请)

我要购买:36元/人

重要提示:付款时别忘了留下邮箱收取文件包,勿留 Gmail 邮箱。


主题说明

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

注意:由于主题内置谷歌字库,故文件稍大。Google Fonts 占比大于90%(约7M)。

购买协议

购买前,请仔细阅读以下“购买协议”!

1. 购买后,仅供购买用户使用,请勿对外分发和转售。

2. 购买后,请保留页脚主题信息及链接。

3. 购买后,作者只对使用中出现的 Bug 提供售后支持,不对增减功能和修改样式提供服务,如果你自行修改代码导致显示错误,也不在服务范围内,请知悉!

4. 使用中,请自行备份博客数据,作者不对你在使用中产生的任何问题造成的不良后果,承担责任。

5. 本主题,制作环境为阿里云虚拟主机,使用(http)和版本为1.1(17.10.30)的博客程序,其他环境和博客版本以及(https)未做过测试,请自主决定是否购买主题!

6. 本主题,购买成功后,不做退款!

主题功能

1. 首页轮播。通过简单的添加文章标签制作幻灯片。默认自动轮播,也可以在电脑端或移动端使用鼠标或手势切换图片。

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

3. 无刷评论。使用社交 APP 流行的滑窗方式收纳评论模块,并且具有 Ajax 无刷功能。

4. 单页相册。主题内置瀑布流单页相册。图片可以通过附件上传插入,也可以通过插入链接的方式添加。

7. 延时加载。图片具有延时加载功能,增强浏览体验。

8. 多图混排。文章页图片支持多张混排。

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

10. 友情链接。主题内置友情链接,在“关于”页面自主开启或关闭。

11. 文章归档。主题内置文章归档,在“关于”页面自主开启或关闭。

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

主题更新

2022年04月25日 发布正式版 Snapic Paper


使用方法

A 部署文件

1. 请将文件夹 plugins 中的插件:AjaxComment,上传至目录 plugins 中,在后台启用。如果之前已存在同名称插件,请将其备份后停用删除。

2. 请将文件夹 themes 中的主题:SnapicPaper,上传至目录 themes 中,在后台启用。

B 配置页面

一、配置首页幻灯片(必选项)。图示1图示2

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

2. 给需要成为首页幻灯片的文章,添加在上一步新增的标签(如:置顶)。这些文章的附件中,第一个上传的附件必须是图片。否则,会以 noPicture.png 代替,当然也会影响美观,对显示效果无要求的,可无视。

3. 注意:标签 topic 必须建立,否则首页会有“页面没找到”的显示错误。另外,首页幻灯片的最大数量为3篇文章,如果标记文章的数量大于3篇,则以最新发布且用标签(如:置顶)标记的3篇文章呈现。如果标记文章的数量小于3篇时,则显示对应的文章数量。如果没有标记任何文章时,首页幻灯片则不显示。

二、配置Ajax评论(必选项)

1. 主题评论使用滑窗方式收纳,并且具有 Ajax 无刷功能,请确保插件 AjaxComment 已启用。该插件已在原插件基础上进行优化,以适配本主题,请勿替换。如果之前已存在同名称插件,请将其备份后停用删除。

2. 主题已经设置接管评论分页,用以增强评论模块的浏览体验。所以,后台》评论设置》评论显示,启用分页的功能会失效,请知悉。

三、配置“关于”页面(可选项)。图示2图示4

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

2. 页面缩略名必须填入 about,乱填无效!

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

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

四、配置“友链”模块(可选项)。图示2图示3

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

2. 页面缩略名必须填入 links,乱填无效!

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

4. 原理:每行内容由“三对”方括号 [] 组成,每行内容对应输出前台的一条友链信息。

5. 格式:[友链描述][图片序号][友链链接]

6. 图片:可以通过附件上传插入,也可以通过插入链接的方式添加,只要遵循格式要求即可。

7. 示例:[Lopwon's Blog][4][http://www.lopwon.com]。其中,第一对方括号的 Lopwon's Blog 为友链描述,第二对方括号的 4 为图片链接的序号,第三对方括号的 http://www.lopwon.com 为友链链接。

8. 重要:最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一条友链信息的图片在前台无法输出。

五、配置“相册”页面(可选项)。图示2图示3

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

2. 页面缩略名必须填入 album,乱填无效!

3. 请严格按照以下格式要求在“内容文本框”中输入内容,才能在前台正确输出。方法类似以上介绍的配置“友链”模块。

4. 原理:每行内容由“两对”方括号 [] 组成,每行内容对应输出前台的一个方块信息。

5. 格式:[图片描述][图片序号]

6. 图片:可以通过附件上传插入,也可以通过插入链接的方式添加,只要遵循格式要求即可。

7. 示例:[Photo by Lopwon][4]。其中,第一对方括号的 Photo by Lopwon 为图片描述,第二对方括号的 4 为图片链接的序号。图片描述不要输入太多内容,因为前台默认只显示一行,超出隐藏。

8. 重要:最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一个方块信息的图片在前台无法输出。

9. 提示:输入“内容文本框”的第一行信息,作为首页相册的“图窗”展示。所以,在更新相册时,建议从第一行插入新图片。

C 文章内容图示1

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

2. 修改 var/HyperDown.php 文件,在第17行的 small 后面添加括号内代码(|span|abbr|mark|big|center),当然也可以根据需要添加其中之一,如(|span)。如果没有这些编辑需求的,可无视。注意:新版 Typecho 1.2.0 文件 HyperDown.php 路径为 var/Utils/HyperDown.php 在第 19 行。

D 多图混排图示2

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

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

3. 默认单图方式,一行一张图:

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

4. 多图混排方式,一行两张图:

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

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

E 导航菜单图示1图示2

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

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

3. 注意:“拓展导航”在显示屏幕宽度大于 768px 时生效,小于 768px 时不显示(如:手机端)。

F 设置外观图示1图示3

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

2. 其中,如果你访问 Gravatar 头像不顺畅的话,建议在“博客徽标”里使用自定义头像代替 Gravatar 头像。

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

G 使用技巧

1. 待补充……

  1. 卜酷塔 卜酷塔

    已购买,期待布置后的效果

    1. Lopwon Lopwon博主
      @ 卜酷塔

      已发送。

  2. 若非 若非

    大佬高产呀,点进演示看了下,期待优化后的效果~

    1. Lopwon Lopwon博主
      @ 若非

      在做最后的检查,过两天发布。

T