WorkLog

简要记录了一下搭建博客的过程.

基本搭建

搭建个人博客有许多种方案, 比如采用wordPress的方法等等, 网上也有许多的教程. 我在此采用的Hexo+githubio的方法, 参考的教程为使用 Hexo+GitHub 搭建个人免费博客教程（小白向） - 知乎 (zhihu.com).

相关的内容在教程中都讲的很详细了, 按部就班地跟着做即可, 在此不做赘述.

遇到的问题

  • github分支需要设置为main而不是master, 在评论区也已经有人提出来了, 对根目录下的配置文件_config.yml做简单的修改即可.

其余没有什么问题, 只是运行npm下载相关组件的时候真的很慢, 要等上好一会. 总之大概花费了一个小时, 完成了基本的搭建.

主题挑选

之后花了两个小时挑选主题. 在Hexo的官网中就有着几百个主题可供挑选. 经过下载主题, 阅读README文档, 修改配置文件等等一系列过程, 尝试了fluid, oranges, nexmoe, gal等主题, 最终决定选择reimu主题.
具体流程可参考D-Sketon/hexo-theme-reimu: 一款博丽灵梦风格的Hexo主题 | A Hakurei Reimu style Hexo theme. ❤Touhou❤ (github.com)以及hexo-theme-reimu-guide
手册比较详尽, 没什么好说的.

更改一下头像, 背景图, 贴上自己的个人链接等等, 最终效果如下图所示, 颜值还是比较高的.

遇到的问题

  • 头像无法显示. 根据手册一步步调整文件夹内容后, 发现头像始终无法正常显示. 后面到theme的github网页看了看issue, 才找到解决方案: 将source下的_data文件应该创建根目录处, 而不是创建在theme\reimu\..中.
  • 在文中插入的图片无法显示, 或者在本地可以显示但是部署到github后无法显示. 搜索了一下, 在这篇文章中得到了解答. 在hexo博客中插入图片的方法_hexo插入图片-CSDN博客

后续可能折腾的功能

  • [x] 主题自带的评论接口. 评论相关需要去注册一些东西, 稍微有些麻烦. 而且这个网站大部分时间应该都没什么访客, 所以目前还没有搞. 后续有时间也许会升级一下? 倘若有联系我的需求就通过邮箱或者私信吧. (2024-09-23 完毕. 采用了Valine, 主要看重了其匿名评论的功能. 其余的一些实现方案要么是外国的, 要么需要github账号, 不方便游客的留言. )
  • [ ] live2D小人. 插件自带的接口, 但是对当前的效果不是特别满意. 也许之后会研究一下网页相关的东西, 然后添加一个live2D小人上去?
  • [ ] 每日格言接口. 插件没有自带接口. 和live2D小人一样, 每日格言也有实现好的开源内容可以用, 但是需要修修补补才能添加到当前主题中, 所以还需要学习. 问问GPT会不会有指导呢?

维护相关的一些资料

在hexo版本过旧时, 如何进行升级. 主要依靠了npm相关的命令.
Hexo版本升级指南 | novnan’s notes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//以下指令均在Hexo目录下操作，先定位到Hexo目录  
//查看当前版本，判断是否需要升级  
> hexo version  
  
//全局升级hexo-cli  
> npm i hexo-cli -g  
  
//再次查看版本，看hexo-cli是否升级成功  
> hexo version  
  
//安装npm-check，若已安装可以跳过  
> npm install -g npm-check  
  
//检查系统插件是否需要升级  
> npm-check  
  
//安装npm-upgrade，若已安装可以跳过  
> npm install -g npm-upgrade  
  
//更新package.json  
> npm-upgrade  
  
//更新全局插件  
> npm update -g  
  
//更新系统插件  
> npm update --save  
  
//再次查看版本，判断是否升级成功  
> hexo version

精简版

1
2
3
4
> npm i hexo-cli -g  
> npm update
> npm update -g  
> npm update --save

其他

新发现的一个流程:
个人博客搭建教程 | 爱扑bug的熊 (cuijiacai.com)
https://www.bilibili.com/video/BV1qD4y1z783/

应该是我们课程的助教哥们做的 Jiacai Cui | Nanjing University (cuijiacai.com)

这个教程使用的个人博客框架是hexo，博客文件拖管于github，博客网站用netlify生成，国内访问采用cloudflare进行CDN加速

做的视频也很有意思, 是用的videoscribe
Animated Video Maker - Animation Made Easy | Videoscribe

backtop