🐞 fix: mixed content in browser

site.config.ts

@@ -2,7 +2,7 @@ import { defineSiteConfig } from "valaxy";
 
 export default defineSiteConfig({
   url: "https://www.lihaoyu.cn",
-  favicon: "https://blog-api.lihaoyu.cn/favicon",
+  favicon: "https://blog-api.lihaoyu.cn/images/profile/head.webp",
   lang: "zh-CN",
   title: "晓雨杂记",
   author: {
@@ -15,7 +15,7 @@ export default defineSiteConfig({
   subtitle: "也许我们会分别，但我们将永远不会忘记彼此",
 
   feed: {
-    favicon: "https://blog-api.lihaoyu.cn/favicon",
+    favicon: "https://blog-api.lihaoyu.cn/images/profile/head.webp",
   },
 
   cdn: {

valaxy-theme-custom/components/_partial/PostContent.vue

@@ -35,6 +35,7 @@ const formatDate = (date: string | number | Date) => {
       <PostMeta />
       <br />
       <div class="content break-words">
+        <TimeWarning />
         <div>
           <slot />
         </div>

valaxy-theme-custom/components/_partial/TimeWarning.vue

@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+import { computed, ref, watch } from 'vue'
+import { useFrontmatter } from 'valaxy'
+import { useI18n } from 'vue-i18n'
+
+import { differenceInMilliseconds, formatDistanceToNow } from 'date-fns'
+
+const fm = useFrontmatter()
+const { t, locale } = useI18n()
+
+const updated = computed(() => fm.value.updated || fm.value.date || new Date())
+const ago = ref('')
+
+watch(locale, () => {
+  const fromNow = formatDistanceToNow(updated.value, { addSuffix: true })
+  ago.value = /^\d/.test(fromNow) ? ` ${fromNow}` : fromNow
+}, { immediate: true })
+
+/**
+ * when the post is updated more than 180 days ago, show a warning
+ * default 180 days, you can set `time_warning` in frontmatter to change it
+ */
+const time_warning = computed(() => {
+  const diff = differenceInMilliseconds(new Date(), updated.value)
+  /**
+   * if `time_warning` is a number, compare the time difference
+   * if `time_warning` is a boolean, show warning by flag
+   */
+  if (typeof fm.value.time_warning === 'number')
+    return diff > fm.value.time_warning
+  else
+    return fm.value.time_warning
+})
+</script>
+
+<template>
+  <blockquote v-if="time_warning" op="80">
+    {{ t('post.time_warning', { ago }) }}
+  </blockquote>
+</template>