博客搭建TIPS

懒得写了，不过同学也又类似思路搭了一遍，回看还是很简单的

本站介绍及建议(?)·

本站采用Hexo框架+Butterfly主题，购买的腾讯云服务器（2核2G 100多一年，没凑上好价格），CentOS7宝塔面板，国内备案，目前为静态页面，仅用于展示个人关于计算机知识的学习笔记。

关于个人可见（本站很多内容并不完善）：about | 放星星 (flyastar.top)

自己购买服务器一是后期可能有需要，二是感觉这样做出来的才完全是自己的，三是过程中锻炼自己的能力。

希望最好在搭建之前有一定的计算机的学习经验，并且在主流官方的平台发布过较多、详实的博客笔记，有做笔记和分享出来的习惯

有些问题只能自己多折腾，他人甚至也很难去远程指导，可能排查到最后发现是一个空格或配置文件之类的问题；例如备案等等也很难详细地去讲（会有些小细节的问题：应急联系人其实继续填自己就可以）

如果了解的话可能一天就搞定了

Github Pages篇和服务器篇优缺点·

如果你对本站的风格觉得不错，并且是一个小白，想要复现的话，可以往下继续看，尽量采用简洁的方式告诉你如何去学习搭建和两种搭建方式（Github Pages篇和服务器篇）！

下面介绍两种方式的优缺点：

	Github Pages	服务器
难度（下面前置基础会讲述各自所需要的基础）	简单	中等
价格	免费	几十到上百不等/一年
能力锻炼	熟悉Git等操作	服务器操作、修bug
访问速度	国外不稳定	通常表现不错
评价	感觉做出的不是自己的	可以折腾着玩
备案	不需要	必须
隐私性	差(仓库公开，commit记录)	不错

*上面写的很笼统，只是写了几个新手可能感兴趣的，可自行查阅抉择（当然还有很多选项：Gitee、海外服务器）

前置基础·

Github Pages篇·

如果你也想搭建一个网站或博客，并且并不打算购买服务器，想要很快的搭建出来，那么你可以采用Github Pages，以下是我认为你需要有的一些基础：

一颗热爱的心并愿意搜资料、试错、修bug
前端前端三件套（HTML、CSS、JS）简单了解过，知道相应的结构和简单的修改，学习的时候IDE自己用的是VScode，如果不致力于前端，不需要深入（我没深入学过，且学的很散，故不做课程推荐，但也不难，可以B站直接搜索找个课跟着实操）【作用：hexo+butterfly主题本地搭建设置和美化】
有Github账号，并且最好会用Git/Github Desktop，可以参考：Git 学习 | 放星星 (flyastar.top)（动手能力强直接搜博客上手实践）【作用：github.io和本地连接 git操作（并实现hexo的部署）】
Markdown：Markdown 基本语法 | Markdown 官方教程（差点就忘了）【排版效果不错，撰写文档笔记方便，网页支持好】有兴趣/较多数学公式的话可再学一下Latex

其实对于简单的、大众的内容CSDN上的博客还是不错的

知识的诅咒，会者不难，所以可能有些技术未能提及

服务器篇·

技能方面须掌握上面Github Pages篇的基础。

对于服务器方面，以下是我认为你最好掌握的技能，也可能是学了能够帮助你在过程中更好地排除bug：

Linux服务器（例如CentOS7、Ubuntu）的操作使用经验和会用一些常用的命令，可以，当然会的越多越好（例如输密码时不显示、复制粘贴、VIM、文件结构等等，不然到时候因为小问题一直出bug就很影响效率了），可能可以参考：【小白入门通俗易懂】2021韩顺平一周学会Linux_哔哩哔哩_bilibili （看一部分就够了，自己没看多少，感觉较为啰嗦、节奏慢，自己的Linux学习是正好大二下学期有这门课，自己多为查博客实操>看视频>看书）

动手实操·

Github Pages篇·

如果你已经掌握了前置基础相应板块的知识，可以参考我之前参考的这篇博客：

[Hexo + Butterfly 建站指南（〇）前言 | NX の博客 (nickxu.top)](https://www.nickxu.top/2022/02/13/Hexo + Butterfly 建站指南（〇）前言/) 点击可达鸣谢或参考资料，查看评价

安装hexo–>部署到Github Pages–>Butterfly的配置–>就可以自己自由的玩耍探索了

其实做完以后再回头看就是配置+命令即可，上面推荐的博主写的也很清晰，自己不打算详细写了

如果直接hexo部署有困难，可以先找一个小demo上传测试自己Git基础的掌握，例如：HTML+CSS制作一个精美Web首页（100行代码以内）_网页首页代码_C_Konchok的博客-CSDN博客

Hexo所需要的环境：入门日记之安装Node.js_nodejs chocolatey_等我一刹，散尽浮华。的博客-CSDN博客

官方文档：

GitHub Pages 快速入门 - GitHub 文档

在 GitHub Pages 上部署 Hexo | Hexo

有时候不懂了，跟着博客操作还是不行，可以试着静下心来看看官方文档，可能会解决问题，也能够更好地提升自己的能力

这些也是自己过程中参考的博客：

【保姆级】利用Github搭建自己的个人博客，看完就会 - Python研究者 - 博客园 (cnblogs.com)

服务器篇·

建议没有经验的一定要先看上面的操作，并且实操一遍，接下来开始介绍服务器的部分：

可以大致分为下面的步骤：

购买服务器及域名
备案
博客部署到腾讯云服务器，相关可参考Hexo博客部署到腾讯云服务器(使用宝塔面板) - 知乎 (zhihu.com)，评价见：点击可达鸣谢或参考资料
美化和丰富，可以自己自由的玩耍探索了

鸣谢或参考资料·

Hexo + Butterfly 建站指南（〇）前言 | NX の博客 (nickxu.top)

自己Github Pages和美化是参考这里，写的很通俗易懂；不过服务器搭建部分可能不详细，需要有基础和经验

嗐，调用的URL出错了，md里正常，博客上不行，原因大概是自己加了个插件中英文字符(或者全半角)之间自动加空格导致的错误

Hexo博客部署到腾讯云服务器(使用宝塔面板) - 知乎 (zhihu.com)

操作后SSH配置后依然无法免密hexo d，即每次deploy都要输密码，最后询问GPT解决

Butterfly - A Simple and Card UI Design theme for Hexo

关于Butterfly的官方文档和简单的美化教程，前期我感觉也够用了，也不想太花哨

Font Awesome

很好用 ,icon图标库但今天看好像有些要收费

iconfont-阿里巴巴矢量图标库

flyAstar/All-Github-Emoji-Icons: A repo of every emoji icon as a separate file and commit. ：Github的图标库

杂项·

这一部分，本打算放置过程中遇到的一些bug，以供各位操作时参考，但自己当时记的也不详细，很多漏掉了

SSH配置后依然无法免密hexo d [可能选项不对git]
之前是hexo g && hexo d，现在改成了hexo d -g
LF will be replaced by CRLF the next time Git touches it git提示CRLF will be replaced by LF问题及解决 - 掘金 (juejin.cn)
图片防盗链解决办法–主流浏览器图片反防盗链方法总结_图片防盗链最终解决方案_橙-极纪元的博客-CSDN博客
为什么修改成/img/github头像就对了，./public/img/github头像.jpg不对（GPT真的牛）

在Hexo中，./public文件夹是网站的根目录，所有的静态资源文件都应该存放在public文件夹中。因此，如果您的头像图片存放在public/img/文件夹中，您只需要在配置文件中指定相对于public文件夹的路径即可，例如img: "/img/github头像.jpg"。

如果您将路径设置为./public/img/github头像.jpg，则相当于指定了相对于配置文件的路径。这样设置会导致Hexo无法正确访问头像图片，因为Hexo会将路径解析为相对于配置文件的路径而不是相对于public文件夹的路径。因此，图片无法正确加载，出现404错误。

GPT yyds！上网查了很多博客都没解决的问题（免密hexo），大多都是Github Pages的，而自己是Linux宝塔买的服务器，很多博客写的也不够详细，甚至还打算再找插件或OPENssh之类来解决，感谢AIGC。