折腾主题PaperMod

更新 2024-03-06. 时隔一年我胡汉三由回来了,好久没更新博客了,发现不管是hugo还是papermod主题都迭代了好几个版本,本着博客不折腾就不会有更新的原则,我开始从零开始用新版搭建,这就是静态博客的好处,不管怎么折腾只要数据不丢一切好说。 ...

2022-05-10 · 甲拉古日

首行缩进提升阅读体验

首行缩进一般是将段落的第一行从左向右缩进一定的距离,首行外的各行都保持不变,便于阅读和区分文章整体结构。 那么我们怎么样在现在的hugo博客中实现呢?除了纸质排版外,我们的博客网站是否需要首行缩进?从视觉习惯方面考虑,我仍然更喜欢约定俗成的首行缩进。 一般,末行自然有行尾空格,所以,添加首行缩进,有一种中心对称的美感,虽然我好像写不出什么好文… ...

2022-05-10 · 甲拉古日

利用git+宝塔webhooks实现远程同步Linux服务器

化简为繁 目前写文章的顺序有三个步骤; 本地写好md文件 push到GitHub,利用GitHub Action实现自动部署到分支gh-pages 用服务器端pull分支 之前更多,用上GitHub Action了还是省下了不少时间,那么可不可以再挤挤呢…当然可以,利用宝塔软件商店的webhooks就可以省下在服务器上pull的步骤。 ...

2022-05-08 · 甲拉古日

利用宝塔自动计划主动推送sitemap

今天分享可以利用宝塔计划任务实现百度自动推送代码实例及教程 在网站根目录新建一个文件夹或直接新建php,我的是在根目录新建了一个tool文件夹,文件夹里面新建一个名字.php张贴以下代码: ...

2022-05-06 · 甲拉古日

复习GitHub并使用Actions自动化部署

一直使用GitHub Pages作为境外托管平台,在墙外GitHub是真的强,ms从不超过两位数,但是墙内还是会抽风,所以我的方案都是把GitHub解析到境外。 ...

2022-04-14 · 甲拉古日

Hugo简单添加相册页面

给hugo添加相册页面 今天逛木木博客的时候看到的,实现方法和效果都是简单又美观,搞起来~~ 1,创建html页面 在主题文件下的layouts/_default/目录下创建一个photos.html,并贴上以下代码: {{ define "main" }} <div class="post"> <h2 class="post-title">{{.Title}}</h2> </div> <div class="page-photos"> {{ range (readDir "./static/photos") }} <figure> <img src="{{"photos/" | absURL }}{{ .Name }}" alt="{{ .Name }}" /> <figcaption>{{ .Name | replaceRE "(.*)[.].*" "$1"}}</figcaption> </figure> {{ end }} </div> {{ end }} 2,新增css样式代码 然后根据主题文件的结构添加样式,以我使用的PaperMod为例,在assets/css/extended/blank.css下修改(参考我的): ...

2022-04-13 · 甲拉古日

Hugo开启新标签打开链接

从hexo来到hugo才觉得各种配置写法都不一样了,之前因为都是基于markdown应该差不多,实则差太多了,不过有1说1,hugo比hexo要好用一点。 ...

2022-04-07 · 甲拉古日

Hugo博客随机访问站内文章

引言 为了增加用户与你的Hugo博客的互动性,添加一个随机访问文章的功能是非常有意义的。这种功能可以让用户轻松地发现和阅读他们可能会错过的有趣内容。下面我们将详细讲解如何在Hugo博客中实现这一功能。 ...

2022-01-26 · 甲拉古日

【记录】Matery主题添加图片懒加载

让所有图片元素src指向一个小的站位图片比如loading,并新增一个属性(如data-original)存放真实图片地址。每当页面加载(或者滚动条滚动),使用JS脚本将可视区域内的图片src替换回真实地址,并做请求重新加载。

2020-08-30 · 甲拉古日

让网站底部显示百度收录精准数量

给网站添加百度收录 给自己网站或者博客的底部加个显示百度收录精准数量,下图是效果图,很直观的看到详细的收录数量。 效果图 通用方法 在想要显示的地方直接加上以下代码: ...

2020-08-05 · 甲拉古日