GeekLand极客

大学刚毕业那会，接触过vue2，之后不久的2019年左右，vue3就面世了，引入了很多新特性，后来因为就业原因，没有进入IT行业，就没有接触过Vue，今天先用一篇文章，从“零基础”开始学习vue和vue3新特性，先在这里写好文章骨架，后续慢慢补充优化吧。 文章代码只展示最主要的部分，完整代码会放在这个github仓库：Vue_Example 语法初探通过编写几个小的Demo，了解Vue的v-if指令、 v-on指令、v-for指令、methods、mounted函数，双向绑定等基础知识点 编写 HelloWorld 和 Counter编写Vue的HelloWorld程序和Counter定时器 HelloWorld.html 123456789101112<div id="app">{{msg}}</div> <script> const app = Vue.createApp({ data() { return { ...

由于博客文章是托管在Giuhub上的，用Cloudflare Page代理，最近在百度收录网站时，频繁遇到308问题或者访问不上问题，起初以为是Cloudflare 外网问题，后来查找多方资料后才明白：Cloudflare Page 会将 .html 文件请求 重定向到 去掉 .html 后缀的地址 。导致百度收录网站时显示网页 308 跳转。 问题的根源Cloudflare Page 会将 .html 文件请求 重定向到 去掉 .html 后缀的地址 。导致百度收录网站时显示网页 308 跳转。也就是跳转到的最终网址是https://geekland.top/xxx,而不是https://geekland.top/xxx.html,这明显不符合百度的收录要求。 解决方法解决方法就是再文件上后缀再加.html,Cloudflare Page 重定向后就会显示 一层 .html。如 Cloudflare Page 文件链接为 https://geekland.top/xxx.html.html。这样访问后重定向后就会显示 https://geekland.top/xxx.html ...

前言记录最近在配置Hexo博客时，发现或学习到以往没有发现的知识。 善用外挂标签在之前的hexo文章中，没有使用外挂标签，文字堆叠在一起或比较散乱，即使文章段落分明，但是阅读起来就是没有主次之分，或者印象不深刻，比如以下文字是没有使用外挂标签的 在之前的hexo文章中，没有使用外挂标签，文字总是堆叠在一起，或者比较散乱，看着都没有注意到 重点，比如这段文字是没有使用外挂标签的 有了外挂标签，可以使文章看起来更有段落感，段落标签不仅可以改变颜色，butterfly主题还提供了ICON的标签，以下是一些示例，官方文档：标签外挂 123456789101112131415161718192021{% note 'fab fa-cc-visa' simple %}你是刷 Visa 還是 UnionPay{% endnote %}{% note blue 'fas fa-bullhorn' simple %}2021 年快到了....{% endnote %}
...

前言在现有的Butterfly主题中（4.12.0），还没有给默认文章封面添加随机的图片的配置，下面是一种解决方法： 将默认图片改为随机图片的API网址，让首页发送多次请求，达到首页封面随机的效果。 解决过程在_config.butterfly.yml文件中找到cover的配置项，default_cover是配置默认封面，把它修改为随机图片的网站。（这种网站百度搜索很多，最好是找有https的站点） 123456789101112cover: # display the cover or not (是否顯示文章封面) index_enable: true aside_enable: true archives_enable: true # the position of cover in home page (封面顯示的位置) # left/right/both position: both suffix: 1 # When cover is not set, the default cover is displayed (當沒有設置cover時，默認的封 ...