Typecho主题 Pure 发布,适合文艺生活类博客

模板开发以及发布测试

版主: seita

头像
夏目贵志
帖子: 139
注册时间: 2016年 4月 18日 22:08
来自: https://qq.md/

Typecho主题 Pure 发布,适合文艺生活类博客

帖子 夏目贵志 »

前言

这是一款移植 Gridea For Pure 的 Typecho 主题。第一眼看到这款主题就被她所吸引,简洁美观大气很适合我文艺生活类博客写作。我花了一天就移植好了,但是我博客图片比较多为了用户体验增加

了 pjax 和 AJAX 评论这花了我大部分时间。所以在今天我准备发布了,希望你们喜欢(拖延症无解)~

我是小白很多代码很乱,很多细节不懂优化。有问题请自行完善哈


介绍

一款移植 Gridea For Pure 的主题,默认内置 "简约白"、"暗夜黑"、"银光灰"、"墨草绿" 4 种配色方案。另外还:

支持自定义配色。
移动端页面适配。
图片幻灯片预览。
文章图片懒加载。
无刷新PJAX支持。
AJAX评论支持。
手动文章置顶。
内置访客访问自动推送文章到百度。

图片

图片

图片

具体介绍看博客:https://xiamuyourenzhang.cn/code/32.html

下载地址

Github: https://github.com/xiamuguizhi/typecho-for-Pure
本站下载: https://xiamuyourenzhang.cn/usr/uploads ... 728573.zip

Pure.zip
(67.65 KiB) 已下载 590 次
头像
ClayMore
帖子: 2441
注册时间: 2007年 11月 29日 02:55
来自: Sleeping Forest
联系:

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 ClayMore »

看着不错 喜欢灰色
头像
夏目贵志
帖子: 139
注册时间: 2016年 4月 18日 22:08
来自: https://qq.md/

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 夏目贵志 »

ClayMore 写了:看着不错 喜欢灰色

我也是喜欢灰色 哈哈!!
头像
ClayMore
帖子: 2441
注册时间: 2007年 11月 29日 02:55
来自: Sleeping Forest
联系:

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 ClayMore »

已star
张开超
帖子: 4
注册时间: 2021年 3月 3日 10:58

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 张开超 »

想把logo圆的变成方的 请问修改哪里
头像
夏目贵志
帖子: 139
注册时间: 2016年 4月 18日 22:08
来自: https://qq.md/

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 夏目贵志 »

张开超 写了:想把logo圆的变成方的 请问修改哪里


main.css 文件 找到这段代码

代码: 全选

.navbar .navbar-brand .user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}


把 border-radius: 50%; 删了就变方了
张开超
帖子: 4
注册时间: 2021年 3月 3日 10:58

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 张开超 »

还有一个问题麻烦您,请问怎么把右上角首页、归档、关于等前面的小图标去掉,我现在和您博客效果一样,想要您上面展示的图片效果
VCG
帖子: 2
注册时间: 2020年 12月 5日 09:13

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 VCG »

如何使文章置顶啊?
头像
夏目贵志
帖子: 139
注册时间: 2016年 4月 18日 22:08
来自: https://qq.md/

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 夏目贵志 »

张开超 写了:还有一个问题麻烦您,请问怎么把右上角首页、归档、关于等前面的小图标去掉,我现在和您博客效果一样,想要您上面展示的图片效果

我是直接 在分类名称 添加了 emoji

图片
头像
夏目贵志
帖子: 139
注册时间: 2016年 4月 18日 22:08
来自: https://qq.md/

Re: Typecho主题 Pure 发布,适合文艺生活类博客

帖子 夏目贵志 »

VCG 写了:如何使文章置顶啊?

https://xiamuyourenzhang.cn/code/32.html 有说明~
回复