[简介 | 普听音乐](https://music.codepublic.top/guide/page.html#%E7%AE%80%E4%BB%8B)
基于阿里云盘的听歌软件

- 心情 💔
- 持续更新TG频道 [只是玩玩 | JUST FUN！](https://t.me/justfuning1900)，来加个关注吧！
- 在听有声小说《[我用闲书成圣人](https://neodb.social/podcast/56amNnYgU0nPgPX4NU7F9b)》
- 持续维护 [好奇心花园🪴！](https://garden.1900.live/)
- 正在减重 [计划详情](https://garden.1900.live/66-Project/%E5%87%8F%E9%87%8D%E8%AE%A1%E5%88%92/%E8%AE%A1%E5%88%92%E8%AF%A6%E6%83%85)，[运动记录](https://garden.1900.live/66-Project/%E5%87%8F%E9%87%8D%E8%AE%A1%E5%88%92/%E8%BF%90%E5%8A%A8%E8%AE%B0%E5%BD%95)
- 买了文石Leaf3，试图养成看书习惯，在看 [这本书可能救你的命](https://neodb.social/book/7JGYUQ5i0MUzlUSB4koR66)

Rss终于算是弄好了，给不少博客聚合平台带去了些麻烦，十分不好意思。 https://1900.live/rss/ ，欢迎订阅，时常会分享一些有意思的东西。

工作状态似乎回来了一点。

这几天在用tailwindcss，发现除了原子性、多浏览器适配这些特性外，最大的特性感觉是通过config中theme设置，规范了整个网页的样式使用，后续通过修改theme即可达到修改整站的样式。

在服务端模拟DOM结构，使用前端js，如higlihgt.js、pangu.js等。
“`javascript
/* global hexo */

‘use strict’;

const { JSDOM } = require(‘jsdom’);
const dom = new JSDOM();
const { window } = dom;
const { document, Node, DocumentFragment, XPathResult } = window;
global.document = document;
global.Node = Node;
global.DocumentFragment = DocumentFragment;
global.XPathResult = XPathResult;
const pangu = require(‘pangu/src/browser/pangu’);

hexo.extend.filter.register(‘after_post_render’, data => {
document.body.innerHTML = data.content;
pangu.spacingPageBody();
data.content = document.body.innerHTML;
data.title = pangu.spacing(data.title);
}, 8);
“`
[hexo-pangu/index.js at master · theme-next/hexo-pangu](https://github.com/theme-next/hexo-pangu/blob/master/index.js)

根据字串获得固定颜色值
“`javascript
function getColorFromText(text) {
let hash = 0;
for (let i = 0; i < text.length; i++) {
hash = text.charCodeAt(i) + ((hash << 5) - hash);
}
let color = ‘#’;
for (let j = 0; j < 3; j++) {
const value = (hash >> (j * 8)) & 0xFF;
color += (’00’ + value.toString(16)).substr(-2);
}
return color;
}

function printColoredText(text) {
const color = getColorFromText(text);
console.log(`%c${text}`, `color: ${color}`);
}
“`

最近在折腾11ty，目前数据部分，模板部分基本上都稍微熟悉了一些，这两个部分都基本上没问题了。
现在开始研究tailwindcss，刚开始完全不知道怎么下手，摸索了好久，目前折腾出这条思路勉强先写着：
- 开启browsersync
- 打开目标网站
- 先不考虑样式复用的问题，把目标网站对应关键标签的class效果全部在本地用tailwindcss复刻到模板里。
- 因为开启了watch，修改后自动更新css文件，并刷新网页。

新年快乐。