博客更新成 Butterfly Theme 的过程中遇到的问题

杨丝儿

发布于 2022-03-17 21:34:31

1.1K0

这篇文章只是记录我在更新中遇到的问题，没有太多的价值了。

Post Front-matter

---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
---

寫法	解釋
title	【必需】文章標題
date	【必需】文章創建日期
updated	【可選】文章更新日期
tags	【可選】文章標籤
categories	【可選】文章分類
keywords	【可選】文章關鍵字
description	【可選】文章描述
top_img	【可選】文章頂部圖片
cover	【可選】文章縮略圖(如果沒有設置top_img,文章頁頂部將顯示縮略圖，可設為false/圖片地址/留空)
comments	【可選】顯示文章評論模塊(默認 true)
toc	【可選】顯示文章TOC(默認為設置中toc的enable配置)
toc_number	【可選】顯示toc_number(默認為設置中toc的number配置)
copyright	【可選】顯示文章版權模塊(默認為設置中post_copyright的enable配置)
copyright_author	【可選】文章版權模塊的文章作者
copyright_author_href	【可選】文章版權模塊的文章作者鏈接
copyright_url	【可選】文章版權模塊的文章連結鏈接
copyright_info	【可選】文章版權模塊的版權聲明文字
mathjax	【可選】顯示mathjax(當設置mathjax的per_page: false時，才需要配置，默認 false)
katex	【可選】顯示katex(當設置katex的per_page: false時，才需要配置，默認 false)
aplayer	【可選】在需要的頁面加載aplayer的js和css,請參考文章下面的音樂配置
highlight_shrink	【可選】配置代碼框是否展開(true/false)(默認為設置中highlight_shrink的配置)
aside	【可選】顯示側邊欄 (默認 true)

如何添加友情链接？

首先是在目录source/_date下有一个叫做link.yml的文件，这个是用来配置添加哪些友情链接的。

about没有一个很好的显示，该这么办呢？

about 可以放自己的 cv 所以并不去规范格式。

有意思了，这个网站可以找到好多的图标

网站链接: https://fontawesome.com/

如何将文章置顶呢？

在front-matter中添加sticky: 1属性，数值越大，优先级越高

如何添加cover呢？

在front-matter中添加cover: [a]属性，a 可以是 left/right/both/false。false就是没有cover的模式。

如何控制版权呢？

一般会包含版权的，在不需要包含的文章可以添加copyright: false的属性。

如果是收录的文章，要单独设置：

copyright_author: xxxx
copyright_author_href: https://xxxxxx.com
copyright_url: https://xxxxxx.com
copyright_info: 此文章版权归xxxxx所有，如有转载，请註明来自原作者

在footer添加备案号

主题配置文件中的footer添加下面这个属性

footer
  custom_text: <a href="icp链接"><img class="icp-icon" src="icp图片"><span>备案号：xxxxxx</span></a>

国内使用的icon仓库是哪一个呢？

答案是：iconfont

神奇的tabs

之后可以尝试以一下，代码如下：

{% tabs test1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->

<!-- tab -->
**This is Tab 3.**
<!-- endtab -->
{% endtabs %}

效果：

还有很多新奇的操作，就不一一列举了

记录：使用lancecloud作为云存储

可以给搜索引擎提交自己的网站，使他可以被搜索到。

# Google Webmaster tools verification setting
# See: https://www.google.com/webmasters/
google_site_verification:

# Bing Webmaster tools verification setting
# See: https://www.bing.com/webmaster/
bing_site_verification:

# Baidu Webmaster tools verification setting
# See: https://ziyuan.baidu.com/site/
baidu_site_verification:

# 360 Webmaster tools verification setting
# see http://zhanzhang.so.com/
qihu_site_verification:

# Yandex Webmaster tools verification setting
# see https://webmaster.yandex.com/
yandex_site_verification:

math

我们使用katex来渲染latex math formula

1+1^2

注意：我们需要在用到了latex formula的文档中添加katex: true的属性

可不可以同时deploy到很多地方呢？

PWA渐进式增强web应用

notice that pjax would not support some page need to exclude these pages

gitalk 配置问题

太搞笑了，我的gitalk又出了https和http写错了的问题，这个会直接导致我的app报错

改成中文的tags和英文的categories 以及修改cover: false

Library ToolBook Collection

NoteBook GeneralNote ReadingNote

DailyLife Normal Special

Project Collaboration Solo

leansCloud 踩坑

这个并不是必须的，在未来在博客中添加说说的时候可以使用这个。暂时不管。(可以是双评论系统)

valine 静态评论系统魔改

这个链接有一些很有意思的标签配置：https://blog.csdn.net/weixin_43868299/article/details/108894568

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-12-26，如有侵权请联系 cloudcommunity@tencent.com 删除

腾讯云开发者社区

https

网络安全

markdown

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度