基于Hexo的个人博客网站

为什么会有这个网站?

我是一名大二在校生,刚刚自学完JavaWeb,看到别人做的各种各样好看的网站,就也有了做一个网站的想法。

没想到做这个网站用到技术几乎都是我没有接触过的ε(┬┬_┬┬)3。不过域名也买了服务器也买了与其放着不如拿来用用,我从五一做到今天花了整整两天时间才搭好现在的框架,还有很多功能没有实现。希望这个学期放假前能够完善(flag已立)(..•˘_˘•..)。

以后也会慢慢在这个网站上分享自己学到的知识╭(●`∀′●)╯

用到的技术

  1. node.js+git的底层

    bug:在安装完git后打算把Bolg文件夹建在E盘,建了半天也没成功,只好默认在C盘

    原因:现在看来可能是当时没用管理员权限启动git导致

  2. hexo初始化

    bug:在初始化hexo的时候,一直初始化失败

    原因:不会使用git切换目录,其实也是使用cd+路径的方法,不过路径有些不同:/c/Windows/System32/myblog,进入博客路径进行初始化

  3. GitHub的仓库部署+ssh验证

    bug:在本地实现主题后,部署到GitHub上没有显示css和js

    原因:在博客路径下的_config.yml中的url中没有设置好链接,应该是:URL:访问网站的链接

  4. Fluid主题设置

    没有理解官方的操作手册上的步骤,应该是把thems目录下的 _config.yml复制到博客目录下并改名为 _config_fluid.yml,此后的操作便可以直接在该文件中操作,实现平滑升级,不过我没有配置,我的所有操作还是在thems中_config.yml中进行的

  5. 微博图床+LeanCloud的评论系统

    将页面顶部的大图放到微博上生成url链接,而不是从本地目录下导入

    bug:配置好相应的参数后没有显示评论模块

    原因:不理解博客目录下各个文件夹的意思,可能是配置错了文件或位置,也可能引入文件错误

  6. 关于页的生成和自定义社交图标

    其实关于页应该在安装号主题后就立刻初始化生成的,我直到设置完了前面的一切才发现,关于页还没初始化。我只好把主题删了重新初始化,现在看来或许不用删。

    自定义图标用的是阿里的矢量图标

  7. 页脚增加网站运行时长和版权声明优化

    增加网站运行时长的时候也是设置好了但没有效果,应该也是引入文件错误

  8. 网页标题栏设置

    离开网站和返回网站的标题变化

  9. 阿里云服务器+DNS解析+SSL证书

    我的服务器是去年双十一的时候白嫖当时也不知道服务器能干啥,也不会用,后来又在阿里云上买了个域名。具备了搭建博客的基本条件

    建立映射关系:将GitHub和阿里云链接到同一页面

    备案:提交上各种证明材料然后等

  10. nginx实现https

    首先在阿里云上申请免费的ssl证书,然后下载证书文件上传到nginx中进行相应的配置

    我是在宝塔上安装的nginx,路径和网上教程的路径不同,我一直以为改个路径就好了结果卡在这3个小时

    其实直接按照教程上的路径按照配置就行,不过这样来说我的服务器上就会有两个nginx,好像也没什么影响

  11. 安装插件

    hexo-neat:提高网站的响应速度

    hexo-browsersync:改动js,css,md等文件时会实时同步网页

  12. 自动化部署

    简而言之,就是远端部署不在本地执行,在 GitHub 上进行。

    本地预览命令:hexo clean && hexo g && hexo s

    远端部署命令:hexo cl && hexo g -d

    将这两条指令设置到quicker中


基于Hexo的个人博客网站
https://yztldxdz.top/2022/05/02/为什么会有这个网站/
发布于
2022年5月2日
许可协议