Back

Cactus | 失去梦想、勉强记录

又名,拖欠一万年始终没写但毕竟事实也没弄完的建站记。

搭建

前前后后磨蹭了挺久,其实看了好些参考文章,不过最后还是照抄的这份作业:《Hugo | 一起动手搭建个人博客吧》。非常好用呜!

……
也不是。
其实是在塔塔的人工TTS帮助下搭起来的。感谢塔塔!!!

瞎掰的原理

武断地讲,博客是将本地文件最终以网页的形式展示出来。
这个过程中,github同时拥有本地和后台仓库存放文件,两者间可以通过github desktop进行数据推送与同步。最开始创建的公钥私钥,起到的就是连接作用。(我也不知道专业术语是什么,先随便叫后台吧。

东西推上去之后,仍然是一堆文件,也不会自动变网页。这会就需要vercel自动编译和部署。
vercel与hugo间的关系我不是很确定,好像是……vercel可以部署,同时它人缘不错。一方面和github关系好可以动对面仓库,一方面有许多“能够编译文件并生成网页”的好兄弟。在我的搭建方案中,这个好兄弟是hugo。所以,vercel从github那领到文件后,自觉地喊上好兄弟去干活了。(vercel好像靠谱的队长!

最终,文件通过本地-后台-vercel与hugo的处理,形成了网页。

不具体步骤

那么按照我的理解,现在的任务就是把用到的安装好、打通他们之间的联系、搞到原材料文件。

首先是创建公钥私钥,使文件能被推到后台。
接着是vercel需要同时连接hugo与github,他联系github才能获得后台文件,他联系hugo才能把文件变成网页。作业中这一步是与“搞到原材料文件”同步进行的。vercel使用hugo宣布创建博客成功时,github对应的仓库也就生成了所需文件,接下来通过github desktop推到本地就完成搭建了。

这其实就是上面原理的反向传动:文件通过vercel与hugo生成-后台-本地。

大倒自创苦水

我来回犯过好几次错,基本都是自己不自觉挖坑。
一次是后台仓库与本地仓库不对应。源于我抱着“那就重头再来”的态度,删了后台上的旧仓库,但本地文件还拿着旧仓库的身份证:“.git”与“.gitignore”,新仓库说什么也不认它,它们僵住了。
又搬来塔塔救火。然后我才知道自己都做了什么……!

一次是忘记添加hugo_version。一次是安装主题时,主题文件夹名与配置文件夹中文件夹名不符。都是小毛病但搞起来就很要命。
不如说,我对任何报错都毫无招架之力……

搭好一个后,我有琢磨换个域名,大概查了下,他们从第二年开始飞涨的费用我不想承受。我看着自己的域名,也是vercel队长包办的:https://仓库名.vercel.app/。
我对vercel的署名毫无意见,但朋友们,我当时的仓库名,叫blog+日期!这实在是太逊了!我不能接受!
于是我又回到了最初的起点。好在我现在能自主作业了,搭建顺利。(尽管我还是在装修上重重跌倒,并且又一次地赶上杰出救火队员塔塔。

装修

搬家后更换主题为CACTUS。部署时遇到了(暂时没找到原因的)CSS无法加载。于是抄了现成作业暴力解决。作业已经针对原主题进行了一些我喜闻乐见而无处着手的修改,基本满意。

我在装修上个博客时,很烦恼:“哪个路径的哪个文件的哪个项下的font-size才是控制我要改的目标文字大小呢?”
塔塔教我!第N次感谢塔塔!!!

1.已经确定了敌方范围肯定是assets\scss,用VS CODE打开文件夹,查找font-size。蛮多的。
2.回到网页,F12调出审查元素,改哪个点哪个,在style下面找关键词。找到回VS CODE搜。
3.挨个试。

后来想换套配色——哇那我岂不是可以搜索颜色代码,根据显示颜色的不同判断哪个控制的哪个?!

后来又发现鼠标悬停到这里可以查看文件路径……

修改字体大小及颜色

全局字体大小在 \assets\scss\_variables.scss
文章内标题对应的h2\h3在 \assets\scss\_extend.scss

颜色控制在 \assets\scss\colors\classic.scss

修改加粗文字样式 \assets\scss\_extend.scss

strong {
  font-weight: bold;
  color: #278BAF;

更换站点图标

替换该路径下图片\static\images

添加友链

简洁风博客到底该怎么加花里胡哨的友链呢!
想到了FF14的宏,火速抄了个bulinbulin的施放魔法,只是因为行间距的关系可能还是有一点糟糕……

/p
 ∧_∧ 
(。・ω・。)つ━☆・*。
⊂   ノ    ・゜+.
 しーJ   °。+ *´¨)
         .· ´¸.·*´¨) ¸.·*¨)
          (¸.·´ (¸.·'* ☆

字数统计

为了解决网页加载缓慢的问题,直接复制了塔塔库。她做好了字数统计,我跟着有了!

还是出现了问题,因为我没有打开中文(?
在config中输入:

  hasCJKLanguage = true

开始写

折叠

折叠这么写:

<details>   
<summary>示警</summary>  
折叠内容
</details>  

需要打开HMTL的使用。在config的makeup下输入:

  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

插入图片

一顿折腾最后使用塔塔推荐的图床:cloudinary

在图床上传图片生成网址粘贴过来,这么写:

![图片名称 /可以为空](图片链接)

参考书目

话虽如此,我和它们只是几面之缘的关系……

《针对产出者的自搭博客选择指南》
《彻底搞懂如何使用Hexo+GitHubPages搭建个人博客》
《记录生活,分享点滴:通过 Hexo 搭建与使用个人博客》
《有关 Markdown 中的图片,你需要知道的一切》

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy
© Licensed Under CC BY-NC-SA 4.0