发表于 2022-4-13 10:45:10

一款极简的Typecho博客主题

<p>
        <span style="font-size:16px;">拖了两天，用了大约五六个小时时间，我完成了第一个Typecho主题。</span>
</p>
<p>
        <span style="font-size:16px;">有这个主题的想法，源于看见Typecho在长达近五年的断更时间下，Typecho更新了1.2.0版本。</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">对这次更新，无非是变了个版本号，由一长串的&nbsp;1.1/17.10.30变成了简单的&nbsp;1.2.0。</span>
</p>
<p>
        <span style="font-size:16px;">但是细想自己在购买主题这件事情上面交了很多智商税，而且现在懒于修改主题，即使看着不舒服也不想折腾，距自己18年时候二开的Ssanl（启程新生活）主题也已经有四年时间了，闲着也是闲着，就看了看typecho的文档，简单的做（拼凑）了一个主题。</span>
</p>
<p>
        <span style="font-size:16px;">主题名称为</span><span style="font-size:16px;">Ltns</span><span style="font-size:16px;">，意为好久不见，是Typecho与一群坚持使用typecho的站长们的好久不见，也是我和自制主题的好久不见。</span>
</p>
<div>
</div>
<p>
        <b><span style="font-size:16px;">主题下载：</span></b><span><a target="_blank" href="https://y17.lanzoul.com/i4zLt034s64b"><span style="font-size:16px;">https://y17.lanzoul.com/i4zLt034s64b</span></a></span>
</p>
<p>
        <span style="font-size:16px;">演示地址</span><span style="font-size:16px;">：</span><a href="https://www.yuezeyi.com/go/aHR0cDovL2x0bnMuemV5aXdsLmNuLw==" target="_blank"><span style="font-size:16px;">http://ltns.zeyiwl.cn</span></a>
</p>
<p>
        <span style="font-size:16px;">GitHub项目地址</span><span style="font-size:16px;">：</span><a href="https://www.yuezeyi.com/go/aHR0cHM6Ly9naXRodWIuY29tL1l1ZS1aZXlpL0x0bnM=" target="_blank"><span style="font-size:16px;">https://github.com/Yue-Zeyi/Ltns</span></a>
</p>
<div>
</div>
<h2>
        <span style="font-size:16px;">主题截图</span>
</h2>
<p>
       
</p>
<p>
        <span style="font-size:16px;">PC端首页</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">移动端首页</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">归档页面</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">友链页面</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">文章内页</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">后台设置</span>
</p>
<div>
</div>
<h2>
        <span style="font-size:16px;">主题简介</span>
</h2>
<ul>
        <li>
                <span style="font-size:16px;">极简自适应黑白纯文字单栏主题</span>
        </li>
        <li>
                <span style="font-size:16px;">超轻量级造就，纯粹的本地文件渲染</span>
        </li>
        <li>
                <span style="font-size:16px;">全站无侧边栏，更简洁直接（懒得折腾）</span>
        </li>
        <li>
                <span style="font-size:16px;">后台自定义修改Favicon、Logo、底部、备案号等信息</span>
        </li>
        <li>
                <span style="font-size:16px;">自定义顶部大图、返回顶部按钮、代码高亮渲染</span>
        </li>
        <li>
                <span style="font-size:16px;">内置了两套超简单模板：归档和友链页面</span>
        </li>
        <li>
                <span style="font-size:16px;">评论自动获取QQ邮箱头像</span>
        </li>
        <li>
                <span style="font-size:16px;">图片灯箱效果</span>
        </li>
</ul>
<div>
</div>
<h2>
        <span style="font-size:16px;">使用说明</span>
</h2>
<p>
        <span style="font-size:16px;">呃...使用很简单，下载上传解压到Typecho的主题文件夹后台启用即可。</span>
</p>
<p>
        <span style="font-size:16px;">然后&nbsp;归档和&nbsp;友链俩个自定义页面新建独立页面选择对应模板就可以。</span>
</p>
<div>
</div>
<h3>
        <span style="font-size:16px;">友链添加</span>
</h3>
<p>
        <span style="font-size:16px;">后台-管理-独立页面-新增页面-自定义模板-选择“友链”</span>
</p>
<p>
        <span style="font-size:16px;">创建“友链”模板页面，然后新增“自定义字段”，字段名称设置为&nbsp;links，字段值按照下方的格式输入即可插入链接。</span>
</p>
<p>
        <span style="font-size:16px;">链接输入格式</span><span style="font-size:16px;">：</span>
</p>
<pre class="mac_light mac_pre box-shadow-wrap-lg">链接名称*,链接地址*,链接描述,链接图标,链接分类<span class="vditor-linenumber__rows"><span></span></span></pre>
<p>
        <span style="font-size:16px;">不同信息之间用英文逗号“,”分隔，例如：</span>
</p>
<pre class="mac_light mac_pre box-shadow-wrap-lg">岳泽以,http://www.yuezeyi.com/,我们历经苦难，我们生生不息,https://www.yuezeyi.com/logo.png,default<span class="vditor-linenumber__rows"><span></span></span></pre>
<p>
        <span style="font-size:16px;">若中间有暂时不想填的信息，请留空，例如暂时不想填写链接描述和链接图标：</span>
</p>
<pre class="mac_light mac_pre box-shadow-wrap-lg">岳泽以,http://www.yuezeyi.com/,,,default<span class="vditor-linenumber__rows"><span></span></span></pre>
<p>
        <span style="font-size:16px;">若结尾有暂时不想填的信息，无需逗号，可直接留空，例如暂时不想填写链接图标和链接分类：</span>
</p>
<pre class="mac_light mac_pre box-shadow-wrap-lg">岳泽以,http://www.yuezeyi.com/,我们历经苦难，我们生生不息<span class="vditor-linenumber__rows"><span></span></span></pre>
<p>
        <span style="font-size:16px;">多个链接换行即可，一行一个。</span>
</p>
<div>
</div>
<h2>
        <span style="font-size:16px;">更新日志</span>
</h2>
<ul>
        <li>
                <span style="font-size:16px;">2022/04/06：修复友情链接图标显示，增加顶部大图和返回顶部按钮，增加代码高亮渲染。</span>
        </li>
        <li>
                <span style="font-size:16px;">2022/04/03：发布Ltns主题1.0版本。</span>
        </li>
</ul>
<div>
</div>
<h2>
        <span style="font-size:16px;">结语</span>
</h2>
<p>
        <span style="font-size:16px;">虽然是一个简单甚至简陋到无人使用的主题，但是自己还是比较满意的，毕竟是第一个，可以慢慢来，用谷歌浏览器尝试lighthouse了一下，评分也还不错。</span>
</p>
<p>
       
</p>
<p>
        <span style="font-size:16px;">后续还会不会更新不确定了，因为主要想做的就是一个超简单的主题，当然有时间会修复一些小瑕疵，至于更多的功能，不准备添加了。</span>
</p>
页: [1]
查看完整版本: 一款极简的Typecho博客主题