跟静态博客不同，这边完全只要修改CSS即可，write as的主题可以适配，虽然可供选择的样式实在是太少了，大多数情况还是要自己动手丰衣足食。

选用模板

本次先在write as的主题列表挑选了相对没那么白男审美的主题，将css代码直接粘贴到自己博客的css编辑框中，对一些功能进行删改。

自主修改

尝试、放弃和删除： · 删除首字下沉 · 删除原有插图 · 放弃加入字数统计 · 放弃强制页脚于最顶部

CSS代码存档（仅保留自主增加部分）

/* 引入思源宋体网页字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap');

/* 全局统一字体样式，优先加载思源宋体，Windows兜底宋体，苹果设备兜底苹方宋体、明朝体。这两条代码放在最前面。 */
* {
    font-family: "Noto Serif SC", SimSun, "Songti SC", serif !important;
}

/* 页面背景：错落圆点波点图案，使用主题色低透明度，双层错位排布 */
body {
    background-color: #ffffff;
    background-image: 
        radial-gradient(rgba(206, 214, 250, 0.28) 2px, transparent 2px),
        radial-gradient(rgba(206, 214, 250, 0.28) 2px, transparent 2px);
    background-size: 36px 36px;
    background-position: 0 0, 18px 18px;
}

/* 隐藏页面顶部浏览统计、访客计数类数字模块 */
.header-count, .stats-count {
    display: none !important;
}

/* Markdown高亮标记底色设置，使用主题浅透明色，适配正文阅读 */
mark {
    background-color: rgba(206, 214, 250, 0.35);
    color: #383838;
    padding: 2px 4px;
}

/* 全局统一文字字间距，解决字体拥挤问题 */
* {
  letter-spacing: 0.5px !important;
}

/* 单篇文章详情页日期样式：字号、上外边距上移紧贴标题、透明度弱化 */
#post article time {
    font-size: 0.9rem !important;
    margin-top: -30px !important;
    padding-top: 0px !important;
    opacity: 0.7;
}

/* 引用块美化：左侧主题色边线、浅底色、内边距优化摘抄阅读体验 */
#post blockquote {
    border-left: 4px solid #ced6fa;
    background: rgba(206, 214, 250, 0.15);
    padding: 12px 16px;
}

/* 折叠面板details整体外壳样式：边框、圆角、外边距、底色 */
details {
    border: 1px solid rgba(206, 214, 250, 0.4);
    border-radius: 8px;
    margin: 1rem 0;
    padding: 10px 16px;
    background-color: rgba(206, 214, 250, 0.06);
}

/* 折叠面板点击标题基础样式：鼠标手势、内边距、字重、加深蓝紫色文字 */
summary {
    cursor: pointer;
    padding: 6px 0;
    font-weight: 500;
    color: #6478d1;
}

/* 鼠标悬浮标题切换为主题浅蓝紫色 */
summary:hover {
    color: #ced6fa;
}

/* 面板展开后加深背景底色，区分收起/展开两种状态 */
details[open] {
    background-color: rgba(206, 214, 250, 0.12);
}

/* 展开后标题下方添加虚线分割线，隔开标题与正文内容 */
details[open] summary {
    margin-bottom: 8px;
    border-bottom: 1px dashed rgba(206, 214, 250, 0.3);
}

/* 首页文章列表日期样式：字号、上移间距、降低透明度弱化显示 */
#collection article time {
    font-size: 0.9rem !important;
    margin-top: -30px !important;
    opacity: 0.65 !important;
}

建议和不建议

因为writefreely功能有限，装修只靠css，复杂的js和html几乎都用不了，甚至css里繁杂些都会触发报错。所以在可控的美观方面多下了工夫，其他功能自然是不如hugo来得花哨了。

不过其实我也不是非要花哨不可！毕竟原本的hogo也是白底黑字呢！

因为过去装修hugo的代码基础让此次装修还算顺利满意，当然豆老师今天也帮了大忙。想当年我苦苦抄了8小时最后全部回滚，今天也是万幸了！

Writefreely的优缺点

先说优点：不用自己部署，不用买域名，不用涉及github，像注册fedi账号一样注册一个就可以了，小白友好。可以直接用fedi账号关注。

缺点：不支持复杂功能和装修，部分md语法会失效。行动端编辑文章不太方便。

tags: #Blog

2022年8月9日，我陪父亲从附近的中药馆包了腿伤药回来，从收藏夹里翻出了积灰已久的博客搭建指南手册，第一次建立了我的第一个静态博客。

建立没多久，大约有一个月的时间，我一直觉得我只是个普通的三分钟热度爱好者，过不久这个网站就会被我抛之脑后，里面的文章也会被我以很传统的文字形式留存于很传统的日记本之中，直到今年二月，我突然意识到自己已经坚持写博客半年的时候，自己都有点不可思议。

以粗略的时间节点来计算，我的博客的第一年也是我从大三的暑假到大四毕业的一年，算是我人生中对我改变最大的365天，昔日往事通常迷茫痛苦，流于此句之外的文字中永久保存，只有心境激荡变幻连自己也捉摸不透，如今的我和365天前的早已判若两人。

唯独不变的是勤于思考。我没有强大的大脑来处理每天16小时的思维运转，每想到什么，只有把它们记录下来我才会觉得踏实——私人化的东西写在日记里，说过就忘的琐事存储在SNS中，逻辑化的内容就以博客的形式展现在各位眼前。

我学习了很多东西，接触了我前20年从来没接触过的技术，每次自己摸索做出新的小项目都让我感受到非常热烈的成就感；哪怕我是跟着某人的逐步引导做的，哪怕它并没有那么成功，但都是我对自我上限的一种突破。

在这一年里，大部分时间我都坚持写了很多东西，也正如前文所说，当我回顾我过去的文章时意识到，有些记忆确实是如果当时没有写下来，日后我就再也没机会把它们捡起来回味了。包括临时起意、深夜呢喃创作出来的小随笔，仿佛也跟随着阅读时心境的不同而显得陌生。

我也许会忘了某张照片拍摄的瞬间我在想什么，但我写下的文字就是那一刻我灵魂的写照，只要是由自己来阅读，就不会忘记写下这些文字时的那个书桌、那盏灯，那个燥热的夏夜或是空无一人的冬季房间。

记录的意义在于纪念。我始终如此认为。

tags: #Sketch #Blog 本文由旧博客迁移