GeekLand极客

写下这篇主要是因为之前的教程已经有点过时了，centos7.8也没有维护了，docke新版本可能存在与系统不兼容的情况，所以这次更新为使用最新的docker和dockercompose，改用为Ubuntu系统。 准备 一台初始化的Ubuntu系统（24.04 64位） 一个备案好的域名 一个cloudflare账号 服务器配置修改SSH端口号连接服务器： 1ssh root@you ip 修改端口，编辑sshd_config文件： 1vi /etc/ssh/sshd_config 输入 i 编辑，把#去掉，把22改为想要的端口，最后:wq保存： 1Port 10024 用编辑器打开 /lib/systemd/system/ssh.socket 文件 1sudo vim /lib/systemd/system/ssh.socket 将 ListenStream=22 中的 22 端口号修改为你刚才设置的端口号 1ListenStream=10024 重启服务 123sudo systemctl daemon-reloadsudo systemctl restart ssh ...

文章主要记录一下如何实现项目的自动化集成部署，并且让docker容器支持HTTPS的访问，并且通过几个例子来实践。这也是我目前觉得服务端比较好的架构思路了 解决哪些痛点问题在个人开发项目的时候，我们希望自己写的项目网站能放到有公网IP的服务器上供每个人都可以浏览访问，但是服务器端通常会遇到一些问题： 端口问题： 比如A项目需要占用3000端口，B项目也需要，这个时候导致端口的冲突，就需要修改端口。而且记住端口也是一件很麻烦的事情，容易导致端口冲突问题。（本文只需要服务器开放80和443端口，通过ngixn代理其他docker容器，从而无需开启其他端口就可以访问到容器应用） 部署问题： 每次项目代码的小改动，都需要重新本地构建，连接服务器上传代码，这是非常麻烦的一件事情。（通过Jenkins自动化集成部署可以解决该问题） HTTPS证书问题： 每个项目需要域名访问，比如api.admin.com对应的是api接口项目，front.admin.com对应前端项目，但是证书需要为每个域名单独申请，这就很费时费力了，而且每个证书都有时效性的，过期就需要手动更新，很麻烦（通过acme可以自动 ...

大学刚毕业那会，接触过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時，默認的封 ...