极简主题Minimo

模板开发以及发布测试

版主: seita

极简主题Minimo

帖子jrotty » 2017年 9月 14日 10:38

yanshitu.jpg
yanshitu.jpg (51.02 KiB) 被浏览 2098 次

基于Hugo的开源主题地址 https://github.com/MunifTanjim/minimo移植的

契机
看到typecho论坛有人问能否移植,我还以为他就是作者呢,然后就用扒的方式移植了这个模板,然后我发现他并不是原作者哈,但是正好是开源主题也就无所谓了,原作者信息也保留了

使用方法
1,上传解压后的文件夹至模板目录,然后在程序后台启用模板
2,在管理-独立页面处新建一个页面,标题和地址随便写,右下角页面模板选择HOME
3,设置-阅读站点首页处,使用刚刚建立的独立页面作为首页,然后勾选同时将文章列表页路径更改为/blog/(这个貌似默认就是勾选的,如果没勾选就手动选择上)

下载地址

1.1版:
minimo.tar.gz
(53.51 KiB) 被下载 114 次

1.1版更新内容:修复上一版本手机端不自适应问题,删除多余的地址信息233


deatse的补充说明

一,这里页面宽度尺度可以自行定义

.site-header{width:100%;max-width:666px}


二,同样,字号跟行间距还有字色也可重新定义
比如采用16px(1em)字号跟1.6em行间距,倘若修改,那么h1、h2、h3等粗标题字号也得相应修改,em或px兼可。
textarea{font-size:18px;line-height:32px;color:#262626


三,针对移动端浏览器不同分辨率完美兼容,这里做了页面文本居中跟字间距全局左右自动对齐
原作者主题因为英文跟西班牙文显示需要,不像方块字有这需要。
body{margin:0;text-align:justify}

当然,还可以加入全局纯色背景,比如这样
body{margin:0;text-align:justify;background-color:#F5F5F0}


四,head部分对苹果手机自带Safari浏览器收藏标签图标的支持
apple-touch-icon.png图片建议152px尺寸,可以透明,自适应缩放兼容目前水果手机型号。
最后由 jrotty 编辑于 2017年 9月 14日 12:31,总共编辑了 3 次
头像
jrotty
 
帖子: 206
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

Re: 极简主题Minimo

帖子deatse » 2017年 9月 14日 12:16

感谢jrotty移植转化,只是post.php模板分页代码有错误吧,哈哈,还带入了我站页面链接,重新修正下吧。

我来补充些修改说明。Hugo跟Hexo一样,都是静态化博客,没有数据库,没有后台,所以也没自带评论模板,只是前者是Go语言、后者用node.js加Git来搭建。

基于原作者是英文网站,为更好地适应中文显示对其CSS我做了点修改:

一,这里页面宽度尺度可以自行定义
(因为我采用18px字号,666px页面宽度在PC端正好容纳37字,参照起点、红袖等网站。)
代码: 全选
.site-header{width:100%;max-width:666px}


二,同样,字号跟行间距还有字色也可重新定义
比如采用16px(1em)字号跟1.6em行间距,倘若修改,那么h1、h2、h3等粗标题字号也得相应修改,em或px兼可。
代码: 全选
textarea{font-size:18px;line-height:32px;color:#262626


三,针对移动端浏览器不同分辨率完美兼容,这里做了页面文本居中跟字间距全局左右自动对齐
原作者主题因为英文跟西班牙文显示需要,不像方块字有这需要。
代码: 全选
body{margin:0;text-align:justify}

当然,还可以加入全局纯色背景,比如这样
代码: 全选
body{margin:0;text-align:justify;background-color:#F5F5F0}


四,head部分对苹果手机自带Safari浏览器收藏标签图标的支持
png图片建议152px尺寸,可以透明,自适应缩放兼容目前水果手机型号。
代码: 全选
<link rel='apple-touch-icon' href='<?php $this->options->themeUrl('img/apple-touch-icon.png'); ?>'>


五,原有主题英文语言包函数的汉化编译跟增删,并相应在模板里做修改
Typecho应该也可以,不建议直接把汉字写在模板里,当然偷懒也行,记得做下UTF-8编码转换再保存。
deatse
 
帖子: 8
注册: 2010年 8月 2日 10:25

Re: 极简主题Minimo

帖子deatse » 2017年 9月 14日 12:26

再补充个
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,
Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Siyam Rupali,
"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif

原作者CSS里的font-family直接继承了WordPress 6.4版本的代码,对电脑、平板、手机不同端的浏览器英文显示都做了有效支持,我这里针对中文显示相应做了些优化增加。
deatse
 
帖子: 8
注册: 2010年 8月 2日 10:25

Re: 极简主题Minimo

帖子jrotty » 2017年 9月 14日 12:32

deatse 写道:再补充个
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,
Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Siyam Rupali,
"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif

原作者CSS里的font-family直接继承了WordPress 6.4版本的代码,对电脑、平板、手机不同端的浏览器英文显示都做了有效支持,我这里针对中文显示相应做了些优化增加。

我是在你站基础上扒的233,哈哈,post里面多余的链接删了,手机自适应的代码也加上了,太马虎了哈哈
头像
jrotty
 
帖子: 206
注册: 2015年 11月 2日 19:30
地址: https://qqdie.com

Re: 极简主题Minimo

帖子deatse » 2017年 9月 14日 12:35

@jrotty ,哈哈,感谢。
deatse
 
帖子: 8
注册: 2010年 8月 2日 10:25


回到 模板

在线用户

正在浏览此版面的用户:Google [Bot] 和 5 位游客