site logo

Keep doing what you want, never give up.

文章配图

我用Tailwind CSS写了一个程序员简历模版

对于一个后端程序员来说,Tailwind CSS无疑是构建前端UI页面的大杀器,其简洁的语法和所见即所得的实时预览效果极大的提高了前端页面的开发效率,让你用写HTML的方式书写CSS的核心思想简直如行云流水般丝滑。 如下便是用Tailwind CSS构建的一个简历模版,最终效果如下图: 更多手写Tailwind CSS模版可见 此处 ,后续会持续更新。
文章配图

Hugo自定义404页面

要在Hugo主题中添加自定义404页面非常简单,只需要在主题目录中添加一个404的html模版即可: {{ theme }}/layouts/404.html {{ define "main" }} <main> <br><br> <h1>We couldn't find this Page!</h1> <p> Please try our search page to look for it or go back to the <a href="/">home page</a>. </p> </main> {{ end }} 可以查看本站点的404页面示例 https://www.gopherloveapple.com/404
文章配图

在文章中添加HTML代码片段

有一种非常简单的语法可以直接在Markdown文档中显示HTML或任意代码片段还自带高亮 ```HTML <div>Welcome to <strong>Gopher ❤️ Apple</strong></div> ``` 其中三个连续的反引号是固定的,开始反引号后面的HTML可以自定义(比如可以是Go、Swift、CSS等等),最终Hugo构建后渲染出来的效果如下所示: <div>Welcome to <strong>Gopher ❤️ Apple</strong></div>