写在最前

博客能搭起来总的来说跟本人的聪明才智没有半毛钱关系,完全是照抄各路大佬的作业得来,自己最常做的就是灵光一现把网站搞崩溃……在这里超级感谢塔塔,可以说是我的博客入门导师✊🏻,90%以上都是完全照抄她的作业才得以完成的。所以只是记录搭建过程中一些由于过于基础或者系统差异而教程里没有收录、但是又让我搜得好苦的小操作,还有一些未来装修计划!

基本信息

搭建环境: macOS Monterey 12.6.1

建站参考: Hugo | 一起动手搭建个人博客吧(1)、 macOS使用hugo、github搭建个人博客(2)
塔塔的建站教程简直就是保姆级,可以完全跟着做下来,不过因为win和mac系统的差别有一些需要照着第二个教程操作,例如hugo安装和测试等。

博客主题: Hugo | Hugo-stack-theme 主题魔改版

东跑西颠的小问题

Mac操作:在根目录下

教程1的“在E:\Hugo 右键执行Git bash Here”和教程2的“在根目录下执行命令”后的操作直接在终端里输入是没有用的,要先执行前置命令进入目录才可以。
假如博客文件存放路径在/Documents/Hugo,则需要先执行以下命令。

    cd ./Documents/Hugo

真的是很简单的一个操作,但是折磨了我很久才发现……

Vercel

不知道为什么我通过github注册Vercel的时候一定要电话号码认证,且内地手机号没法用。最后是在google上找了个专门提供国外电话号接受验证码服务的网站解决的问题。如果遇上的同样的问题要做好很多号码都已经注册过的心理准备,多试几次,在注册之后截止目前还没有遇到过再次验证的情况。

制作头像链接

是为了交换友链用的!在路径下的static文件夹(没有的话可以新建一个)再放一份头像文件然后改成固定的名字,例如avatar.png。之后换头像的时候再把文件替换进去,这样就可以有一个固定的头像链接clear0804.vercel.app/avatar.png

给博客增加标题图

明明按照示例文件做的结果不仅没有,还会导致整个网站崩溃,急得不行。刚开始以为是因为没有加引号,然而有的图加了引号也会报错。后来发现好像是有大小限制(存疑),超过1m的会识别不出??把图片在Affinity过了一遍调了大小果然就能显示了,怪事!

Markdown

因为经常会忘记所以干脆记下来……

文本折叠

  <details>
    <summary>显示内容</summary>
    具体内容
  </details>
显示内容 具体内容

文字黑幕

基于本主题已经被塔塔添加过黑幕效果的基础上才可以实现!添加教程here

  <span class="shady">黑幕效果</span>

黑幕效果

装修计划

  • 修改网站背景颜色
  • 学会增加标题图
  • 增加网站评论区
  • 添加轮播图片
  • 书影音展示墙
  • 一旦又看到好看主题呢(你怎么回事???

装修参考

增加轮播图片:Hugo | 在文章中插入轮播图片 by 塔塔
书影音展示墙:docsify中文文档docsify搭建和简单使用(mac)