结合mwebpro和GitHub pages的网站发布流程

在实际中有这样的几个需求,能基于一个域名快速的搭建属于自己的网站,有自己的博客。
最近正好在研究,如何搭建属于自己的一个博客系统,用经济快捷的方式搭建一个属于自己的博客。

网站准备

在搭建之前,是需要有几个东西提前准备的。

  1. 域名,提前购买好一个域名,大概的价格也就在10元年就能搞定,可分为国内和国外的域名。国内一般需要进行备案,整体所需时间大概在1个月左右。
  2. GitHub账号,可以百度GitHub,注册一个账号备用。
  3. 静态站点生成器,比如hugo, hexo,Jekyll等,通过这个生成的内容,上传到GitHub中,进行访问。本次选用Mac版本的mweb pro,这是一个可以写md文件和发布功能的软件。

GitHub仓库设置

  1. GitHub主要作用,一是作为一个网站资源页面的存储仓库,二是利GitHub自带的GitHub pages发布自己的网站。

  2. 新建仓库,设置为public类型,仓库名字一定是 XXX.github.io,xxx是你自己定义的名字,可以随便命名。

  3. 仓库建好后,点击settings,找到 pages , 对网站进行设置。source中选择资源来自于网页代码的分支,branch选择对应的分支,文件夹选择默认就好,custom domain中填写上自己的网站域名,dns解析通过后,会显示绿色的DNS check successful

  4. 在设置好后,上传代码会自动进行部署,将代码部署到自己的网站上。

域名设置

在购买域名后,还需要有几个设置,才能保证能正常访问到网页。

  1. GitHub设置dns解析。打开域名购买商或者代理商的网站,把GitHub的几个地址解析添加上去。
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
  1. 设置指向GitHub页面的dns代理。添加解析记录,类型选择cname,名称选择www ,内容就是自己在GitHub设置的仓库名字。

  2. 验证是否有绑定成功,使用命令 dig 自己域名,可以看到解析后的域名地址。

mweb pro的设置

前面的几部分设置好了,剩下的就是网页页面的编写,可以按照以下的步骤进行设置。

  1. 在第一步中添加一个静态网站分类,然后进行设置。
  2. 填写好名称,选择想要的模版,有好几个模版选择,可以一一尝试找到自己的风格。
  3. 网站名称,填写属于自己的博客名字。
  4. 网站地址就是自己的网址。
  5. 设置好后,选择清理并重新生成网站,就能得到新的网站页面
  6. 选择上传GitHub后,等代GitHub的自动化部署完成,就能直接访问了。

在构建的过程中,会遇到各种错误,可以根据这些错误去搜索解决办法解决,当真的网站搭建成功后,整个人都是快乐的。

2022/05/19 posted in  工具使用

obsidan中附件管理的原则和处理方案

在做笔记的过程中,不可避免的会涉及到图片的分享。是选择将图片直接放在本地,还是将文件通过图床的方式进行分享、本地只存图片连接。

本文将结合这两种方式,进行分析,说说我自己的看法和实践经验,至少这两种方案都有使用过。

1 纯本地存储

当初使用这个本地储存的原因,也是刚由其他笔记转为使用obsidan,看中的就是能将笔记放在本地,能确保自己的笔记真属于自己。不会因为,使用其他平台服务器故障,宕机的情况下笔记丢失。

在这个前提下,实际就能做本地图片附件的管理,重要的就是能将图片重命名和放下特定位置下做管理,这就是解决本地存储的最大问题。

1.1 解决这个问题主要就有两个步骤:

一是对obsidan软件本身设定附件文件夹,设置好对应的附件文件夹的路径,这样能保证所有的图片都能放在这个路径下。

二是使用插件paste image rename , 进行如图设置后,就能进行自动重命名了,方便后期查找。

2 云端存储

云端存储,能实现的最大方便之处在于,本地没有了太多的图片文件,不会再影响obsdian的加载速度。

使用这种方式有很多的方案可以实现,总的方向就是存储仓库+图床工具+obsdian插件。

2.1 存储仓库的选择

在存储仓库的选择上,其实还是蛮多的。就比如,如果你是程序员,可以尝试GitHub 、gitee这种,平时经常在使用的,也不用花费任何费用,学习成本也相对较低。

其次,可以选择,腾讯云、阿里云、华为云等的oss存储技术,简单快捷,之间简单配置下就能使用,不用折腾太多的技术。它的优点就是简单快捷,费用也相对便宜,一年几十块就能搞定。

再有就是相对花费高或者学习成本高的技术手段,直接上nas系统,将自己的储存放在自己的私有服务器中。还有就是拥有一台自己的服务,搭建属于自己的文件系统,在这个文件系统中做文件内容的管理,这种就会要求使用者有一定的技术能力,能在使用过程中,解决遇到的各种问题。

仓库的选择还是相对重要,一旦选择,意味着接下来很长一段时间都会在使用这个仓库,只要这个仓库的内容多起来以后,想要做迁移,其实还是会存在很大的困难的。

所以,在开始的时候,可以考虑好自己想要的仓库,做好未来两三年都会使用这个仓库的决定,以减少不必要的麻烦。

2.2 图床工具的选择

这个也是在做云端文件存储中很重要的一个环节。一般分为在线的小图床工具和比较知名的有专属客户端的图床工具。

以前也用过在线的图床工具,使用了一段时间,发现其实还是有不少不方便的地方,在每一次上传图片的时候,需要自行登陆网站,上传好对应的图片以后,复制上传好的链接,在填写到自己的文章中,这种的效率实际上来说是增加了一个工作流的过程,拖慢了工作效率。

后面发现还有专属客户端的工具,真香。能结合自己现有的工作流去快速的增加工作效率,真正提升自己的幸福感。就简单的例子,在对软件做好配置以后,能直接截图实现图片自动上传,上传后的链接自动保存剪贴板,直接ctrl+v就能使用,不可谓不快。

2.3 obsidan插件

云端存储这个过程中,在配合使用obsdian的相关插件使用,可定会使用到的就是这个图片上传的插件image auto plugin,能实现图片的自动上传。

3 本地+云端的存储形式

由于在做笔记的时候涉及到的图片多是一些截图或者不是很大的图片,并且是希望更多的将图片放在本地做管理,这样更加保险一点。

这种做法的核心是,把所有的图片放在obsdian的特定文件夹下,结合给图片修改名字的插件paste image rename ,实现将文件名字和文章的标题结合起来,方便后期查找。

需要使用到云端储存的图片,比如发布文章的时候 ,可以将单独把图片上传到云端去。

在这个方案下,既可以确保笔记的安全性,也能保障在写文章的时候足够的便捷,随时分享。

4 结语

笔记系统中附件的管理,从来就没有谁好谁坏之分,只有最适合自己的才是更好的。也只有在实践中,不停地去探索,才能找到适合自己的方式。

折腾啊!就是快乐!!

本文作者:redtea 红茶的博客
本文链接:https://redtea.top
版权声明:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,非商业转载及引用请注明出处(作者、原文链接),商业转载请联系作者获得授权。

2022/03/09 posted in  工具使用