昨天偶尔看到一个wordpress的主题,Sakura,感觉十分惊艳.

其实在挑选hexo博客主题之前就已经看过sakura主题,不过当时只是随便看看,有很多主题的精美之处并没有发现.

可以说Sakura这个主题让我感到十分的完美,而如今的diaspora主题虽然十分简约,但是我还是想换成Sakura这个主题.

另外在调查过程中发现一个很有趣的事,diaspora这个主题中文名为素锦,实际上很早就已经惊艳了很多人,知乎上有这个的讨论:素锦iSuJin.com如何评价这个网站

而Sakura这个主题,似乎和素锦有着一丝渊源,有人称是素锦魔改版.而实际上这两个主题的确有相像之处.

这两个主题应该都是现有wordpress版本,后又hexo版本.

Sakura主题安装

直接按照文档所说进行安装.链接

最好把之前的配置文件做个备份…

Sakura主题配置

部署

首先看看部署是否可以成功.

首先查看备份.

备份的话需要创建远程分支backup.这个操作直接去github页面即可进行.

CDN

虽然说CDN还是私人比较好,但Sakura推荐的是jsdeliver这个CDN服务商,看它创建的时间是2012年,所以应该不会突然挂掉导致数据全部丢失…

jsdeliver安装教程参考链接

图床工具PicGo

安装过程较为简单,没啥坑,故省略.

值得一提的是,PicGo有VsCode版本,或许更为方便,但感觉exe版本已经不错,故不再安装.另外jsdeliver不支持20M以上的文件.

评论

评论基于Valine,感觉比之前的Gitalk好许多.

Sakura中的mathjax问题

对于你的博客,会出现这样的bug,从首页进入的文章会加载mathjax,而重新启动则不会.

这里应该是文档的错误,mathjax不应该在theme下的_config.yml设置,而是从post.md中设置.

查看common-article.ejs的最后一段逻辑即可知.

Sakura主题中的表格样式更改

原主题表格样式默认左对齐,且无边框.想修改为有黄色边框,中央对齐的样式.

修改style.css,在840行以下修改如下

td,th {
    padding:0
}
/* 840行 */
/* your add */
table:not(.hljs-ln) td {
    border:solid #f3a60a 1px;
    text-align:center;
}
table:not(.hljs-ln) th {
    border:solid #f3a60a 1px;
    text-align:center;
}

文章内联Code样式更改

修改style.css中的.entry-content code,如下所示

.entry-content code {
    display: inline-block;
    border-radius: 2px;
    color: #91ad14;
    font-size: .8rem;
    margin: 0 2px;
    padding: 3px 5px;
    white-space: pre-wrap 
}
赏

我很好奇