about me

点开博客的同学可能大概都是从我的朋友圈来的吧!那也就不再需要做更多的自我介绍了。
直接开始介绍博客吧!

Kawaro’s Blog 的打开方式

这里,我想分成页面介绍博客搭建介绍两部分来说,一个是和大家说一下如何更好地在这里查看我发的post,另一个是如果有人也想搭建博客,可以做一些参考,有什么问题也可以问我嗷!(不一定(大概率不)会)

页面介绍

其实首页(home) 对于每个page都有一些简短的介绍了,这里结合导航栏里的五个选项(Home、Archive、Gallery等) 展开说说:

  1. Home:

    • 朴实无华的主页,讲了一些这个博客的用途,也就是发发我拍的照片日常。也许以后,之前写的一下小说也会在这里继续(

    • 主页配图是本人推一辈子的锦木千束 !喜欢锦木千束的原因大概是,千束真的十分开朗,每当开始精神内耗的时候看两集《莉可丽丝》顿时就好上许多!(话说之前还想着做一个千束的混剪一直没开始…

      • 主页的尾部有三个选项:
        image.png
      1. All the posts: 链接的是Archive界面
      2. Gallery: 链接的是Gallery(废话
      3. Tags: 链接的是Tag(废话平方
    • 接下来开始分别介绍三个选项链接的三个界面

  2. Archive:
    image.png

    • 这里是按照月份,将所有我发的文章全部集中起来。
    • 我在这个页面的顶部增加了pinned模块,我会把我想要置顶的文章放在上面。
    • 总之这里有所有的post,所以链接了主页“All the posts”选项
  3. Gallery:
    image.png

    • 这个板块是我想做一个网页的初衷,我想把我拍的照片发布在网站上。

    • 之前在notion初步做了一个,但是局限性很大;后来用hexo搭建了现在你看到的这个博客。

    • 这里会有我未来想分享给大家的所有照片,也会把一些以前的照片搬运过来。

    • 这里我也加了pinned模块,不过和Archive里的是两套不同的置顶系统。Archive里置顶的文章,在这里不一定被置顶,反之亦如是。这里我还给置顶的文章加上了 “pinned”小标签image.png|50写这两套置顶系统和这个小标签可太花时间了,但是效果似乎还不错!!

    • 在打开文章以后,可以点开照片查看“大图”
      image.png

      • 之所以大图加了引号,是因为有些图片点开后会缩小(
      • 我的技术力不够,只会一点点python,而这个网站从始至终都没有任何一点python语言(悲),全是java、css、html这些,只能靠着ai、CSDN、百度这些一点点查,一点点改。
      • 我现在只能让横图能够放大,其他图片不一定放大,但是都是可以通过点击图片让它出现在网页中间
    • 最后就是,这些图片,如果,你喜欢的话,我是说如果
      你可以点击右下角的 “Download Image” 打开一个界面,右键 将图片另存为,这里的画质应该是最高的(
      image.png

    • PS:Gallery里面的所有文章同样会出现在Archive里,毕竟Archive包含了所有,Gallery只是其中一部分满是图片的文章。

  4. Tags:
    image.png

    • 这里显而易见,就是按照tag分类文章的地方
    • 我会给一些文章打上标签,然后,在这个页面,你就能按照标签查找文章啦!
  5. Search:
    image.png

    • 这是最后一个界面了,是搜索功能
    • 它能搜索全站的文章,甚至包括我设定为hide的文章。
      • 设定为hide的文章不会再出现在Archive和Gallery界面,但是仍然会被搜索到,这是为什么呢?
      • 因为我只写了在Archive和Gallery界面渲染文章时过滤掉hide为true的文章,而我找了很久,始终都没有在hexo的文件里找到总的文章列表,没办法从里面直接剔除hide的文章,而Search的功能是自带的,全是java,我又找不到修改它搜索的那个列表在哪里,就改不了了…
      • 大家有兴趣的话也许可以用Search找找隐藏的彩蛋
  6. 评论系统:
    image.png

    • 大家可能发现了,每一篇文章下面都有一个评论区,你可以选择填入昵称和邮箱进行评论。当然不填也没关系,也可以照常评论的! 昵称不填会显示Anonymous,邮箱填了我也似乎看不到,它是因为连接了一个外部的数据库网站,如果你在那里注册了,用注册的邮箱,就会出现你的头像,除此之外没有任何作用。至于是什么网站,我也忘记了
    • 所以这里的评论区可以当做一个匿名提问箱!如果有啥问题也可以通过这里来问我哦,我可能也会弄一篇post专门作为提问箱吧。放心,只要你不自己写出你的名字,我只能看到评论。

博客的搭建

  • 这个博客是用了hexo的框架和zoeingwingkei大佬frame主题,在此基础上,我添加了一些前文提到的置顶功能和hide功能然后对一些界面进行了微调,然后加强了关于图片查看下载的功能,毕竟发图是我做这个博客的初衷。
  • 这个网站的源文件是通过Git上传到GitHub,然后再通过vercel部署到我的域名hppts://kawaro.space,vercel是外国的网站,所以这个域名链接的服务器也是外国的,所以所以你访问起来会有点点慢,挂个梯子会更快(
  • 博客的文章是用markdown语法书写的,非常简单高效,强推!相关的obsidiannotion都是markdown语法的笔记软件,都很好用,这篇文章就是在用obsidian作为编译器写的。
  • 图片用了PicGo这个软件存到了腾讯云的COS,作为图床,这样我就可以直接用URL调用想要的图片,比如这里!
  • 不过腾讯云COS似乎要付费,所以还有一个用bilibili做图床(也就是把图片上传到bilibili哪里,同样也是用PicGo)这样就是免费的啦!不过还需要对网站头文件做一点设置,也很简单,只是每次都得重新再PicGo里设置B站的信息,也不知道B站会不会哪一天发觉怎么有那么多人往他们那里丢奇奇怪怪的图片,然后把图床的路给封了。所以还是腾讯云安全一点,也不会很贵,那么多天我才花了0.02,(不过也没传多少图)
  • 如果你也是用obsidian做笔记,可以弄一个图床,这样就不用开个文件夹专门放笔记里的图片了,直接插入URL,这样笔记复制到哪里,只要支持markdown,就都能看到图片。obsidian里还有插件可以直接将插入的图片通过PicGo上传到图床并生成链接,而非转换成存储在电脑硬盘的相对路径,很好用!
  • 其他关于网站完善、功能增强的部分涉及太多代码,我也更是会不了一点,就不再赘述了,如果感兴趣的话可以直接dd我微信
  • 以防真的这个网站可以被浏览器搜到了,有其他小伙伴也和我一样对hexo的代码一无所知,想交流一下,这里留下一个邮箱wkawaro@gmail.com
  • 其他网站的账号都几乎是一言不发的状态,让他们继续隐身就好,也没啥好看的,好看的都在这里啦!就不在博客里贴那些什么主页链接了。

最后,祝大家早安、午安、还有晚安 :)
Have a good day ~ :)

Bye ~