Hello world !
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完成侧边栏日历点击进入当日归档
这个功能较为复杂,具体我的 这篇博文 介绍。