My discoveries begin… 记录关于博客搭建的点点滴滴。

10月28日花了大半天用 hugo 搭好了这个博客,原本采用的是 xianmin 大神制作的 Jane 主题。

中间经历了各种问题,比如说 乱码、不支持中文、Travis CI 部署连续失败7次,每一次都是焦急的等待……部署成功之后依然存在问题,比如说上传了博文但是部署后并没有显示,当时把常常的 front matter 恢复成默认状态居然又好了。此外还有很多大大小小的问题不明白,因为比较陌生,有些问题完全不知从何来也不记得自己操作了什么又好了。

后两天开始复习期中考内容,10月30日考完后上传了整理的知识点,但是 github pages 连整个界面都没法显示了,试了好多方法无果后重新搭建博客,这次直接用了 Jane 主题的爸爸 —— Even 主题。

本地查看没问题后部署到 github 上依然遇到了好多问题,最后发现原因很简单 —— 我没有将原主题的资源文件复制到我的根目录下,不过这里不太明白为什么本地跑 hugo server 就完全没问题呢?

19.10.30重搭建流程

#创建站点
hugo new site hanmeimei-blog

#下载主题
cd hanmeimei-blog
git clone https://github.com/olOwOlo/hugo-theme-even themes/even 

#填充文件
cp themes/even/exampleSite/config.toml config.toml
cp -R themes/even/exampleSite/content/ content

#测试效果
hugo server

我大概知道为什么主题那里的git状态一直不对了,因为原本主题就是从 github 那里 clone 下来的,所以本身就存在一个版本控制,这次我把它移除干净了:

git rm -r -n --cached themes/even    //-n 这个参数预览
git rm -r --cached  themes/even      //执行命令

其实上面两个命令都没有清理干净,导致我的vscode一直存在这个问题:明明没有任何变动,却提醒我 themes/even 文件夹有改动,需要 stage,但提交也提交不上去。我后来的做法是直接 rm -rf .git*

魔改配置文件

archetypes/default.md

title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: false
tags: [

]
categories: [
  
]
toc: true
autoCollapseToc: false

<!--more-->

.gitignore

public/* #暂且只放着一个

config.toml

baseURL = "https://nicolemayer.github.io/"
title = "Walk Hanmei's World"

[author]               
  name = "hanmei"
  
[languages.en]
  languageCode = "en"

[Languages.zh]
  languageCode = "zh-cn"
  
since = "2019"            # 站点建立时间

# site info (optional)                                  
  logoTitle = "Hanmei@梅"        # default: the title value    
  keywords = ["Life", "Coding", "Journal"]
  description = "Welcome to Hanmei's site."
  
# show word count and read time ?    # 是否显示字数统计与阅读时间
  moreMeta = true
  
  [params.social]               # 社交链接太多删掉一堆
    a-email = "nicolemeimeibest@gmail.com"
    g-github = "https://github.com/NicoleMayer"

感觉自己可能白搭了,之前以为是 theme 文件夹的问题,现在想想应该是 layouts 文件夹为空的问题;之前的本地文件也是空的,可能最开始的成功应该是在本地的错觉?很神奇的是这个文件夹为空对本地 hogo 生成的文件没有影响,但在github上不太一样,原因为知。

cp -R themes/even/layouts layouts

$%^@#!#!$!$#%…

此处省略尝试过的n种方案,样样失败,最后发现我的文件目录结构必须与主题完全一致才OK。唉,血与泪的教训…

19.11.6加入评论系统

最开始我找到了 comment.js ,它是基于 github issues 的评论系统,稳定性应该比别的会好吧,不用担心平台倒了… 填好了OAuth申请正想要大刀阔斧地开始搞事情的时候,咦,even 是不是已经配好了?

居然这么简单,我开始飘了…看看效果怎么样?嗯,很棒。

20.2.18重建主题

大概花了两天的世界,研究了新主题 maupassant,具体的研究过程见 如何制作一个hugo主题。最后在侧边栏加了个日历。

20.2.21加入碎碎念

可以看到主页菜单栏已经加入“碎碎念”的栏目,具体操作很简单,在 content 文件夹中新创建一个放碎碎念的子文件夹,里面的文件设置一下 type,然后在 layouts 也加一个相同的子文件夹,设置好 html 结构。

目前只是简单的调整了一下正常博文的结构作为碎碎念的结构,之后还会在改造一下,有点想搞成朋友圈的样式,为了和主题背景兼容,要做成水墨屏效果的朋友圈。最后我希望在首页能够显示最近一条碎碎念,表示我现在的状态。也许在碎碎念下会加个评论功能?

20.3.30加入学习计划

具体操作和碎碎念差不多~

20.3.30添加评论功能

使用 utterances 插件,但是我发现在某些网络条件下无法访问,之后得换个了。

20.5.23完成侧边栏日历点击进入当日归档

这个功能较为复杂,具体我的 这篇博文 介绍。