Snapic Mora 使用文档

2022-03-05

Snapic Mora 使用文档


版本型号:Snapic Mora
适用程序:Typecho
皮肤类型:主题模板
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/snapic-mora.html
官方演示:あにトレ!EX
网友案例:(留言申请)

我要购买:38元/人

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


主题说明

主题 Snapic Mora 适用于图文类博客,以简洁留白排版、强调大字布局为特点。模板移植自静态的 Spurgeon 网页,在其基础上修改多处样式细节,新添不少特色功能,以更好的适配 Typecho 博客程序。模板支持电脑端和移动端显示。


购买协议

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

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

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

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

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

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

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

7. 本主题,无插件支持,使用中,建议关闭不需要的插件,以免显示冲突。

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

2. 瀑布图文。首页、分类页、搜索页和标签页,使用瀑布流动态呈现图文信息方块,使页面自适应不同尺寸的显示设备。

3. 延时加载。文章页中的图片具有延时加载功能,增强浏览体验。

4. 代码高亮。在编辑文章时,使用指定格式样式录入代码块,即可实现。

5. 相关文章。以文章标签做识别,显示与其内容相关联的6篇最新文章,当文章没有标签时,则显示最新发布的6篇文章。

6. 设置外观。可在后台自定义是否显示或隐藏页脚的各种应用信息。

7. 分类层级。支持二级分类菜单,即第一层级子分类以折叠方式显示在父级分类中。

8. 预先加载。在服务器带宽足够和用户访问网速够快的情况下,开启该功能可以增强浏览体验。反之,建议关闭。

主题更新

2022年03月18日 Snapic Mora 已经定版,只做 Bug 修复,不做更新。

2022年03月11日 发布正式版 Snapic Mora


使用方法

请将主题文件夹 SnapicMora 上传至目录 usr/themes 中,在后台启用即可。

A 首页大图图示1图示2

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

2. 给需要成为首页大图的文章,添加在上一步新增的标签(如:置顶)。这些文章的附件中,最新上传的附件必须是图片。

3. 注意:标签 topic 必须建立,否则首页会有“页面没找到”的显示错误。另外,首页大图的最大数量为3篇文章,如果标记文章的数量大于3篇,则以最新发布且用标签(如:置顶)标记的3篇文章呈现。如果标记文章的数量小于3篇时,则显示对应的文章数量。如果没有标记任何文章时,首页大图则不显示,但是顶部会有空白,只有在触发浏览页面后才能加载瀑布流图文信息方块。所以,建议至少标记一篇文章作为首页大图。

B 文章内容图示1图示2图示3

1. 主题的瀑布流图文信息方块,是通过获取每篇文章附件中的最新图片为基础,所以每篇文章最新上传的附件必须是图片,否则,会以 noPicture.png 代替,当然也会影响美观,对显示效果无要求的,可无视。

2. 文章页的图片和文字使用了左右不等边距的布局,其中,当图片尺寸的宽度小于1200px时,在电脑端会对其做出等比拉伸,移动端影响不大。如果希望在电脑端能有良好的视觉体验,建议使用宽度大于1200px的图片,对显示效果无要求的,可无视。

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

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

C 代码高亮

1. 代码行:使用 <code class="language-css">这里是代码</code>

2. 代码块:其中 <pre class="language-css"><code> 和 </code></pre> 需要在“各自”的同一行,见下。

<pre class="language-css"><code>
    这里是代码
</code></pre>

3. 注意:代码高亮支持语言 markup+css+clike+javascript+markup-templating+php,如需拓展高亮语言,可自行到 Prismjs 官网(https://prismjs.com/download.html)生成并替换主题中的相关文件,请自行研究。

D 建立归档图示2

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

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

3. 注意:页面缩略名填入 filing 后,该页面输出为指定格式的“归档”,不显示其他信息。

E 设置外观图示1

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

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

3. 其中,抖音账号用户字符串,是在电脑端打开自己的抖音主页面时,地址栏链接中 ../user/ 后的一串字符。

4. 注意:在移动端点击页脚的应用时,并不会唤起手机中相应的 APP 应用,只会在浏览器中呈现。

F 图片外链

1. 本主题,暂时不支持外链图片,也就是图片必须以附件上传的形式添加。如果使用图床,需要自己通过插件并修改主题代码实现,请自行研究。

2. 如果你已实现图片外链功能,欢迎分享教程,你的文章链接将会在这里展现,帮助到其他用户。

G 使用技巧

1. 插入视频。使用视频网站提供的通用代码,以框架 iframe 的方式插入视频。目前测试发现,插入的哔哩哔哩视频,在电脑端的 Chrome 浏览器不能显示,而在 Firefox 浏览器正常显示,对于优酷视频却无问题。估计是视频网站自身的适配造成,请知悉!另外,要让视频自适应,建议使用指定格式样式包裹,见下。而在此之前,需要按照以上(B 文章内容)中的第3点操作,让 Typecho 默认的 Markdown 编辑器支持(标签元素 div)功能。

<div class="video-container">这里是嵌入通用代码</div>
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 使用文档

19 条评论

  1. 好耶 好耶 1

    已购买! 大佬 我觉得底下可以加一个公安备案的链接 现在只有ICP备案

    1. Lopwon Lopwon 博主
      @ 好耶

      可以参考footer.php和functions.php里关于ICP的代码,多复制一项就可以实现,不过页脚信息就会很长,需要用CSS控制下。

T