版本型号: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. 后台》管理》标签,新增标签,该标签将用于标记需要呈现在首页幻灯片的文章。其中,标签名称自定义(如:置顶),在标记文章时,要使用该标签。标签缩略名,必须填入 topic,乱填无效!
2. 给需要成为首页幻灯片的文章,添加在上一步新增的标签(如:置顶)。这些文章的附件中,第一个上传的附件必须是图片。否则,会以 noPicture.png 代替,当然也会影响美观,对显示效果无要求的,可无视。
3. 注意:标签 topic 必须建立,否则首页会有“页面没找到”的显示错误。另外,首页幻灯片的最大数量为3篇文章,如果标记文章的数量大于3篇,则以最新发布且用标签(如:置顶)标记的3篇文章呈现。如果标记文章的数量小于3篇时,则显示对应的文章数量。如果没有标记任何文章时,首页幻灯片则不显示。
二、配置Ajax评论(必选项)
1. 主题评论使用滑窗方式收纳,并且具有 Ajax 无刷功能,请确保插件 AjaxComment 已启用。该插件已在原插件基础上进行优化,以适配本主题,请勿替换。如果之前已存在同名称插件,请将其备份后停用删除。
2. 主题已经设置接管评论分页,用以增强评论模块的浏览体验。所以,后台》评论设置》评论显示,启用分页的功能会失效,请知悉。
1. 后台》管理》独立页面》新增,新建独立页面,除以下提到的事项外,其余正常操作即可。
2. 页面缩略名必须填入 about,乱填无效!
3. 此编辑页面右侧的“附件”里,请上传一张图片,不需要插入“内容文本框”中。此图片作为“关于”页面的顶部大图展示,建议图片尺寸宽大于1280px,高大于960px。对显示效果无要求的可无视。如果不上传图片,将不会显示该顶部大图。
4. 另外,点击该图片附件的“编辑”(铅笔状图标),进入图片信息的编辑页面,在右侧的“描述”里,输入你对这张图片的介绍,提交修改后,会在“关于”页面顶部大图的左侧显示。如果要替换“关于”页面的顶部大图,也请在此页面通过点击“选择文件上传”,把旧图替换掉。
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. 重要:最后一行的图片链接需要给一个“回车”,也就是要给“内容文本框”的最后一行留空一行,否则,最后一条友链信息的图片在前台无法输出。
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 时则以单列竖排呈现(如:手机端)。
1. 导航菜单分为分类项和独立页面项,支持一级分类。两项导航菜单默认使用折叠的方式在前台显示。
2. 其中,导航菜单图标左侧显示的为“拓展导航”,是可自定义是否显示和特别指定的两项独立页面链接项。在后台》管理》独立页面,通过鼠标左键长按单行后上下拖放排序,放置在最下方的两行独立页面项,将在前台的“拓展导航”里显示。
3. 注意:“拓展导航”在显示屏幕宽度大于 768px 时生效,小于 768px 时不显示(如:手机端)。
1. 后台》控制台》外观》设置外观,依喜好设置即可。
2. 其中,如果你访问 Gravatar 头像不顺畅的话,建议在“博客徽标”里使用自定义头像代替 Gravatar 头像。
3. 注意:文章页的“阅读设置”里,字体、字号、行距,只对文章页的内容区生效;底色为博客全局。
G 使用技巧
1. 待补充……
Lopwon
已购买,期待布置后的效果
已发送。
大佬高产呀,点进演示看了下,期待优化后的效果~
在做最后的检查,过两天发布。