Snapic Paper 使用文档

2022年03月16日

demo-snapic-paper.jpg


版本型号: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 文章内容)中的第2点操作,让 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. 待补充……
  1. 更新后的v2.0版本在哪里下载呢

    1. @Aria

      已发送。

      1. @Lopwon

        大佬效率太高了,感谢

  2. 啥时候适配个1.2~

    1. @沐风

      这个插件是别人制作的,他已经停更了,没办法。

    2. @沐风

      已重制更新主题。

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

    1. @卜酷塔

      已发送。

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

    1. @若非

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

store