侧边栏壁纸
博主昵称

主题美化的一些东西 🍂

记录自己博客主题的修改和美化记录
  • 文章发布于2024-03-18 22:05:46,共5763字,阅读内容所需的预计时间28分钟。 本文总阅读量

Fixit-主题美化记录

{{< admonition quote "说明" true >}} 记录自己博客主题的修改和美化记录 {{< /admonition >}} > 本文阅读前,基于你已经了解hugo,并且使用Fixit主题成功搭建成功后,如还不了解相关内容请访问👉 FixIt 主题文档 了解。 > <small>关于 FixIt 主题 的问题,请移步 FixIt 官网 相关文章哦~</small> <!–more–>

首页-home

首页个人头像添加 snake 动画特效 背景

> 参考 动态贪吃蛇特效Github地址

自定义css

> 文件位置 /assets/css/_custom.scss

div滚动条样式

 1/************************** div 滚动条样式设定 **************************/
 2div{
 3  scrollbar-width: none; /*火狐隐藏滚动条*/
 4  /* scrollbar-color: transparent transparent;*/
 5  /* scrollbar-track-color: transparent;
 6  -ms-scrollbar-track-color: transparent; */
 7  /* 上面注释的是让滚动条变透明的 */
 8}
 9/** div 滚动条样式设定 */
10div::-webkit-scrollbar {  /* 仅对webkit内核浏览器生效如 chrome edge */
11  width: 1px; /* 高宽分别对应横竖滚动条的尺寸,1px为了方便查看,如果不想显示填0 */
12  height: 1px; /* 高度参数没有作用可不写 */
13  /*display: none;*/ /*隐藏滚动条*/
14}
15/************************** div 滚动条样式设定 **************************/

自定义文章网格背景

> 在/assets/css/_custom.scss文件中添加如下代码:

 1/** 添加网格背景 */
 2.single {
 3  .single-subtitle {
 4    color: #57606a;
 5  }
 6
 7  .content {
 8    background-image: linear-gradient(90deg, rgba(60, 10, 30, .04) 3%, transparent 0), linear-gradient(1turn, rgba(60, 10, 30, .04) 3%, transparent 0);
 9    background-size: 20px 20px;
10    background-position: center;
11  
12    [data-theme=&#39;dark&#39;] &amp; {
13      background-image: linear-gradient(90deg, rgba(195, 245, 215, .04) 3%, transparent 0), linear-gradient(1turn, rgba(195, 245, 215, .04) 3%, transparent 0);
14    }
15  }
16}

自定义js

> 文件位置 assets/js/custom.js 我的自定义custom.js

console打印样式

> console. 花样打印信息,让你的控制台更加高端大气上档次。

 1this.consoleInfo = () =&gt; {
 2      var myConsole = {
 3        log: function (s, css) {
 4            css = (css == undefined) ? &#34;color:#fff7d3;background-color:#ff4f49;font-size:12px;&#34; : css;
 5            console.log(&#34;%c%s&#34;, css, s);
 6        },
 7        green: function (s, css) {
 8            css = (css == undefined) ? &#34;color:#fff7d3;background-color:#33a600;font-size:12px;&#34; : css;
 9            console.log(&#34;%c%s&#34;, css, s);
10        },
11        blue: function (s, css) {
12            css = (css == undefined) ? &#34;color:#fff7d3;background-color:#00768f;font-size:12px;&#34; : css;
13            console.log(&#34;%c%s&#34;, css, s);
14        },
15        violet: function (s, css) {
16            css = (css == undefined) ? &#34;color:#fff7d3;background-color:#79008f;font-size:12px;padding:10px;&#34; : css;
17            console.log(&#34;%c%s&#34;, css, s);
18        },
19        img: function(imgUrl,width,height){
20          width = (width == undefined) ? &#39;100px&#39;:width;
21          height = (height == undefined) ? &#39;100px&#39;:height;
22          console.log(&#34;%c  &#34;, 
23          &#34;background-image:url(&#34;&#43;imgUrl&#43;&#34;);&#34;&#43;
24          &#34;line-height:&#34;&#43;height&#43;&#34;;font-size:&#34;&#43;width&#43;&#34;;background-size: contain;&#34;);
25        }
26      }
27      myConsole.violet(
28        &#34; Talk is cheap, Show me the code. \n&#34;&#43;
29        &#34;                       --Linux 的创始人 Linus Torvalds &#34;
30      );
31      console.log(
32        &#39;%c 毕少侠 | https://geekswg.github.io %c e-mail: mailto://geekswg@qq.com %c&#39;,
33        &#39;color: #FF0000; background: #4bffba; padding:5px 0; border-radius: 5px 5px 5px 5px;&#39;,
34        &#39;background: #fadfa3; padding:5px 0; border-radius: 5px 5px 5px 5px;&#39;,
35        &#39;&#39;
36      );
37      myConsole.blue(
38      &#39;____________________________________________\n&#39;&#43;
39      &#39;                      /                     \n&#39;&#43;
40      &#39;----__----__----__---/-__---__-----------__-\n&#39;&#43;
41      &#39;  /   ) /___) /___) /(     (_ `| /| /  /   )\n&#39;&#43;
42      &#39;_(___/_(___ _(___ _/___\\__(__)_|/_|/__(___/_\n&#39;&#43;
43      &#39;    /                                    /  \n&#39;&#43;
44      &#39;(_ /                                 (_ /   \n&#39;&#43;
45      &#39;————————————————————————————————————————————&#39;
46      );
47      myConsole.img(&#39;http://geekswg.js.cool/images/posts/featured-image-preview.jpg&#39;,&#39;264px&#39;,&#39;100px&#39;);
48      return this;
49    };

在线工具: > 在线生成ascii字符画的网站

  1. http://patorjk.com/software/taag
  2. https://tool.lu/asciipainting

> 图片生成字符画:

  1. http://life.chacuo.net/convertphoto2char
  2. https://www.degraeve.com/img2txt.php

> 图片生成字符画: 1.

参考: Console相关文档 https://developer.mozilla.org/zh-CN/docs/Web/API/Console

添加鼠标点击特效

> 在自定义js中添加自己想要的鼠标点击特效的实现

:point_down:

  1// =====鼠标特效
  2function clickEffect() {
  3  console.log(&#39;初始化鼠标特效-clickEffect!&#39;);
  4  let balls = [];
  5  let longPressed = false;
  6  let longPress;
  7  let multiplier = 0;
  8  let width,
  9  height;
 10  let origin;
 11  let normal;
 12  let ctx;
 13  const colours = [&#34;#F73859&#34;, &#34;#14FFEC&#34;, &#34;#00E0FF&#34;, &#34;#FF99FE&#34;, &#34;#FAF15D&#34;];
 14  const canvas = document.createElement(&#34;canvas&#34;);
 15  document.body.appendChild(canvas);
 16  canvas.setAttribute(&#34;style&#34;, &#34;width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; position: fixed; pointer-events: none;&#34;);
 17  const pointer = document.createElement(&#34;span&#34;);
 18  pointer.classList.add(&#34;pointer&#34;);
 19  document.body.appendChild(pointer);
 20  if (canvas.getContext &amp;&amp; window.addEventListener) {
 21      ctx = canvas.getContext(&#34;2d&#34;);
 22      updateSize();
 23      window.addEventListener(&#39;resize&#39;, updateSize, false);
 24      loop();
 25      window.addEventListener(&#34;mousedown&#34;, function (e) {
 26          pushBalls(randBetween(10, 20), e.clientX, e.clientY);
 27          document.body.classList.add(&#34;is-pressed&#34;);
 28          longPress = setTimeout(function () {
 29              document.body.classList.add(&#34;is-longpress&#34;);
 30              longPressed = true;
 31          }, 500);
 32      }, false);
 33      window.addEventListener(&#34;mouseup&#34;, function (e) {
 34          clearInterval(longPress);
 35          if (longPressed == true) {
 36              document.body.classList.remove(&#34;is-longpress&#34;);
 37              pushBalls(randBetween(50 &#43; Math.ceil(multiplier), 100 &#43; Math.ceil(multiplier)), e.clientX, e.clientY);
 38              longPressed = false;
 39          }
 40          document.body.classList.remove(&#34;is-pressed&#34;);
 41      }, false);
 42      window.addEventListener(&#34;mousemove&#34;, function (e) {
 43          let x = e.clientX;
 44          let y = e.clientY;
 45          pointer.style.top = y &#43; &#34;px&#34;;
 46          pointer.style.left = x &#43; &#34;px&#34;;
 47      }, false);
 48  } else {
 49      console.log(&#34;canvas or addEventListener is unsupported!&#34;);
 50  }
 51
 52  function updateSize() {
 53      canvas.width = window.innerWidth * 2;
 54      canvas.height = window.innerHeight * 2;
 55      canvas.style.width = window.innerWidth &#43; &#39;px&#39;;
 56      canvas.style.height = window.innerHeight &#43; &#39;px&#39;;
 57      ctx.scale(2, 2);
 58      width = (canvas.width = window.innerWidth);
 59      height = (canvas.height = window.innerHeight);
 60      origin = {
 61          x: width / 2,
 62          y: height / 2
 63      };
 64      normal = {
 65          x: width / 2,
 66          y: height / 2
 67      };
 68  }
 69  class Ball {
 70      constructor(x = origin.x, y = origin.y) {
 71          this.x = x;
 72          this.y = y;
 73          this.angle = Math.PI * 2 * Math.random();
 74          if (longPressed == true) {
 75              this.multiplier = randBetween(14 &#43; multiplier, 15 &#43; multiplier);
 76          } else {
 77              this.multiplier = randBetween(6, 12);
 78          }
 79          this.vx = (this.multiplier &#43; Math.random() * 0.5) * Math.cos(this.angle);
 80          this.vy = (this.multiplier &#43; Math.random() * 0.5) * Math.sin(this.angle);
 81          this.r = randBetween(8, 12) &#43; 3 * Math.random();
 82          this.color = colours[Math.floor(Math.random() * colours.length)];
 83      }
 84      update() {
 85          this.x &#43;= this.vx - normal.x;
 86          this.y &#43;= this.vy - normal.y;
 87          normal.x = -2 / window.innerWidth * Math.sin(this.angle);
 88          normal.y = -2 / window.innerHeight * Math.cos(this.angle);
 89          this.r -= 0.3;
 90          this.vx *= 0.9;
 91          this.vy *= 0.9;
 92      }
 93  }
 94  function pushBalls(count = 1, x = origin.x, y = origin.y) {
 95      for (let i = 0; i &lt; count; i&#43;&#43;) {
 96          balls.push(new Ball(x, y));
 97      }
 98  }
 99  function randBetween(min, max) {
100      return Math.floor(Math.random() * max) &#43; min;
101  }
102  function loop() {
103      ctx.fillStyle = &#34;rgba(255, 255, 255, 0)&#34;;
104      ctx.clearRect(0, 0, canvas.width, canvas.height);
105      for (let i = 0; i &lt; balls.length; i&#43;&#43;) {
106          let b = balls[i];
107          if (b.r &lt; 0)
108              continue;
109          ctx.fillStyle = b.color;
110          ctx.beginPath();
111          ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2, false);
112          ctx.fill();
113          b.update();
114      }
115      if (longPressed == true) {
116          multiplier &#43;= 0.2;
117      } else if (!longPressed &amp;&amp; multiplier &gt;= 0) {
118          multiplier -= 0.4;
119      }
120      removeBall();
121      requestAnimationFrame(loop);
122  }
123  function removeBall() {
124      for (let i = 0; i &lt; balls.length; i&#43;&#43;) {
125          let b = balls[i];
126          if (b.x &#43; b.r &lt; 0 || b.x - b.r &gt; width || b.y &#43; b.r &lt; 0 || b.y - b.r &gt; height || b.r &lt; 0) {
127              balls.splice(i, 1);
128          }
129      }
130  }
131}
132// =====鼠标特效

动态设置网站title

> 动态设置网站title,当网页失去焦点时改变网页title,引起用户注意,让用户回来继续浏览。

 1//自动设置网站标题
 2function autSetTitle(){
 3  console.log(&#39;初始化-autSetTitle() =&gt; &#39; &#43;document.title);
 4  var OriginTitile = document.title;
 5  var titleTime;
 6  document.addEventListener(&#39;visibilitychange&#39;, function() {
 7    if(document.hidden) {
 8      //$(&#39;[rel=&#34;icon&#34;]&#39;).attr(&#39;href&#39;, &#34;/failure.ico&#34;);
 9      //$(&#39;[rel=&#34;shortcut icon&#34;]&#39;).attr(&#39;href&#39;, &#34;/failure.ico&#34;);
10      //document.title = &#39;喔唷,崩溃啦!&#39;;
11      document.title = &#39; 😂去哪里了&#39;;
12      clearTimeout(titleTime);
13    } else {
14      //$(&#39;[rel=&#34;icon&#34;]&#39;).attr(&#39;href&#39;, &#34;/favicon-32x32.ico&#34;);
15      //$(&#39;[rel=&#34;shortcut icon&#34;]&#39;).attr(&#39;href&#39;, &#34;/favicon-32x32.ico&#34;);
16      document.title = &#39; 😍欢迎回来&#39;;
17      titleTime = setTimeout(function() {
18        document.title = OriginTitile;
19      }, 2000);
20    }
21  });
22}

代码块部分折叠功能

> 自定义assets/js/codeblock.js,然后在配置文件params.yml中引入该js即可。

 1/**
 2 * 代码块超过指定高度自动折叠Y
 3 */
 4document.addEventListener(&#39;DOMContentLoaded&#39;, () =&gt; {
 5    CodeBlock.init(&#39;hello world&#39;)
 6});
 7
 8const CodeBlock = {
 9    maxHeight: 512, //px
10    //当 overflow-x 值为 hidden、scroll 或者 auto,而本属性的值为 visible(默认值)时,本属性会被隐式的计算为 auto。
11    overflowY: &#39;auto&#39;,  // visible ,hidden
12    initCodeBlockOverflowY:function(overflowHeight,overflowY){
13        overflowY = overflowY || CodeBlock.overflowY;
14        overflowHeight = overflowHeight || CodeBlock.maxHeight;
15        eles = document.getElementsByClassName(&#39;highlight&#39;);
16        eles = Array.from(eles);
17        //console.log(eles);
18        eles.forEach(function(ele, index, eles) {
19            //console.log(ele, index);
20            //console.info(&#39;ele.offsetHeight = &#39;,ele.offsetHeight);
21            let origalHeight = ele.offsetHeight;
22            if(ele.offsetHeight &gt; overflowHeight){
23                //console.log(&#39;#&#39;&#43;ele.id&#43;&#39;&gt;.chroma.open&gt;.table-wrapper&#39;);
24                let curEle = document.querySelector(&#39;#&#39;&#43;ele.id&#43;&#39;&gt;.chroma.open&gt;.table-wrapper&#39;);
25                //console.log(curEle);
26                curEle.style.height = overflowHeight &#43; &#39;px&#39;;
27                curEle.style.overflowY = overflowY;
28                curEle.append();
29                
30                let showMoreDiv = document.createElement(&#39;div&#39;);
31                showMoreDiv.id = ele.id&#43;&#39;-more&#39;;
32                
33                showMoreDiv.style.cssText = &#39;margin-top: -24px;position:sticky;z-index:99;background-image: linear-gradient(to top, #9c9c9c, transparent);text-align: center;cursor: pointer;&#39;;
34                showMoreDiv.innerHTML = &#39;&lt;i class=&#34;fa-solid fa-angles-down fa-beat-fade&#34; style=&#34;font-size:20px;&#34;&gt;&lt;/i&gt;&#39;;
35                ele.appendChild(showMoreDiv);
36                showMoreDiv.addEventListener(&#39;click&#39;, function(){
37                    if(showMoreDiv.innerHTML.indexOf(&#39;fa-angles-down&#39;) &gt;= 0 ){
38                        curEle.style.height = origalHeight &#43; &#39;px&#39;;
39                        showMoreDiv.innerHTML = &#39;&lt;i class=&#34;fa-solid fa-angles-up fa-beat-fade&#34; style=&#34;font-size:20px;&#34;&gt;&lt;/i&gt;&#39;;
40                        showMoreDiv.style.cssText = &#39;margin-top: -56px;position:sticky;z-index:99;background-image: linear-gradient(to top, #9c9c9c, transparent);text-align: center;cursor: pointer;&#39;;
41                        
42                    }else{
43                        curEle.style.height = overflowHeight &#43; &#39;px&#39;;
44                        showMoreDiv.innerHTML = &#39;&lt;i class=&#34;fa-solid fa-angles-down fa-beat-fade&#34; style=&#34;font-size:20px;&#34;&gt;&lt;/i&gt;&#39;;
45                        showMoreDiv.style.cssText = &#39;margin-top: -24px;position:sticky;z-index:99;background-image: linear-gradient(to top, #9c9c9c, transparent);text-align: center;cursor: pointer;&#39;;
46                        window.scrollTo({top:ele.offsetTop, behavior: &#39;smooth&#39;});
47                    }
48                    
49                });
50            }
51        });
52    },
53
54    hello: function(msg){
55        console.info(&#39;CodeBlock.hello()=%s, by geekswg&#39;,msg);
56    },
57    init : function(args){
58        this.hello(args);
59        this.initCodeBlockOverflowY(512,&#39;auto&#39;);// unit px
60    }
61}

> yml配置修改如下

yml {title=&#34;config/default/params.yml&#34;}
# Third-party library config
  # 第三方库配置
  library:
      # someCSS = &#34;some.css&#34;
      # located in &#34;assets/&#34; 位于 &#34;assets/&#34;
      # Or 或者
      # someCSS = &#34;https://cdn.example.com/some.css&#34;
    css: {}

    js:
      jquery-min: https://libs.baidu.com/jquery/2.1.4/jquery.min.js
      codeblockjs: js/codeblock.js
      #someJavascript = &#34;js/jquery-3.6.3.min.js&#34;
      # someJavascript = &#34;some.js&#34;
      # located in &#34;assets/&#34; 位于 &#34;assets/&#34;
      # Or 或者
      # someJavascript = &#34;https://cdn.example.com/some.js&#34;
      #dayjs = &#34;js/dayjs.min.js&#34;

侧边栏-aside

> 对应自定义文件 layouts/partials/custom/aside.html

自定义aside.html

添加天气插件

> 在 aside.html中添加 参考链接 {{< link "https://tianqi.2345.com/plugin/" "2345天气插件" "title" false >}}

1&lt;iframe allowtransparency=&#34;true&#34; frameborder=&#34;0&#34; width=&#34;140&#34; height=&#34;278&#34; scrolling=&#34;no&#34; 
2src=&#34;//tianqi.2345.com/plugin/widget/index.htm?s=2&amp;z=3&amp;t=1&amp;v=1&amp;d=3&amp;bd=0&amp;k=&amp;f=&amp;ltf=009944&amp;htf=cc0000&amp;q=1&amp;e=1&amp;a=1&amp;c=54511&amp;w=140&amp;h=278&amp;align=center&#34;&gt;
3&lt;/iframe&gt;  

添加一言

> 插件地址 一言

1{{/*  添加 一言 https://v1.hitokoto.cn/  */}}
2&lt;!-- 本例不能添加链接内容,放在此处只是因为此接口比较方便,也许能够解决大部分的需求 --&gt;
3&lt;script src=&#34;https://v1.hitokoto.cn/?encode=js&amp;select=%23hitokoto&#34; defer&gt;&lt;/script&gt;
4&lt;!-- 请注意,以下的示例包含超链接,您可能需要手动配置样式使其不变色。如果您嫌麻烦,可以移除。 --&gt;
5&lt;p id=&#34;hitokoto&#34; style=&#39;color:red;font-family: MMT,&#34;沐目体&#34;;font-size:20px;&#39;&gt;
6    &lt;a href=&#34;#&#34; id=&#34;hitokoto_text&#34;&gt;:D 获取中...&lt;/a&gt;
7&lt;/p&gt;

添加音乐插件

> 插件地址 MetingJS

 1&lt;!-- require APlayer 添加侧边栏音乐 暂时于目录冲突找不到原因,注释了 --&gt;
 2&lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css&#34;&gt;
 3&lt;script src=&#34;https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js&#34;&gt;&lt;/script&gt;
 4&lt;!-- require MetingJS --&gt;
 5&lt;script src=&#34;https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js&#34;&gt;&lt;/script&gt;
 6&lt;meting-js
 7	server=&#34;netease&#34;
 8	type=&#34;playlist&#34; list-folded=true order=&#34;random&#34;
 9	id=&#34;6678743774&#34; volume=&#34;0.2&#34; list-max-height=&#34;340px&#34; &gt;
10&lt;/meting-js&gt;

头部自定义

> layouts/partials/header.html 主要修改文件,如果文件不存在,则去你使用的主题目录下找到该文件,复制到自己的site对应的路径下。

添加菜单按钮

> 自定义 layouts/partials/header.html 找到需要添加的位置

{{< admonition tip "提示" true >}} 这里是菜单文件的样式,注意这里面有PC端和移动端的,如果要双端都要添加,在对应的两个地方同时加上。 {{< /admonition >}}

添加版娘

> 在项目 layouts/partials/header.html 最底部 中添加

:point_down: 点击下方查看代码

 1&lt;!-- 板娘 https://github.com/stevenjoezhang/live2d-widget --&gt; 
 2&lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css&#34;&gt;
 3&lt;!--
 4&lt;script src=&#34;https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js&#34;&gt;&lt;/script&gt;
 5--&gt;
 6&lt;script type=&#34;text/javascript&#34;&gt;
 7// live2d_path 参数建议使用绝对路径
 8const live2d_path = &#34;https://fastly.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/&#34;;
 9//const live2d_path = &#34;/live2d-widget/&#34;;
10
11// 封装异步加载资源的方法
12function loadExternalResource(url, type) {
13	return new Promise((resolve, reject) =&gt; {
14		let tag;
15
16		if (type === &#34;css&#34;) {
17			tag = document.createElement(&#34;link&#34;);
18			tag.rel = &#34;stylesheet&#34;;
19			tag.href = url;
20		}
21		else if (type === &#34;js&#34;) {
22			tag = document.createElement(&#34;script&#34;);
23			tag.src = url;
24		}
25		if (tag) {
26			tag.onload = () =&gt; resolve(url);
27			tag.onerror = () =&gt; reject(url);
28			document.head.appendChild(tag);
29		}
30	});
31}
32
33// 加载 waifu.css live2d.min.js waifu-tips.js
34if (screen.width &gt;= 100) {
35	Promise.all([
36		loadExternalResource(live2d_path &#43; &#34;waifu.css&#34;, &#34;css&#34;),
37		loadExternalResource(live2d_path &#43; &#34;live2d.min.js&#34;, &#34;js&#34;),
38		loadExternalResource(live2d_path &#43; &#34;waifu-tips.js&#34;, &#34;js&#34;)
39	]).then(() =&gt; {
40		// 配置选项的具体用法见 README.md
41		initWidget({
42			waifuPath: live2d_path &#43; &#34;waifu-tips.json&#34;,
43			//apiPath: &#34;https://live2d.fghrsh.net/api/&#34;, 
44			//cdnPath: &#34;https://fastly.jsdelivr.net/gh/fghrsh/live2d_api/&#34;,
45			cdnPath: &#34;https://live2d.fghrsh.net/api/&#34;,
46			tools: [&#34;hitokoto&#34;, &#34;asteroids&#34;, &#34;switch-model&#34;, &#34;switch-texture&#34;, &#34;photo&#34;, &#34;info&#34;, &#34;quit&#34;]
47		});
48	});
49}
50
51console.log(`
52  く__,.ヘヽ.        /  ,ー、 〉
53&#39;, !-─‐-i  /  /´
54           /`ー&#39;       L//`ヽ、
55         /   /,   /|   ,   ,       &#39;,
56       イ   / /-‐/  i  L_ ハ ヽ!   i
57        レ ヘ 7イ`ト   レ&#39;ァ-ト、!ハ|   |
58          !,/7 &#39;0&#39;     ´0iソ|    |
59          |.从&#34;    _     ,,,, / |./    |
60&#39;| i>.、,,__  _,.イ /   .i   |
61&#39;| | / k_7_/レ&#39;ヽ,  ハ.  |
62              | |/i 〈|/   i  ,.ヘ |  i  |
63             .|/ /  i:    ヘ!    \  |
64              kヽ&gt;、ハ    _,.ヘ、    /、!
65              !&#39;〈//`T´&#39;, \ `&#39;7&#39;ーr&#39;
66&#39;ヽL__|___i,___,ンレ|ノ
67                  ト-,/  |___./
68                  &#39;&#39;    !_,.:
69`);
70&lt;/script&gt;

> 添加十年之约 和 开往友链 的链接

{{< link "https://www.travellings.cn" "开往" "title" false >}} {{< link "https://www.foreverblog.cn/" "十年之约" "title" false >}}

 1&lt;style&gt;
 2    .footerImg {
 3        height: 20px;  
 4    }
 5&lt;/style&gt;
 6&lt;div class=&#34;footer-line custom&#34;&gt;
 7    &lt;a href=&#34;https://www.travellings.cn&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;/images/travelling.png&#34;  class=&#34;footerImg&#34; alt=&#34;&#34; title=&#34;开往-友链接力 v1.5&#34;&gt;&lt;/a&gt;
 8    &lt;a href=&#34;https://www.travellings.cn/go.html&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;/images/travelling.gif&#34; class=&#34;footerImg&#34; alt=&#34;&#34;  title=&#34;开往-友链接力 v1.5&#34;&gt;&lt;/a&gt;
 9    &lt;a href=&#34;https://www.foreverblog.cn/&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://img.foreverblog.cn/logo_en_default.png&#34; class=&#34;footerImg&#34; alt=&#34;&#34; &gt; &lt;/a&gt;
10    &lt;a href=&#34;https://www.foreverblog.cn/go.html&#34; target=&#34;_blank&#34;&gt;&lt;img src=&#34;https://img.foreverblog.cn/wormhole_2.gif&#34; class=&#34;footerImg&#34; alt=&#34;&#34; title=&#34;穿梭虫洞-随机访问十年之约友链博客&#34;&gt;&lt;/a&gt;
11&lt;/div&gt;

核心配置文件

> params.toml

  1# -------------------------------------------------------------------------------------
  2# Theme Core Configuration | 主题核心配置
  3# See: https://fixit.lruihao.cn/theme-documentation-basics/#site-configuration
  4# -------------------------------------------------------------------------------------
  5
  6# FixIt theme version
  7# FixIt 主题版本
  8version = &#34;0.2.X&#34;
  9# website description for RSS, SEO, Open Graph and Twitter Cards
 10# 网站描述, 用于 RSS, SEO, Open Graph 和 Twitter Cards
 11description = &#34;博客:探索、发现、分享 By geekswg-[毕少侠]&#34;
 12# site keywords
 13# 网站关键词
 14keywords = [&#34;geekswg&#34;,&#34;毕少侠&#34;,&#34;博客&#34;,&#34;Github&#34;,&#34;Hugo&#34;, &#34;LoveIt&#34;,&#34;FixIt&#34;]
 15# site default theme [&#34;light&#34;, &#34;dark&#34;, &#34;auto&#34;]
 16# 网站默认主题 [&#34;light&#34;, &#34;dark&#34;, &#34;auto&#34;]
 17defaultTheme = &#34;auto&#34;
 18# public git repo url only then enableGitInfo is true
 19# 公共 git 仓库路径,仅在 enableGitInfo 设为 true 时有效
 20gitRepo = &#34;https://github.com/geekswg/blogFixit&#34;
 21# which hash function used for SRI, when empty, no SRI is used [&#34;sha256&#34;, &#34;sha384&#34;, &#34;sha512&#34;, &#34;md5&#34;]
 22# 哪种哈希函数用来 SRI, 为空时表示不使用 SRI [&#34;sha256&#34;, &#34;sha384&#34;, &#34;sha512&#34;, &#34;md5&#34;]
 23fingerprint = &#34;&#34;
 24# date format
 25# 日期格式
 26dateFormat = &#34;2006-01-02&#34;
 27# website images for Open Graph and Twitter Cards
 28# 网站图片, 用于 Open Graph 和 Twitter Cards
 29images = [&#34;/images/avatar.png&#34;]
 30# FixIt 0.2.12 | NEW enable PWA
 31# FixIt 0.2.12 | 新增 开启 PWA 支持
 32enablePWA = true
 33# whether to add external Icon for external links automatically since v0.2.14
 34# 是否自动显示外链图标 since v0.2.14
 35externalIcon = true
 36# FixIt will, by default, inject a theme meta tag in the HTML head on the home page only. since v0.2.14
 37# You can turn it off, but we would really appreciate if you don’t, as this is a good way to watch FixIt&#39;s popularity on the rise.
 38# 默认情况下,FixIt 只会在主页的 HTML 头中注入主题元标记。since v0.2.14
 39# 您可以将其关闭,但如果您不这样做,我们将不胜感激,因为这是观察 FixIt 受欢迎程度上升的好方法。
 40disableThemeInject = false
 41
 42# App icon config
 43# 应用图标配置
 44[app]
 45  # optional site title override for the app when added to an iOS home screen or Android launcher
 46  # 当添加到 iOS 主屏幕或者 Android 启动器时的标题, 覆盖默认标题
 47  title = &#34;毕少侠APP&#34;
 48  # whether to omit favicon resource links
 49  # 是否隐藏网站图标资源链接
 50  noFavicon = false
 51  # modern SVG favicon to use in place of older style .png and .ico files
 52  # 更现代的 SVG 网站图标, 可替代旧的 .png 和 .ico 文件 #设置网站logo的 favicon
 53  svgFavicon = &#34;/favicon.svg&#34;
 54  # Safari mask icon color
 55  # Safari 图标颜色
 56  iconColor = &#34;#5bbad5&#34;
 57  # Windows v8-10 tile color
 58  # Windows v8-10 磁贴颜色
 59  tileColor = &#34;#da532c&#34;
 60  # Android browser theme color
 61  # Android 浏览器主题色
 62  [app.themeColor]
 63    light = &#34;#f8f8f8&#34;
 64    dark = &#34;#252627&#34;
 65
 66# Search config
 67# 搜索配置
 68[search]
 69  enable = true
 70  # type of search engine [&#34;lunr&#34;, &#34;algolia&#34;, &#34;fuse&#34;]
 71  # 搜索引擎的类型 [&#34;lunr&#34;, &#34;algolia&#34;, &#34;fuse&#34;]
 72  type = &#34;fuse&#34;
 73  # max index length of the chunked content
 74  # 文章内容最长索引长度
 75  contentLength = 9999000
 76  # placeholder of the search bar
 77  # 搜索框的占位提示语
 78  placeholder = &#34;输入关键词搜索&#34;
 79  # max number of results length
 80  # 最大结果数目
 81  maxResultLength = 10
 82  # snippet length of the result
 83  # 结果内容片段长度
 84  snippetLength = 30
 85  # HTML tag name of the highlight part in results
 86  # 搜索结果中高亮部分的 HTML 标签
 87  highlightTag = &#34;em&#34;
 88  # whether to use the absolute URL based on the baseURL in search index
 89  # 是否在搜索索引中使用基于 baseURL 的绝对路径
 90  absoluteURL = false
 91  [search.algolia]
 92    index = &#34;&#34;
 93    appID = &#34;&#34;
 94    searchKey = &#34;&#34;
 95  [search.fuse]
 96    # FixIt 0.2.17 | NEW https://fusejs.io/api/options.html
 97    isCaseSensitive = false
 98    minMatchCharLength = 2
 99    findAllMatches = false
100    location = 0
101    threshold = 0.3
102    distance = 100
103    ignoreLocation = true
104    useExtendedSearch = true
105    ignoreFieldNorm = true
106
107# Header config
108# 页面头部导航栏配置
109[header]
110  # desktop header mode [&#34;sticky&#34;, &#34;normal&#34;, &#34;auto&#34;]
111  # 桌面端导航栏模式 [&#34;sticky&#34;, &#34;normal&#34;, &#34;auto&#34;]
112  desktopMode = &#34;sticky&#34;
113  # mobile header mode [&#34;sticky&#34;, &#34;normal&#34;, &#34;auto&#34;]
114  # 移动端导航栏模式 [&#34;sticky&#34;, &#34;normal&#34;, &#34;auto&#34;]
115  mobileMode = &#34;auto&#34;
116  # Header title config
117  # 页面头部导航栏标题配置
118  [header.title]
119    # URL of the LOGO
120    # LOGO 的 URL 网页左上角logo图标配置
121    logo = &#34;/images/avatar.png&#34; 
122    # title name
123    # 标题名称
124    name = &#34;毕少侠&#34;
125    # you can add extra information before the name (HTML format is supported), such as icons
126    # 你可以在名称 (允许 HTML 格式) 之前添加其他信息, 例如图标
127    pre = &#34;&#34;
128    # you can add extra information after the name (HTML format is supported), such as icons
129    # 你可以在名称 (允许 HTML 格式) 之后添加其他信息, 例如图标
130    post = &#34;&#34;
131    # whether to use typeit animation for title name
132    # 是否为标题显示打字机动画
133    typeit = false
134  # Header subtitle config since v0.2.12
135  # 页面头部导航栏副标题配置 since v0.2.12
136  [header.subtitle]
137    # subtitle name
138    # 副标题名称
139    name = &#34;&lt;span style=&#39;font-family: MMT,\&#34;沐目体\&#34;;&#39;&gt;也在江湖&lt;/span&gt;&#34;
140    # whether to use typeit animation for subtitle name
141    # 是否为副标题显示打字机动画
142    typeit = true
143
144
145# FixIt 0.2.18 | NEW Breadcrumb config
146[breadcrumb]
147  enable = true
148  sticky = true
149  showHome = true
150
151# Footer config
152# 页面底部信息配置
153[footer]
154  enable = true
155  # FixIt 0.2.17 | CHANGED Custom content (HTML format is supported)
156  # For advanced use, see parameter `params.customFilePath.footer`
157  # FixIt 0.2.17 | 更改 自定义内容 (支持 HTML 格式)
158  # 进阶使用,见参数 `params.customFilePath.footer`
159  custom = &#34;&#34;
160  # whether to show Hugo and theme info
161  # 是否显示 Hugo 和主题信息
162  hugo = true
163  # whether to show copyright info
164  # 是否显示版权信息
165  copyright = true
166  # whether to show the author
167  # 是否显示作者
168  author = true
169  # site creation year
170  # 网站创立年份
171  since = 2010
172  # TODO whether to show total word count of site content
173  # TODO 是否显示网站内容总字数
174  wordCount = true
175  # Public network security only in China (HTML format is supported) since v0.2.12
176  # 公网安备信息,仅在中国使用 (支持 HTML 格式) since v0.2.12
177  gov = &#34;&lt;a href=&#39;https://icp.gov.moe/?keyword=20231992&#39; target=&#39;_blank&#39;&gt;&lt;img style=&#39;height:16px;margin-bottom:-3px;&#39; src=&#39;https://icp.gov.moe/images/ico64.png&#39;&gt;&lt;/a&gt;&#34;
178  # ICP info only in China (HTML format is supported)
179  # ICP 备案信息,仅在中国使用 (支持 HTML 格式)
180  icp = &#34;&lt;a href=&#39;https://icp.gov.moe/?keyword=20231992&#39; target=&#39;_blank&#39;&gt;萌ICP备20231992号&lt;/a&gt;&#34;
181  # license info (HTML format is supported)
182  # 许可协议信息 (支持 HTML 格式)
183  license = &#39;&#39;
184  # license = &#39;&lt;a rel=&#34;license external nofollow noopener noreferrer&#34; href=&#34;https://creativecommons.org/licenses/by-nc/4.0/&#34; target=&#34;_blank&#34;&gt;CC BY-NC 4.0&lt;/a&gt;&#39;
185  # FixIt 0.2.17 | CHANGED Site creation time
186  # FixIt 0.2.17 | 更改 网站创立时间
187  [footer.siteTime]
188    enable = true
189    animate = true
190    icon = &#34;fa-solid fa-heartbeat fa-fw animate-icon&#34;
191    pre = &#34;Runing&#34;
192    value = &#34;2018-05-28T20:01:01&#43;08:00&#34;
193  # FixIt 0.2.17 | NEW footer lines order, optional values: [&#34;first&#34;, 0, 1, 2, 3, 4, 5, &#34;last&#34;]
194  # FixIt 0.2.17 | 新增 页面底部行排序,可选值:[&#34;first&#34;, 0, 1, 2, 3, 4, 5, &#34;last&#34;]
195  [footer.order]
196    copyright = &#39;first&#39;
197    
198    statistics = 0
199    visitor = 0
200    beian = 0
201    custom = &#39;last&#39;
202    powered = &#39;last&#39;
203
204# Section (all posts) page config
205# Section (所有文章) 页面配置
206[section]
207  # special amount of posts in each section page
208  # section 页面每页显示文章数量
209  paginate = 20
210  # date format (month and day)
211  # 日期格式 (月和日)
212  dateFormat = &#34;2006-01-02&#34;
213  # amount of RSS pages
214  # RSS 文章数目
215  rss = 10
216  # recently updated posts settings since v0.2.13
217  # 最近更新文章设置 since v0.2.13
218  [section.recentlyUpdated]
219    enable = true
220    rss = true
221    days = 30
222    maxCount = 10
223
224# List (category or tag) page config
225# List (目录或标签) 页面配置
226[list]
227  # special amount of posts in each list page
228  # list 页面每页显示文章数量
229  paginate = 20
230  # date format (month and day)
231  # 日期格式 (月和日)
232  dateFormat = &#34;2006-01-02&#34;
233  # amount of RSS pages
234  # RSS 文章数目
235  rss = 10
236
237# TagCloud config for tags page
238# 标签云配置
239[tagcloud]
240  enable = true
241  # Minimum font size in px
242  # 以 px 为单位的最小字体大小
243  min = 14
244  # Maximum font size in px
245  # 以 px 为单位的最大字体大小
246  max = 32
247  # Maximum count of posts per tag
248  # 每个标签的最大帖子数
249  peakCount = 10
250  # Order of tags, optional values: [&#34;name&#34;, &#34;count&#34;]
251  # 标签顺序,可选值:[&#34;name&#34;, &#34;count&#34;]
252  orderby = &#34;name&#34;
253
254# Home page config
255# 主页配置
256[home]
257  # FixIt 0.2.0 | NEW amount of RSS pages
258  # FixIt 0.2.0 | 新增 RSS 文章数目
259  rss = 20
260  # Home page profile
261  # 主页个人信息
262  [home.profile]
263    enable = true
264    # Gravatar Email for preferred avatar in home page
265    # Gravatar 邮箱,用于优先在主页显示的头像
266    gravatarEmail = &#34;&#34;
267    # URL of avatar shown in home page
268    # 主页显示头像的 URL
269    avatarURL = &#34;/images/avatar.webp&#34; #图片地址/static/images/avatar.png
270    # avatarURL = &#34;/images/avatar.webp&#34; 
271    # FixIt 0.2.7 | CHANGED title shown in home page (HTML format is supported)
272    # FixIt 0.2.7 | 更改 主页显示的网站标题(支持 HTML 格式)
273    title = &#34;Every day is beautiful if you choose to see it.&#34;
274    # subtitle shown in home page
275    # 主页显示的网站副标题
276    subtitle = &#34;如果你愿意去发现,其实每一天都很美&#34;
277    # whether to use typeit animation for subtitle
278    # 是否为副标题显示打字机动画
279    typeit = true
280    # whether to show social links
281    # 是否显示社交账号
282    social = true
283    # FixIt 0.2.0 | NEW disclaimer (HTML format is supported)
284    # FixIt 0.2.0 | 新增 免责声明(支持 HTML 格式)
285    disclaimer = &#34;&#34;
286  # Home page posts
287  # 主页文章列表
288  [home.posts]
289    enable = true
290    # special amount of posts in each home posts page
291    # 主页每页显示文章数量
292    paginate = 12
293
294# Social config in home page
295# 主页的社交信息设置
296[social]
297  GitHub = &#34;geekswg&#34;
298  Weibo = &#34;&#34;
299  Email = &#34;geekswg@qq.com&#34;
300  RSS = true
301  Stackoverflow = &#34;&#34;
302  QQ = &#34;1101303970&#34;
303  blogger = &#34;https://gavinblog.github.io/stellar/&#34;
304  cnblog = &#34;geekswg&#34;
305  QQGroup = &#34;&#34;
306  CSDN = &#34;&#34;
307  douyin = &#34;MS4wLjABAAAA7wEzz2PEAVqUc8bQxcCPGOV9r1zmjMooBHGKcVuP1Es&#34;
308
309# Page config
310# 文章页面配置
311[page]
312  # whether to hide a page from home page
313  # 是否在主页隐藏一篇文章
314  hiddenFromHomePage = false
315  # whether to hide a page from search results
316  # 是否在搜索结果中隐藏一篇文章
317  hiddenFromSearch = false
318  # whether to enable twemoji
319  # 是否使用 twemoji
320  twemoji = false
321  # whether to enable lightgallery
322  # 是否使用 lightgallery
323  lightgallery = true
324  # whether to enable the ruby extended syntax
325  # 是否使用 ruby 扩展语法
326  ruby = true
327  # whether to enable the fraction extended syntax
328  # 是否使用 fraction 扩展语法
329  fraction = true
330  # whether to enable the fontawesome extended syntax
331  # 是否使用 fontawesome 扩展语法
332  fontawesome = true
333  # license info (HTML format is supported)
334  # 许可协议信息(支持 HTML 格式)
335  license = &#39;&lt;a rel=&#34;license external nofollow noopener noreferrer&#34; href=&#34;https://creativecommons.org/licenses/by-nc/4.0/&#34; target=&#34;_blank&#34;&gt;CC BY-NC 4.0&lt;/a&gt;&#39;
336  # whether to show link to Raw Markdown content of the content
337  # 是否显示原始 Markdown 文档内容的链接
338  linkToMarkdown = true
339  # whether to show the full text content in RSS
340  # 是否在 RSS 中显示全文内容
341  rssFullText = false
342  # Page style [&#34;narrow&#34;, &#34;normal&#34;, &#34;wide&#34;, ...] since v0.2.13
343  # 页面样式 [&#34;narrow&#34;, &#34;normal&#34;, &#34;wide&#34;, ...] since v0.2.13
344  pageStyle = &#34;wide&#34;
345  # Gravatar is force-used as the author&#39;s avatar since v0.2.14
346  # 强制使用 Gravatar 作为作者头像 since v0.2.14
347  gravatarForce = false
348  # FixIt 0.2.17 | CHANGED Auto Bookmark Support
349  # If true, save the reading progress when closing the page.
350  # FixIt 0.2.17 | 更改 自动书签支持
351  # 如果为true,关闭页面时保存阅读进度。
352  autoBookmark = true
353  # FixIt 0.2.17 | NEW whether to enable wordCount
354  # FixIt 0.2.17 | 新增 是否启用字数显示
355  wordCount = true
356  # FixIt 0.2.17 | NEW whether to enable readingTime
357  # FixIt 0.2.17 | 新增 是否开启预计阅读时间显示
358  readingTime = true
359  # end of post flag
360  # 文章结束标志
361  endFlag = &#34;-----(完)-----&#34;
362  # FixIt 0.2.18 | NEW whether to enable instant.page
363  # FixIt 0.2.18 | 新增 是否开启即时页面
364  instantPage = true
365
366  # Repost config since v0.2.15
367  # 转载配置 since v0.2.15
368  [page.repost]
369    enable = false
370    url = &#34;&#34;
371  # Table of the contents config
372  # 目录配置
373  [page.toc]
374    # whether to enable the table of the contents
375    # 是否使用目录
376    enable = true
377    # whether to keep the static table of the contents in front of the post
378    # 是否保持使用文章前面的静态目录
379    keepStatic = false
380    # whether to make the table of the contents in the sidebar automatically collapsed
381    # 是否使侧边目录自动折叠展开
382    auto = false
383    # position of TOC [&#34;left&#34;, &#34;right&#34;] since v0.2.13
384    # 目录位置 [&#34;left&#34;, &#34;right&#34;] since v0.2.13
385    position = &#34;right&#34;
386  # Display a message at the beginning of an article to warn the reader that its content might be expired. since v0.2.13
387  # 在文章开头显示提示信息,提醒读者文章内容可能过时。 since v0.2.13
388  [page.expirationReminder]
389    enable = true
390    # Display the reminder if the last modified time is more than 90 days ago
391    # 如果文章最后更新于这天数之前,显示提醒
392    reminder = 90
393    # Display warning if the last modified time is more than 180 days ago
394    # 如果文章最后更新于这天数之前,显示警告
395    warning = 180
396    # If the article expires, close the comment or not
397    # 如果文章到期是否关闭评论
398    closeComment = false
399  # Code config
400  # 代码配置
401  [page.code]
402    # whether to show the copy button of the code block
403    # 是否显示代码块的复制按钮
404    copy = true
405    # whether to show the edit button of the code block since v0.2.13
406    # 是否显示代码块的编辑按钮 since v0.2.13
407    edit = true
408    # the maximum number of lines of displayed code by default
409    # 默认展开显示的代码行数
410    maxShownLines = 64
411  # Post edit since v0.2.14
412  # 文章编辑 since v0.2.14
413  [page.edit]
414    enable = true
415    # Link for fork &amp; edit
416    # url = &#34;/edit/branch-name/subdirectory-name&#34; # base on `params.gitRepo`
417    # url = &#34;https://github.com/user-name/repo-name/edit/branch-name/subdirectory-name&#34; # full url
418    url = &#34;/edit/master/content&#34;
419  # KaTeX mathematical formulas config (KaTeX https://katex.org/)
420  # KaTeX 数学公式配置 (KaTeX https://katex.org/)
421  [page.math]
422    enable = false
423    # default inline delimiter is $ ... $ and \( ... \)
424    # 默认行内定界符是 $ ... $ 和 \( ... \)
425    inlineLeftDelimiter = &#34;&#34;
426    inlineRightDelimiter = &#34;&#34;
427    # default block delimiter is $$ ... $$, \[ ... \], \begin{equation} ... \end{equation} and some other functions
428    # 默认块定界符是 $$ ... $$, \[ ... \],  \begin{equation} ... \end{equation} 和一些其它的函数
429    blockLeftDelimiter = &#34;&#34;
430    blockRightDelimiter = &#34;&#34;
431    # KaTeX extension copy_tex
432    # KaTeX 插件 copy_tex
433    copyTex = true
434    # KaTeX extension mhchem
435    # KaTeX 插件 mhchem
436    mhchem = true
437  # Mapbox GL JS config (Mapbox GL JS https://docs.mapbox.com/mapbox-gl-js)
438  # Mapbox GL JS 配置 (Mapbox GL JS https://docs.mapbox.com/mapbox-gl-js)
439  [page.mapbox]
440    # access token of Mapbox GL JS
441    # Mapbox GL JS 的 access token
442    accessToken = &#34;pk.eyJ1IjoiZGlsbG9uenEiLCJhIjoiY2s2czd2M2x3MDA0NjNmcGxmcjVrZmc2cyJ9.aSjv2BNuZUfARvxRYjSVZQ&#34;
443    # style for the light theme
444    # 浅色主题的地图样式
445    lightStyle = &#34;mapbox://styles/mapbox/light-v10?optimize=true&#34;
446    # style for the dark theme
447    # 深色主题的地图样式
448    darkStyle = &#34;mapbox://styles/mapbox/dark-v10?optimize=true&#34;
449    # whether to add NavigationControl (https://docs.mapbox.com/mapbox-gl-js/api/#navigationcontrol)
450    # 是否添加 导航控制 (https://docs.mapbox.com/mapbox-gl-js/api/#navigationcontrol)
451    navigation = true
452    # whether to add GeolocateControl (https://docs.mapbox.com/mapbox-gl-js/api/#geolocatecontrol)
453    # 是否添加 地理定位控制 (https://docs.mapbox.com/mapbox-gl-js/api/#geolocatecontrol)
454    geolocate = true
455    # whether to add ScaleControl (https://docs.mapbox.com/mapbox-gl-js/api/#scalecontrol)
456    # 是否添加 规模控制 (https://docs.mapbox.com/mapbox-gl-js/api/#scalecontrol)
457    scale = true
458    # whether to add FullscreenControl (https://docs.mapbox.com/mapbox-gl-js/api/#fullscreencontrol)
459    # 是否添加 全屏控制 (https://docs.mapbox.com/mapbox-gl-js/api/#fullscreencontrol)
460    fullscreen = true
461  # Donate (Sponsor) settings
462  # 赞赏设置
463  [page.reward]
464    enable = true
465    animation = true
466    # position relative to post footer, optional values: [&#34;before&#34;, &#34;after&#34;]
467    # 相对于页脚的位置,可选值:[&#34;before&#34;, &#34;after&#34;]
468    position = &#34;after&#34;
469    comment = &#34;Buy me a coffee&#34;
470    [page.reward.ways]
471      wechatpay = &#34;/images/sponsor/wechatpay2.png&#34;
472      alipay = &#34;/images/sponsor/alipay2.png&#34;
473      # paypal = &#34;/images/paypal.png&#34;
474      # bitcoin = &#34;/images/bitcoin.png&#34;
475  # Social share links in post page
476  # 文章页面的分享信息设置
477  [page.share]
478    enable = true
479    Twitter = false
480    Facebook = true
481    Linkedin = false
482    Whatsapp = false
483    Pinterest = false
484    Tumblr = false
485    HackerNews = false
486    Reddit = false
487    VK = false
488    Buffer = false
489    Xing = false
490    Line = false
491    Instapaper = false
492    Pocket = false
493    Digg = false
494    Stumbleupon = false
495    Flipboard = false
496    Weibo = true
497    Renren = false
498    Myspace = false
499    Blogger = true
500    Baidu = false
501    Odnoklassniki = false
502    Evernote = false
503    Skype = true
504    Trello = false
505    Mix = false
506
507  
508  # Third-party library config
509  # 第三方库配置
510  [page.library]
511    [page.library.css]
512      # someCSS = &#34;some.css&#34;
513      # located in &#34;assets/&#34; 位于 &#34;assets/&#34;
514      # Or 或者
515      # someCSS = &#34;https://cdn.example.com/some.css&#34;
516    [page.library.js]
517      jquryMin = &#34;https://libs.baidu.com/jquery/2.1.4/jquery.min.js&#34;
518      #someJavascript = &#34;js/jquery-3.6.3.min.js&#34;
519      # someJavascript = &#34;some.js&#34;
520      # located in &#34;assets/&#34; 位于 &#34;assets/&#34;
521      # Or 或者
522      # someJavascript = &#34;https://cdn.example.com/some.js&#34;
523  
524  # 页面 SEO 配置
525  [page.seo]
526    # image URL
527    # 图片 URL
528    images = [&#34;/images/avatar.png&#34;]
529    # Publisher info
530    # 出版者信息
531    [page.seo.publisher]
532      name = &#34;geekswg&#34;
533      logoUrl = &#34;/images/avatar.png&#34;
534
535# TypeIt config
536# TypeIt 配置
537[typeit]
538  # typing speed between each step (measured in milliseconds)
539  # 每一步的打字速度 (单位是毫秒)
540  speed = 100
541  # blinking speed of the cursor (measured in milliseconds)
542  # 光标的闪烁速度 (单位是毫秒)
543  cursorSpeed = 1000
544  # character used for the cursor (HTML format is supported)
545  # 光标的字符 (支持 HTML 格式)
546  cursorChar = &#34;|&#34;
547  # cursor duration after typing finishing (measured in milliseconds, &#34;-1&#34; means unlimited)
548  # 打字结束之后光标的持续时间 (单位是毫秒, &#34;-1&#34; 代表无限大)
549  duration = -1
550  # 是否启用循环打字特效
551  loop = true
552  # 循环延迟 单位 毫秒
553  loopDelay = 6000 
554
555# Mermaid config since v0.2.15
556# Mermaid 配置 since v0.2.15
557[mermaid]
558  # For values, see https://mermaid-js.github.io/mermaid/#/Setup?id=theme
559  # 取值详见 https://mermaid-js.github.io/mermaid/#/Setup?id=theme
560  themes = [&#39;neutral&#39;, &#39;dark&#39;]
561
562# PanguJS config since v0.2.12
563# 盘古之白配置 since v0.2.12
564[pangu]
565  # For Chinese writing
566  # 适用于中文写作用户
567  enable = true
568  selector = &#34;article&#34; # FixIt 0.2.17 | NEW
569
570# Watermark config since v0.2.12
571# Detail config see https://github.com/Lruihao/watermark#readme
572# 水印配置 since v0.2.12
573# 详细参数见 https://github.com/Lruihao/watermark#readme
574[watermark]
575  enable = true
576  # watermark&#39;s text (HTML format is supported)
577  # 水印内容 (允许 HTML 格式)
578  content = &#39;&lt;img style=&#34;height: 2rem;&#34; src=&#34;/images/avatar.webp&#34; alt=&#34;logo&#34; /&gt; &lt;span style=&#34;font-family:楷体;&#34;&gt;毕少侠&lt;/span&gt;&#39;
579  # watermark&#39;s transparency
580  # 水印透明度
581  opacity = 0.1000
582  # parent of watermark&#39;s container
583  # 水印父节点
584  appendTo = &#34;.wrapper&gt;main&#34;
585  # watermark&#39;s width. unit: px
586  # 单水印宽度 单位:px
587  width = 220
588  # watermark&#39;s height. unit: px
589  # 单水印高度 单位:px
590  height = 50
591  # row spacing of watermarks. unit: px
592  # 水印行间距 单位:px
593  rowSpacing = 220
594  # col spacing of watermarks. unit: px
595  # 水印列间距 单位:px
596  colSpacing = 100
597  # watermark&#39;s tangent angle. unit: deg
598  # 水印旋转角度 单位:deg
599  rotate = 30
600  # watermark&#39;s fontSize. unit: rem
601  # 水印字体大小,单位:rem
602  fontSize = 2
603  # watermark&#39;s fontFamily
604  # 水印字体
605  fontFamily = &#34;inherit&#34;
606
607# FixIt 0.2.12 | NEW Busuanzi count
608# FixIt 0.2.12 | NEW 不蒜子统计
609[ibruce]
610  enable = true
611  # Enable in post meta
612  # 在文章中开启
613  enablePost = true
614
615# Site verification code for Google/Bing/Yandex/Pinterest/Baidu/360/Sogou
616# 网站验证代码,用于 Google/Bing/Yandex/Pinterest/Baidu/360/Sogou
617[verification]
618  google = &#34;&#34;
619  bing = &#34;&#34;
620  yandex = &#34;&#34;
621  pinterest = &#34;&#34;
622  baidu = &#34;&#34;
623  so = &#34;&#34;
624  sogou = &#34;&#34;
625
626# Site SEO config
627# 网站 SEO 配置
628[seo]
629  # image URL
630  # 图片 URL
631  image = &#34;/favicon.svg&#34;
632  # thumbnail URL
633  # 缩略图 URL
634  thumbnailUrl = &#34;/favicon.svg&#34;
635
636
637# Analytics config
638# 网站分析配置
639[analytics]
640  enable = true
641  # Google Analytics
642  [analytics.google]
643    id = &#34;&#34;
644    # whether to anonymize IP
645    # 是否匿名化用户 IP
646    anonymizeIP = true
647  # Fathom Analytics
648  [analytics.fathom]
649    id = &#34;&#34;
650    # server url for your tracker if you&#39;re self hosting
651    # 自行托管追踪器时的主机路径
652    server = &#34;&#34;
653
654# Cookie consent config
655# Cookie 许可配置
656[cookieconsent]
657  enable = false
658  # text strings used for Cookie consent banner
659  # 用于 Cookie 许可横幅的文本字符串
660  [cookieconsent.content]
661    message = &#34;&#34;
662    dismiss = &#34;&#34;
663    link = &#34;&#34;
664
665# CDN config for third-party library files
666# 第三方库文件的 CDN 设置
667[cdn]
668  # CDN data file name, disabled by default [&#34;jsdelivr.yml&#34;, &#34;unpkg.yml&#34;, ...]
669  # located in &#34;themes/FixIt/assets/data/cdn/&#34; directory
670  # you can store your own data files in the same path under your project: &#34;assets/data/cdn/&#34;
671  # CDN 数据文件名称, 默认不启用 [&#34;jsdelivr.yml&#34;, &#34;unpkg.yml&#34;, ...]
672  # 位于 &#34;themes/FixIt/assets/data/cdn/&#34; 目录
673  # 可以在你的项目下相同路径存放你自己的数据文件:&#34;assets/data/cdn/&#34;
674  # 使用 CDN 加速地址文件地址 assets/data/cdn/ 
675  data = &#34;unpkg.yml&#34;
676
677# Compatibility config
678# 兼容性设置
679[compatibility]
680  # whether to use Polyfill.io to be compatible with older browsers
681  # 是否使用 Polyfill.io 来兼容旧式浏览器
682  polyfill = false
683  # whether to use object-fit-images to be compatible with older browsers
684  # 是否使用 object-fit-images 来兼容旧式浏览器
685  objectFit = false
686
687# GitHub banner in the top-right or top-left corner since v0.2.14
688# 在左上角或者右上角显示 GitHub 开源链接 since v0.2.14
689[githubCorner]
690  enable = true
691  permalink = &#34;https://github.com/geekswg/blogFixit/&#34;
692  title = &#34;在 GitHub 查看代码&#34;
693  position = &#34;left&#34; # [&#34;left&#34;, &#34;right&#34;]
694
695# Gravatar config since v0.2.14
696# Gravatar 设置 since v0.2.14
697[gravatar]
698  enable = false
699  # Gravatar host, default: &#34;www.gravatar.com&#34; gravatar头像
700  # Gravatar 主机,默认:“www.gravatar.com”
701  host = &#34;cn.gravatar.com&#34; # [&#34;cn.gravatar.com&#34;, &#34;gravatar.loli.net&#34;, ...]
702  style = &#34;mp&#34; # [&#34;&#34;, &#34;mp&#34;, &#34;identicon&#34;, &#34;monsterid&#34;, &#34;wavatar&#34;, &#34;retro&#34;, &#34;blank&#34;, &#34;robohash&#34;]
703
704# Back to top
705# 返回顶部
706[backToTop]
707  enable = true
708  # Scroll percent label in b2t button
709  # 在 b2t 按钮中显示滚动百分比
710  scrollpercent = true
711
712# Reading progress bar
713# 阅读进度条
714[readingProgress]
715  enable = true
716  # Available values: [&#34;left&#34;, &#34;right&#34;]
717  # 可用值:[&#34;left&#34;, &#34;right&#34;]
718  start = &#34;left&#34;
719  # Available values: [&#34;top&#34;, &#34;bottom&#34;]
720  # 可用值:[&#34;top&#34;, &#34;bottom&#34;]
721  position = &#34;top&#34;
722  reversed = false
723  light = &#34;#0076ff&#34;
724  dark = &#34;#fff&#34;
725  height = &#34;2px&#34;
726
727# FixIt 0.2.17 | NEW Progress bar in the top during page loading
728# For more information: https://github.com/CodeByZach/pace
729# FixIt 0.2.17 | 新增 页面加载期间顶部的进度条
730# 有关详细信息:https://github.com/CodeByZach/pace
731[pace]
732  enable = true
733  # All available colors:
734  # 所有可用颜色:
735  # [&#34;black&#34;, &#34;blue&#34;, &#34;green&#34;, &#34;orange&#34;, &#34;pink&#34;, &#34;purple&#34;, &#34;red&#34;, &#34;silver&#34;, &#34;white&#34;, &#34;yellow&#34;]
736  color = &#34;blue&#34;
737  # All available themes:
738  # 所有可用主题:
739  # [&#34;barber-shop&#34;, &#34;big-counter&#34;, &#34;bounce&#34;, &#34;center-atom&#34;, &#34;center-circle&#34;, &#34;center-radar&#34;, &#34;center-simple&#34;,
740  # &#34;corner-indicator&#34;, &#34;fill-left&#34;, &#34;flash&#34;, &#34;flat-top&#34;, &#34;loading-bar&#34;, &#34;mac-osx&#34;, &#34;material&#34;, &#34;minimal&#34;]
741  theme = &#34;loading-bar&#34;
742
743# Define custom file paths
744# Create your custom files in site directory `layouts/partials/custom` and uncomment needed files below
745# 定义自定义文件路径
746# 在站点目录 `layouts/partials/custom` 中创建您的自定义文件,并取消注释下面需要的文件
747[customFilePath]
748  # aside = &#34;custom/aside.html&#34;
749  # profile = &#34;custom/profile.html&#34;
750  footer = &#34;custom/footer.html&#34;
751  aside = &#34;custom/aside.html&#34;
752
753# Developer options since v0.2.15
754# 开发者选项 since v0.2.15
755[dev]
756  enable = false
757  # Check for updates
758  # 检查更新
759  c4u = false
760  # For using the GitHub API, please do not expose to public!
761  # 用于使用 GitHub API,请勿公开展示!
762  githubToken = &#34;&#34;
763  # Mobile Devtools config
764  # 移动端开发者工具配置
765  [dev.mDevtools]
766    enable = false
767    # &#34;vConsole&#34;, &#34;eruda&#34; supported
768    # 支持 &#34;vConsole&#34;, &#34;eruda&#34;
769    type = &#34;vConsole&#34;

博主栏壁纸
博主头像 爱喝酸奶的我

懒人博客,随缘记录生活点滴

15 文章数
12 评论量
最新评论
标签云
    一言
    今天早上我告诉你我想你了,你没理我。今天中午我给你打电话,你不接,打第二个你就关机。晚上我在你公司楼下等你,你对我说的第一句话就是滚“滚,别烦我,别浪费时间了”,我真的好感动,你居然为我考虑了,怕我浪费时间。呜呜呜,这是我爱你的第74天。