hexo-theme-reimu
Version:
A Hakurei Reimu style Hexo theme
230 lines (220 loc) • 8.31 kB
JavaScript
hexo.extend.filter.register("stylus:renderer", (style) => {
const themeConfig = hexo.theme.config;
// google font families
const articleFamilies = (themeConfig.font?.article ?? [])
.map((i) => `'${i}'`)
.join(",");
const codeFamilies = (themeConfig.font?.code ?? [])
.map((i) => `'${i}'`)
.join(",");
// local font families
const localArticleFamilies = (themeConfig.local_font?.article ?? [])
.map((i) => `'${i}'`)
.join(",");
const localCodeFamilies = (themeConfig.local_font?.code ?? [])
.map((i) => `'${i}'`)
.join(",");
// custom font families
const customArticleFamilies = (themeConfig.custom_font?.article ?? [])
.map((i) => `'${i.name}'`)
.join(",");
const customCodeFamilies = (themeConfig.custom_font?.code ?? [])
.map((i) => `'${i.name}'`)
.join(",");
// sponsor and article_copyright
let postHasSponsor = false;
let postHasCopyright = false;
hexo.locals.get("posts").forEach((post) => {
if (post.sponsor) {
postHasSponsor = true;
}
if (post.copyright) {
postHasCopyright = true;
}
});
if (!postHasSponsor || !postHasCopyright) {
hexo.locals.get("pages").forEach((page) => {
if (page.sponsor) {
postHasSponsor = true;
}
if (page.copyright) {
postHasCopyright = true;
}
});
}
postHasSponsor = postHasSponsor || themeConfig.sponsor.enable;
postHasCopyright = postHasCopyright || themeConfig.article_copyright.enable;
// sidebar
let postHasSidebar = false;
hexo.locals.get("posts").forEach((post) => {
if (post.sidebar) {
postHasSidebar = true;
}
});
// widgets
const widgetConfig = themeConfig.widgets;
const siteHasWidget = Array.isArray(widgetConfig) && widgetConfig.length > 0;
// social keys
const socialKeys = Object.keys(themeConfig.social || {});
const shareKeys = themeConfig.share || [];
// custom icons
const footerIcon = themeConfig.footer.icon.url || "../images/taichi.png";
const sponsorIcon = themeConfig.sponsor.icon.url || "../images/taichi.png";
const topIcon = themeConfig.top.icon.url || "../images/taichi.png";
// reimu_cursor
// just for compatible
const cursor = themeConfig.reimu_cursor;
let cursorEnabled = true;
let cursorDefault = "../images/cursor/reimu-cursor-default.png";
let cursorPointer = "../images/cursor/reimu-cursor-pointer.png";
let cursorText = "../images/cursor/reimu-cursor-text.png";
if (typeof cursor === "boolean") {
// old config
cursorEnabled = cursor;
} else if (typeof cursor === "object") {
// new config
cursorEnabled = cursor.enable;
cursorDefault = cursor.cursor.default || cursorDefault;
cursorPointer = cursor.cursor.pointer || cursorPointer;
cursorText = cursor.cursor.text || cursorText;
}
// Internal theme token
const internalTheme = themeConfig.internal_theme || {};
const { light = {}, dark = {} } = internalTheme;
// comments
const hasValine =
themeConfig.valine?.enable &&
themeConfig.valine?.appId &&
themeConfig.valine?.appKey;
const hasWaline = themeConfig.waline?.enable && themeConfig.waline?.serverURL;
const hasGitalk =
themeConfig.gitalk?.enable &&
themeConfig.gitalk?.clientID &&
themeConfig.gitalk?.clientSecret;
const hasGiscus = themeConfig.giscus?.enable;
style
.define(
"article-families",
articleFamilies.length ? articleFamilies + "," : ""
)
.define("code-families", codeFamilies.length ? codeFamilies + "," : "")
.define(
"local-article-families",
localArticleFamilies.length
? localArticleFamilies
: "-apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif"
)
.define(
"local-code-families",
localCodeFamilies.length
? localCodeFamilies
: "Menlo, Monaco, Consolas, monospace"
)
.define(
"custom-article-families",
customArticleFamilies.length ? customArticleFamilies + "," : ""
)
.define(
"custom-code-families",
customCodeFamilies.length ? customCodeFamilies + "," : ""
)
.define("post-has-sponsor", postHasSponsor)
.define("post-has-copyright", postHasCopyright)
.define("post-has-sidebar", postHasSidebar)
.define("site-has-widget", siteHasWidget)
.define("site-has-share", shareKeys.length > 0)
.define("social-keys", socialKeys)
.define("share-keys", shareKeys)
.define("footer-icon", footerIcon)
.define("sponsor-icon", sponsorIcon)
.define("top-icon", topIcon)
.define("cursor-enabled", cursorEnabled)
.define("cursor-default", cursorDefault)
.define("cursor-pointer", cursorPointer)
.define("cursor-text", cursorText)
.define("light-red-0", light["--red-0"] || "#ff0000")
.define("light-red-1", light["--red-1"] || "#ff5252")
.define("light-red-2", light["--red-2"] || "#ff7c7c")
.define("light-red-3", light["--red-3"] || "#ffafaf")
.define("light-red-4", light["--red-4"] || "#ffd0d0")
.define("light-red-5", light["--red-5"] || "#ffecec")
.define("light-red-5-5", light["--red-5-5"] || "#fff3f3")
.define("light-red-6", light["--red-6"] || "#fff7f7")
.define(
"light-color-red-6-shadow",
light["--color-red-6-shadow"] || "rgba(255, 78, 78, 0.6)"
)
.define(
"light-color-red-3-shadow",
light["--color-red-3-shadow"] || "rgba(255, 78, 78, 0.3)"
)
.define("light-highlight-nav", light["--highlight-nav"] || "#e6e6e6")
.define(
"light-highlight-scrollbar",
light["--highlight-scrollbar"] || "#d6d6d6"
)
.define(
"light-highlight-background",
light["--highlight-background"] || "#f7f7f7"
)
.define(
"light-highlight-current-line",
light["--highlight-current-line"] || "#dadada"
)
.define(
"light-highlight-selection",
light["--highlight-selection"] || "#e9e9e9"
)
.define(
"light-highlight-foreground",
light["--highlight-foreground"] || "#4d4d4d"
)
.define(
"light-highlight-comment",
light["--highlight-comment"] || "#7d7d7d"
)
.define("light-highlight-red", light["--highlight-red"] || "#c8362b")
.define("light-highlight-orange", light["--highlight-orange"] || "#b66014")
.define("light-highlight-yellow", light["--highlight-yellow"] || "#cb911d")
.define("light-highlight-green", light["--highlight-green"] || "#2ea52e")
.define("light-highlight-aqua", light["--highlight-aqua"] || "#479d9d")
.define("light-highlight-blue", light["--highlight-blue"] || "#1973b8")
.define("light-highlight-purple", light["--highlight-purple"] || "#7135ac")
.define("dark-red-4", dark["--red-4"] || "rgba(255, 208, 208, 0.5)")
.define("dark-red-5", dark["--red-5"] || "rgba(255,228,228,0.15)")
.define("dark-red-5-5", dark["--red-5-5"] || "rgba(255,236,236,0.05)")
.define("dark-red-6", dark["--red-6"] || "rgba(255, 243, 243, 0.2)")
.define("dark-highlight-nav", dark["--highlight-nav"] || "#2e353f")
.define(
"dark-highlight-scrollbar",
dark["--highlight-scrollbar"] || "#454d59"
)
.define(
"dark-highlight-background",
dark["--highlight-background"] || "#22272e"
)
.define(
"dark-highlight-current-line",
dark["--highlight-current-line"] || "#393939"
)
.define(
"dark-highlight-selection",
dark["--highlight-selection"] || "#515151"
)
.define(
"dark-highlight-foreground",
dark["--highlight-foreground"] || "#cccccc"
)
.define("dark-highlight-comment", dark["--highlight-comment"] || "#999999")
.define("dark-highlight-red", dark["--highlight-red"] || "#f47067")
.define("dark-highlight-orange", dark["--highlight-orange"] || "#f69d50")
.define("dark-highlight-yellow", dark["--highlight-yellow"] || "#ffcc66")
.define("dark-highlight-green", dark["--highlight-green"] || "#99cc99")
.define("dark-highlight-aqua", dark["--highlight-aqua"] || "#66cccc")
.define("dark-highlight-blue", dark["--highlight-blue"] || "#54b6ff")
.define("dark-highlight-purple", dark["--highlight-purple"] || "#dcbdfb")
.define("has-valine", hasValine)
.define("has-waline", hasWaline)
.define("has-gitalk", hasGitalk)
.define("has-giscus", hasGiscus);
});