博客

现在的社交平台多如牛毛,真正留住人的几乎没有。自己玩博客也有段时间了,一直折腾来折腾去的,以前就打算玩静态博客算了,因为实在太懒得弄数据库那些东西了,真的很麻烦,尤其迁移的时候,弄不好数据还会容易丢失。现在好了,直接放在github上,除非它挂了,否则应该可以一直稳定下去吧。至少10年内没啥大问题。不需要刻意去维护什么。感谢Gridea!

主题

每个玩博客的人必经之路,就像装修房子一样,收拾来收拾去,这个主题是在我用Bitcron写博客时就买过的一款,菜菜的原创主题,后来木木大神复刻了,很简单,很纯粹。木木的这款Puti复刻的有点笼统,小白的我刚用的时候有点不太明白的地方,今天记录一下,主要就是logo的header部分。
预览图
首页左上角的logo原主题是64 * 64px的svg文件,每个人都想修改成自己的啦,于是乎我就打开了Photoshop,后来折腾一番发现,svg需要字体支持,也就是说如果你没有我这样的繁体字,就是普通的字体或者简单的英文,那么你用64 * 64或者100 * 100的svg是最好的办法。
但是如果你有像我这样的繁体字或者其他奇怪的字体,那么建议你用png的图片格式啦。

需要做两件事:

改logo路径

打开 /Gridea/themes/puti/templates/includes/header.ejs,修改:

src="<%= themeConfig.domain %>/media/images/logo.svg"

src="<%= themeConfig.domain %>/media/images/logo.png"
预览图

改图片

图片是png的,新建一个300 * 300的透明图片,设计好logo,导出为png。

OK,路径改好了,图片也好了。但是这个时候上传,会发现图片比原来的要大很多,原因是没有约束logo大小,那么需要在主题文件的 main.less 代码里稍微添加两行:

 .header .site_title_container .site_title a
 img{width:100px;height:100px;}
预览

OK,至此结束。保存,同步即可。
对了,右上角的修改也是在:/Gridea/themes/puti/templates/includes/header.ejs 里,就在修改logo路径代码的下一行。