缘起

2022-7-26

【日记摘抄】

上大学后想尝试运营一个个站或公众号,用于更新一些知识分享(艺术相关);如果成本略高,就则改用微博,我需注册个小号。
计划是科普号与绘画号联动,互为印证,增加可信度。
我需先去了解一下账号的推广怎么做(。)

2023-5-22

近期,在校学习了CSS与HTML5这两项开放Web语言。有感于作品投放散乱,兼常遭运营商屏蔽,深感不满。故萌生了制作博客/个站的念头。作为计划,记录在待办事项中。(于是结课作业写了前端的静态网页)

但因缺乏后端开发的相关能力,计划暂时被搁置了。

我为什么要自建一个博客

为什么要这么费心费力去建一个个人网站……因为云盘并不安全,社交媒体更是脆弱。曾经辉煌一时的BBS、论坛,天涯、贴吧、乃至看似还在活跃但实则信息早已大量流失的知乎、豆瓣,无一不是如此。因为我就是不喜欢大资本运营商这种随时可能垮塌、大厦倾倒时也将卷走一切我所珍视的信息和关系网的【予取予夺】的处境。我宁愿用markdown把一切手记都存在我自己本地的主机里、我的磁盘里,把一切发布内容都放在不受运营商牵制的我自己的域名里。与其呆在这样一个个看似群居实为彼此割裂隔绝孤岛的社交媒体中,还不如从根源上回归【互联网】的本质。
而,假使多年以后,社交平台关闭、旧日账号遗失;只要互联网尚在,只要我还活着并有余力维持这个网址,朋友们至少可以通过这里,找回我。

调研阶段

2024-06-03(着手研究)

【在刷到计算机专业/竞赛人士炫酷独立的博客后:】我要。。。。整一个博客! (想了两三年了终于)域名叫什么好呢。。。

虽然之前已经做过一些常识和准备工作了但感觉实操起来还是持久战。也不知道以前写的前端作业改改能不能用上……【现在回看没有网格系统实在是太过于简陋了xx】

大致思考了一下……整体风格、基本功能可以保留,许多素材(比如背景底图与文字盒子)可以保留;但网格系统要规范一下,布局也要改……这个布局太老旧了也不方便内容收纳,得多找些现代艺术家/博主的个站看看他们是怎么排布的……

调研时的笔记:博客部署笔记

操作阶段

2024-06-28(开始建博客)

哟西!开始鼓捣个站搭建!!

敲定方案

因为信息的记录和整理习惯和obsidian已经高度黏连了,所以我会尝试通过GitHub + Obsidian的方式来搭建自己的个站。 最后,我在Obsidian数字花园(原生但收费)、Hugo和Quartz之间,最终选择了Quartz。

所以,在这一步中,我要做的是:找到能以obsidian为数据库的发布工具。

此方案有两重优势:

1、Quartz作为开源工具,经过装配流程后可达到“开箱即用“,而不必烦忧后端搭建问题。

2、数据存储在本地,无需付费租一个远程云盘。省下一笔费用、简化了接发流程,同时也更有利于信息安全~~(方便跑路)~~

希望可以使用一个更简单好记的自定义域名(而非.github.io的默认复杂域名)重新定向该网站;并且租赁域名的运营商应当安全、可靠,并且无需强制备案和审核内容。

之前其实一直考虑的是把站建在墙外,但…实在是搞不好哪天运营商被关在外面站也无法普通访问了……也很麻烦。(最后还是从国外运营商手上租的域名,但小网站无法被搜索引擎捕捉也没什么流量,暂时无需担心被墙风险)

具体操作

(注意:以下描述的全部操作都需基于电脑完成,手机、平板等移动端均无法进行如下操作)

1、下载并安装Obsidian
2、注册启用GitHub账号

GitHub上注册一个账号(这里可能需要用到加速器或梯子)

2.1、自2021年起,GitHub已不再支持通过自定义密码完成个人账号验证(注:在GitHub网站上登录账号还是需要密码的,只是当你用该账号连接其他程序——例如我们接下来要做的那样——时,不再需要密码来验证你的身份)取代密码的是随机生成的专属token(密钥)。

密钥的设置教程见这篇文章的“Set up deploy keys”段。

3、安装你的Quartz,并使之与GitHub远程同步

3.1、根据教程新建一个Obsidian库,并将Quartz库Fork到本地并完成初步的sync(同步)。
(!链入的教程为好心人自译的中文版;但翻译不全且很长时间没有更新过了。作者持续更新的原网站见这个:https://quartz.jzhao.xyz,需要自行安装网页翻译插件作为辅助)

3.2、教程中所提及的所有代码都需在 Terminal(终端)内输入。如果你此前没有下载与配置过自己的代码书写环境,可直接使用电脑自带的终端操作窗口:终端(Terminal)窗口的打开方式及常用终端命令 - CSDN

3.3、进入Obsidian插件集市,下载并安装Obsidian Git插件,完成配置与快捷键设置。(此处可参考视频教程:BV1vN4y1m7Z6】 - 27:14部分)

(注:不直接po该教程视频的原因是,这位up主配置的应该是Quartz3.3版本;但如今已更新到4.0,故实操中大量配置不能适配;建议仅作为操作参考,实际配置方法以官方说明书为准)

一定要设置的两个快捷键:Commit(类似保存) 和 Push(类似上传发布)

3.3.1、到这一步为止,你应当已能通过obsidian-git插件把本地的markdown文档同步到自己的GitHub库中了。

4、租一个域名,并配置给你的博客

在决定好你的专属域名之后,就可以开始比价、决定租用的注册商了!

4.1、挑选注册商:6个最好的域名注册商推荐 - 知乎;然后去他们的官网根据流程操作与配置。

4.2、当你有了一个域名后,参考这两篇文章:Quartz官方手册-托管部分通过Hugo发布Obsidian;设置好你的域名

(这一步不同注册商的具体操作不同,故无法直接给出一个共通的教程……只能自己摸索,这一步和4.3轮换着做,看看什么时候能配置成功吧……)

4.3、回到你在GitHub的远程同步库中,按图中设置,把你的Repository(你放博客的那个库)网址重新定向到自定义域名中。

5、在浏览器输入你的域名,检查能否正常进入

注意:配置成功后,每一次对quartz与obsidian文件做出修改,都要完成一次commit与push。否则文件的修改内容无法被传送至你在GitHub的远程库,网页就不会有更新。

途中遇到并解决的问题

Q1、通过GitHub搭建的博客,对于不具备访问GitHub条件的用户(比如直接复制粘贴网址进来的游客)仍然是可以自由进入阅览的吗?

A:是可以的。
GitHub本身只是一个远程的数据存储仓库、一个中转站。
只有你需要直接下载、修改该库中的内容时,才需要注册和登录GitHub账号。
(本博客搭载的评论功能就是基于此逻辑而建的)

2024-06-30(博客建起来了!)

从萌生做博客的想法,距今有……记不清楚,可能有三年了吧;中途绕过很多弯路,WordPress美观但实用性差强人意;学了css和html发现这只是前端最浅层的外观搭建;到最后发现obsidian、发现它的可发布潜质……每一条之间都隔了有一段时间。但最后真正收集到教程并动手去做、最后做完,加起来可能也就三四个整天而已……

虽然但是,其实操作本身并不算难……(或至少不算最难)因为有教程,跟着做就好。真正难的是【筛选出这个方案】……背后涉及到对自身需求的完全剖析(我基本上是在用设计思维方法把自己当用户剖了x)、需求对应的具体功能,以及查找、筛选出具备这些功能的那一个方案的信息搜集与整理分析……在不具备这一切能力的时候,这一条方案对我来讲根本是不存在的。那时的我活在信息茧房中,社交媒体APP就是我所知的全部。

回头如果有机会,我会考虑把【分析需求→得出方案】的这条笔记也po到博客上去,给大家提供一个解决问题的可用思路。(此部分已在本文前段写出,其余部分见博客部署笔记

博客的建立不是终点,维护与更新仍在继续。后续的每一条重大更新以及操作流程概括,我都会写在ETongsland更新日志这一篇记录之中。即是作为自己多年后维护网站的笔记,也是希望提供一份有效的细节参考指南给有建站需求的朋友参考。

维护阶段

要通过代码对本地库做任何操作,都需要先调出quartz库(文件夹)。

在终端输入以下代码,调出本地quartz库:

cd quartz

维护过程中遇到的问题与解决方法

1、无法连接上远程端/无法连接至自己的Github/无法Push

连接-认证出错问题。

最常用的解决方案:

1、下载GitHub Desktop

2、关联你的GitHub账号,Add Existing Repository,关联上你的远程库;并通过Fetch origin来同步你的Quartz。

更复杂一些,但相对治本的方法:

1、回退到上一次成功Push的版本(版本可见于自己repositories的首页)
(操作参考:BV1KE411w7Dc

在终端输入此代码,后面接复制下来的版本号

git reset --hard 

2、重新认证帐户
(操作参考Obsidian-Git插件作者的说明书

Mac版,在终端输入以下代码

git config --global credential.helper osxkeychain

3、修改一下你的内容,并Commit、Push。

2、无法上传图像

不要把图片传到本地库再push上托管在Github的库(repository);
而是直接上传到远程托管库中,再pull回本地库。
【此处推荐用GitHub Desktop辅助以增加成功率】