Snapic Paper 使用文档

2022-03-16

Snapic Paper 使用文档


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

我要购买:36元/人

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

版本兼容:主题中使用的评论无刷插件 AjaxComment 存在兼容问题,只适用 Typecho 1.1(17.10.30),无法在 Typecho 1.2.0 下正常运行(表现为,评论后在评论内容区重复加载文章页内容)。如果要在 Typecho 1.2.0 下使用 Snapic Paper 主题,建议关闭该插件,同时评论无刷功能将失效(表现为,评论后直接切换到了文章页,没有停留在评论页,需要重新点击评论图标回到刚刚的评论位置)。

另外,官方演示展示的是 Typecho 1.2.0 博客版本下使用的 Snapic Paper 主题,没有无刷评论功能。


主题说明

主题 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 无刷功能(仅 Typecho 1.1 有效)。

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 无刷功能(仅 Typecho 1.1 有效),如果你使用的是 Typecho 1.1 博客版本,请将插件 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. 重要:① 格式中的中括号为半角的英文符号,非中文。② 最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一条友链信息在前台无法正常输出。③ 如果你的主题把文章编辑器重新定义了,也就是未使用 Typecho 默认编辑器插入链接,会有格式不对而导致不能正常输出内容的情况。此时,只能通过手动修正格式。

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

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

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

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

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

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

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

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

8. 重要:① 格式中的中括号为半角的英文符号,非中文。② 最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一个方块信息在前台无法正常输出。③ 如果你的主题把文章编辑器重新定义了,也就是未使用 Typecho 默认编辑器插入链接,会有格式不对而导致不能正常输出内容的情况。此时,只能通过手动修正格式。

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

C 文章内容图示1

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 多图混排图示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. 待补充……
8P Snapic Plus 使用文档

Snapic Plus 使用文档

1P Snapic Page 使用文档

Snapic Page 使用文档

2P Lopwon Footprint 使用文档

Lopwon Footprint 使用文档

4P Lopwon EDC 使用文档

Lopwon EDC 使用文档

7P Snapic CMS 使用文档

Snapic CMS 使用文档

26P 商店

商店

9P Snapic Mora 使用文档

Snapic Mora 使用文档

16P Snapic Paper 使用文档

Snapic Paper 使用文档

1P Lopwon ATF 使用文档

Lopwon ATF 使用文档

3P Lopwon Link Pro 使用文档

Lopwon Link Pro 使用文档

4P Snapic Nojs 使用文档

Snapic Nojs 使用文档

2P Lopwon Bio 使用文档

Lopwon Bio 使用文档

3P Snapic MPA 使用文档

Snapic MPA 使用文档

4P Snapic Grid 使用文档

Snapic Grid 使用文档

7P Snapic Visual 使用文档

Snapic Visual 使用文档

10P Lopwon Link 使用文档

Lopwon Link 使用文档

1P 给Typecho博客添加文章页相册功能

给Typecho博客添加文章页相册功能

3P Snapic Photos 使用文档

Snapic Photos 使用文档

5P Snapic Logs 使用文档

Snapic Logs 使用文档

3P Lopwon Lukas 使用文档

Lopwon Lukas 使用文档

3P Lopwon Exif 使用文档

Lopwon Exif 使用文档

1P Lopwon CC 使用文档

Lopwon CC 使用文档

1P Lopwon Timeline 使用文档

Lopwon Timeline 使用文档

4P Lopwon Timeline Pro 使用文档

Lopwon Timeline Pro 使用文档

1P Lopwon Here 使用文档

Lopwon Here 使用文档

3P Snapic Plus 2022 使用文档

Snapic Plus 2022 使用文档

1P Snapic Page 2022 使用文档

Snapic Page 2022 使用文档

4 条评论

  1. 若非 若非 3

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

    1. Lopwon Lopwon 博主
      @ 若非

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

  2. 卜酷塔 卜酷塔 1

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

    1. Lopwon Lopwon 博主
      @ 卜酷塔

      已发送。

T