Hexo的搭建和后续优化等踩坑经验记录
点此展开
为什么要做这个网站
1.把每天的知识感想记录下来，缓解自己的知识焦虑感，也给其他人一个看到自己想法的机会。
2.可以把自己很多的数据资料等安心的放在这里保存，作为自己的一个小窝。
曾经有过的设想
1.提供RSS浏览功能
2.TOP10新闻，天气，股票等
3.相关资讯推送
4.网盘能力
5.表情包的存放库
只能说想的很美好，但是实际上实践有点困难，都是黑历史QAQ，当然不排除以后有机会实现这些
如何建站
建造工具的选择
1.动态网站：网站的交互性比较强，有登录注册评论等这些功能。这类网站的制作工具主要是Typecho、Wordpress等。
好处：这类网站的制作工具功能十分齐全和强大，且只要有网就可以随时随地连接上自己的数据库进行对博客的管理和更新。
坏处：需要一个数据库，这就意味着需要花一定的金钱成本。
2.静态网站：整个网站是静态的，没有过多的交互。如github pages
好处：简单方便
坏处：交互性没动态网站强
从个人用户的角度来看，我们直接选择静态网站即可，简单也方便，网上教程也十分多。
服务器和域名
网站离不开服务器和域名。服务器是网站文件寄托的位置，而域名就是一个网站的地址。
服务器我们可以选择国内各大云服务器服务商的，如阿里云、腾讯云等等。
也可以选择代码托管平台。这些代码托管平台提供了一个网站代码存放的位置。对于自己的钱包而言，我更推荐放在托管平台上面，免费。如果你想用钱换更快的速度，那也可以选择前者。
| 托管平台 |
|---|
| Github Pages（最常用） |
| Netlify |
| Vercel |
| Coding（国内） |
而域名，如果个人要求不高，可以直接使用免费的github pages的 默认用户名+.github.io 这么一个域名，而如果你嫌弃这个名字实在太长，也可以去国内各大云服务提供商买个域名，现在域名都很便宜了。
所以基本上参考了很多资料。使用的是Hexo+Github Pages+Next+Typora。非常常规。
在开始之前
因为Hexo是把Markdown转化为Html的，你需要对Markdown的语法有一定的了解。但不用担心，Markdown的语法十分简单，很容易上手。
当然在Hexo中也可以直接用html的语法来书写内容，可以拿html语法代替markdown。因为hexo就是为了把简单的markdown转化为复杂的html而存在的。
从对后面维护blog的角度来说，更希望各位能对html有一定的知识，对修改blog内的原始文件如swig和添加css代码等有很大的帮助
开始
从我懵懵懂懂一点知识都没有接触到后面完善blog以来，我都是利用下面这些文章一点一点把自己网站建了起来。很多问题我相信你都可以在接下来这些文章里找到答案。
参考的他人文章
点此展开
搭建Hexo博客中遇到的那些“坑”_Chak Aciano的博客-CSDN博客_validating config
Hexo的常用指令合集_连接数据库的博客-CSDN博客_hexo命令
Hexo博客的搭建及NexT主题一些问题的解决方案_sixsheep17的博客-CSDN博客
hexo-theme-next/README.cn.md at master · iissnan/hexo-theme-next
Hexo_更换主题（Next）_CHN_Joker的博客-CSDN博客_hexo更换主题
Hexo博文加密思路总结_程序员在旅途的博客-CSDN博客_hexo加密
【Hexo】nexT主题使用攻略基础——添加分类、标签及关于_离明zh的博客-CSDN博客_hexo next 标签
【个人网站搭建】GitHub pages+hexo框架下为next主题添加分类及标签_wangqingchuan92的博客-CSDN博客
hexo之next主题优化篇2_CoderCXF的博客-CSDN博客
hexo之next主题优化篇1_CoderCXF的博客-CSDN博客_# a button to open designated chat widget in sideb
Hexo中插入图片和音乐的几种方式_sunfove的博客-CSDN博客_hexo插入图片
Hexo博文置顶（自定义排序） - 灰信网（软件开发博客聚合）
Typora 常用快捷键大全_一&粟的博客-CSDN博客_typora快捷键
解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题 - xiejava - 博客园
为Hexo添加Valine评论系统_昕zqx的博客-CSDN博客_hexo valine
Chrome浏览器提示您的连接不是私密连接解决办法_孤寂的游魂的博客-CSDN博客_您的链接不是私密链接,攻击者可能会窃取您的信息谷歌
hexo 发布之后 gitpage 自定义域名失效_许许盛的博客-CSDN博客
Hexo的SEO优化-使用abbrlink设置永久链接为随机值 - 腾讯云开发者社区-腾讯云
【图床搭建】腾讯云COS+PicGo+Typora图床搭建_lonelysnowman的博客-CSDN博客_腾讯图床
Typora+路过图床实现插入图片即上传图床_蒋楼丶的博客-CSDN博客_路过图床
Hexo 双线部署到 Coding Pages 和 GitHub Pages 并实现全站 HTTPS_ITBOB • 鲍勃的博客-CSDN博客_coding pages
终于解决了hexo开启懒加载后图片无法立即显示的问题_东曜的博客-CSDN博客_hexo首次加载页面问题
npm常用命令(npm install --save 和npm install --save-dev的区别)_陈坚泓的博客-CSDN博客
Hexo添加自定义分类菜单项并定制页面布局 | Finisky Garden
同时支持置顶和隐藏文章的 hexo 生成器插件（hexo-generator-index-custom）_0o酱的博客-CSDN博客_hexo generatur index
自己写的文章
点此展开
个人一些杂碎笔记的集合
随着hexo使用的时间越来越长，杂碎笔记的数量越来越多。放在这里已经不太合适，于是单独出一篇文章来写这些杂碎。
关于插件
hexo本身有很多的插件可以使用，你可以根据自己的情况来下载一些自己喜欢的插件来完善自己的网站。
最后
比起建站几十分钟的时间耗费来看
后期维护和完善blog所要耗费的时间会比这多更多。