以前用Typecho创建的黑冰站点,最近在翻那时候的数据库备份(当然,最近也有自己写),发现了这篇曾经刚刚换Lonesome主题时写的文章,放出来留个纪念吧。
之前用的Initial主题,魔改了很多,相信也有人看到啦。最近,有位大佬说网站有点卡,耗电脑资源过多。然后,前不久看到个mrju.cn的主题Lonesome,还挺不错。最后,用了一天时间魔改适配(友链,每次换主题都让人头疼),现在总算完美啦。
Lonesome主题
主题增加后台主题设置,小白也能轻松玩转typecho。不用明白html以及css。回归博客最初的本质。当然你也可以接着折腾下去。折腾到适合自己为止。如需个性化定制,请联系博主。如logo设计以及添加某个小功能等,不过这个收费哈,视情况而定。
魔改
无疑的,添加了谷歌翻译插件,并做了适配:小屏幕下的语言选择可滑动选择更多语言;翻译插件位置调整;浏览器语言获取自动翻译等。
还有侧边栏的一些调整以及顶部统计模块添加了一些内容。
还要说说友链部分,问主题开发者要了他的导航模板,去掉了导航功能,增加了友情链接(直接修改php,添加链接),网站名称避免过长而出现双行,70多个友链差点没加完。接着,又用这套友链模板,魔改了留言榜功能,几乎完美适配。
还有,用主题的归档模板,魔改了分类汇总模板,emmm,最初这玩意还是拿yodu主题的,不管换了多少主题,这个分类汇总我一直在适配新主题。
当然,少不了的是谷歌广告,这次首页是双栏结构,css废了点功夫,这里就不细说了。
导航也做了点调整,主要是把不想要的删掉了,我有六个分类,如果全显示,直接炸的感觉。所以就不显示分类目录了,统一用分类汇总展示!
高端的代码块显示,基本没动,我给添加了复制功能以及划过变色之类的,总之,往高端的方向改了。之前,我用的是prism,这个主题用的是highlight。
最后,来一段魔改生成的一堆css,看着爽一爽算了!!!
.entry-content p img {
cursor: pointer!important;
margin: 0 auto;
display: block;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.ads-post {
float: right;
margin: 0 0 0 10px!important;
width: 350px
}
@media (max-width:600px) {
.ads-post {
float: none!important;
margin: 0 auto!important;
width: auto!important;
text-align: center;
}
}
.ads-com {
margin: 10px auto;
width: 550px
}
@media (max-width:600px) {
.ads-com {
margin: 20px auto;
width: 250px
}
}
.view-img img {
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.entry-content p {
text-align: justify;
word-break: break-all;
}
.view-img {
background: rgba(0,0,0,.618)!important;
}
.image_title {
background: rgba(200,200,200,.9);
}
.poster img {
display: block;
margin: 0 auto;
}
.poster {
border: 0!important
}
input.posters {
float: right;
color: #000;
padding: 0 15px;
margin-top: 8px;
background: #fff;
font-size: 11px;
line-height: 28px;
}
.entry-content p.notice {
position: relative;
padding: .5rem;
border: 1px dashed #b00;
background: #eee
}
.entry-content p.notice::before {
position: absolute;
top: -.5rem;
left: .5rem;
z-index: 1;
padding: 0 .3rem;
content: "Notice";
font-size: .8rem;
line-height: 1
}
.entry-content p.notice::after {
position: absolute;
top: -1px;
left: .5rem;
z-index: 0;
width: 50px;
height: 6.4px;
background: #eee;
content: ""
}
.entry-content code {
padding: 0;
margin: 0;
}
@keyframes heartbeat {
to {
transform: scale(1.3)
}
}
pre {
position: relative;
}
.btn-copy {
display: inline-block;
cursor: pointer;
background-color: #eee;
background-image: linear-gradient(#fcfcfc,#eee);
border: 1px solid #d5d5d5;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
font-size: 13px;
font-weight: 700;
line-height: 20px;
color: #333;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
padding: 2px 6px;
position: absolute;
right: 5px;
top: 5px;
opacity: 0;
}
.btn-copy span {
margin-left: 5px;
}
pre:hover .btn-copy {
opacity: 1;
}
.hljs ol li:hover {
background: #ccc;
}
::selection {
color: #fff;
background-color: #666;
}
#digg a {
padding: 0 5px
}
#digg {
padding: 10px 0;
text-align: center;
}
ul.mod-list.row {
margin: 0
}
.mod-list li {
list-style: none;
}
.pull-right {
float: right!important
}
.badge {
display: inline-block;
padding: 3px 7px;
min-width: 10px;
border-radius: 10px;
background-color: #777;
color: #fff;
vertical-align: middle;
text-align: center;
white-space: nowrap;
font-weight: 700;
font-size: 12px;
line-height: 1
}
.badge {
background-color: #cfdadd
}
.bg-danger {
background-color: #f05050;
color: #fff
}
.bg-info {
background-color: #23b7e5;
color: #dcf2f8
}
.bg-warning {
background-color: #fad733;
color: #fffefa
}
.badge,.label {
text-shadow: 0 1px 0 rgba(0,0,0,.2);
font-weight: 700
}
.b-white {
border-color: #fff
}
.product-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
后续说明
不出意外,主题不会再换了。并且,应该不会再添加地球统计、评论UA及IP位置、来访提示、评论等级等功能。
emmm,差点忘记说,还添加了海报分享功能,文末右下角的文章分享,点击会出现一张图片,右击复制图片,即可分享本文内容!!!
没想到,后来我网站都换了(某种原因,不得不换)。
旧站文章,作者:古哥,如若转载,请注明出处:https://iymark.com/articles/405.html
评论列表(27条)
请问一下,我用的就是lonesome,能不能分享一下你修改:友链部分、评论排行榜和分类汇总模板啊,我的邮箱是570330831,谢谢先。
@4565:好的,晚上传你一份
@古哥:站长厉害了
@4565:邮件已发送,请查收
@古哥:谢谢
请问能不能也给我发一份 zzf@plus.u365.org。谢谢
@张子枫:已发送,请查收
@古哥:抱歉,这个邮箱好像没收到。能不能发h315219@gmail.com 这个 谢谢!
@张子枫:已发送,收到了吗
@古哥:收到了 谢谢!!
能求一份吗? 157104945@qq.com 谢谢。
@8244:已发送,请注意查收
博主大大,我也想要一份 2711641151@qq.com
@2703:已发送,请注意查收
超级喜欢!求一份lonesome,leary#88.com 谢谢!!
@Leary:抱歉,不提供主题,给你几个页面模板,已发送。
ps:邮箱不错
@古哥:谢谢!已收到!我刚才查了下,停售了,糟糕
@Leary:已发送原版lonesome。
同lonesome主题,也改了些,但是没有你这力度大,求一份,谢谢
QQ邮箱:820535958
谢谢老板
@北纬:已发送,请注意查收
@古哥:谢老板,时隔两年,才来回复
@北纬:卧槽,我震惊了
@古哥:是AI让我们再次相遇,我也震惊了,竟然注册过了
@北纬:没想到啊,哈哈。
求一份友链部分的代码:727666619@qq.com ,谢谢博主
古哥,很喜欢你修改的这个模板,特别是友链部分和分类汇总。我现在也在用这个主题,可以给我也发一份吗?我的邮箱是2318297690@qq.com,万分感谢!
@我相信:已发送