运维 on wsmの随记

萌备案

Wed, 03 Jan 2024 20:41:29 +0000

申请的事按照官网要求一步步做就好啦。这里记录一下添加图标的经过。

基础版

要从官网下载样式库才能引用萌备的图标。下载下来解压到 /moebeian 就行。

然后在你的网页 footer 上写上

<link rel="stylesheet" type="text/css" href="/moebeian/style.css">
<span class="icon-MOE"> </span>

NexT 主题适配

对于我正在使用的 Hexo-NexT 主题，需要编辑 next 文件夹中的源文件：

<link rel="stylesheet" type="text/css" href="/moebeian/style.css">
<span class="icon-MOE"> </span>
<!--以下是原有的备案-->
{{- next_url(theme.footer.beian.url, theme.footer.beian.icp + ' ') }}

然后在 NexT 配置文件中编辑

beian:
  enable: true
  icp: 萌ICP备xxxx号
  url: https://icp.gov.moe/?keyword=xxxx

当然，萌备样式库放在了 /source/moebeian 下。

用 VuePress 写一个文档

Fri, 30 Jun 2023 17:25:54 +0000

安装

首先参考手动安装安装本体

然后 npm i -D vuepress-plugin-md-enhance 安装 md-enhance，下面会参考 Markdown 增强

配置

import { defineUserConfig } from 'vuepress'
import { defaultTheme } from 'vuepress'
import { mdEnhancePlugin } from "vuepress-plugin-md-enhance"

export default defineUserConfig({
    lang: 'zh-CN',
    title: '标题',
    head: [['link', { rel: 'icon', href: '/favicon.svg' }]], // tab 图标
    theme: defaultTheme({
      logo: '/favicon.svg', // 主图标
      sidebar: [
        '文件名（可不带.md）',
      ]
    }),
    plugins: [
    mdEnhancePlugin({
      footnote: true, // 支持脚注
      // container: true, // 支持容器，后来发现默认样式也不错
      align: true,
    }),
  ],
})

// 用以修改颜色
:root {
    --c-brand: #B390D9;
    --c-brand-light: #C4A8E1;
}

html.dark {
    --c-brand: #A594F9;
    --c-brand-light: #CDC1FF;
}

<!--用以修改默认 404 -->
<!--可以添加任何合法的 Vue 元素 -->

PWA

TODO

使用 Hexo + NexT 搭建博客

Mon, 26 Jun 2023 21:01:48 +0000

安装

参考文档 | Hexo：

npm install -g hexo-cli
hexo init my-blog && cd my-blog
npm install

配置 Hexo

我们需要区分两个 _config.yml

After the installation of Hexo and NexT, you may found that there are two configuration files using by Hexo and both called _config.yml:

The first one is under {% label info@site root directory %}, which contains Hexo’s config.

The second one is under {% label primary@theme root directory %} (e.g. themes/next/_config.yml or node_modules/hexo-theme-next/_config.yml), which is provided by NexT and contains theme’s config.

Let’s call the first one – {% label info@Hexo config file %}, and the second one – {% label primary@NexT config file %}.¹