Hexo Tutorial


Introduction

此文档为使用【Hexo + github pages +腾讯云】搭建个人博客网站的详细教程
思路:1.先用hexo框架生成blog,实现一些基础的功能和效果(很多都只要改true和false,比较简单)然后选择你喜欢的theme美化,hexo s完成得到本地地址http://localhost:4000/后,基础配置完成
2.把你的整个blog发布到github或者gitee上(hexo d),就可以通过github进行访问,会得到一个类似xxx.github.io.git的地址,谁都可以访问,差不多完成。
3.这个时候只需要再买一个子域名,在github pages里面设置一下,xxx.github.io.git地址就变成了你的私有地址,全部完成
4.然后就是优化加花你的blog和修复一些bug了,如果你要达到一个非常强的效果,css、js这些是需要反复调的,不够个人觉得没有什么必要,以上能基本实现然后能正常写东西就足够,简洁的才是最好的。

tutorial:
https://blog.csdn.net/qq_22841387/article/details/151066378
https://www.bilibili.com/video/BV1NY4y1C7Ng?vd_source=e9e3ea2b38df6c311ddde1bea2d8a489
https://www.bilibili.com/video/BV1q741167PJ?vd_source=e9e3ea2b38df6c311ddde1bea2d8a489

other:
腾讯云:https://cloud.tencent.com/login?s_url=https%3A%2F%2Fconsole.cloud.tencent.com%2Fdomain
找style:https://gohugo.io/documentation/
https://creativecommons.org/licenses/by/4.0/deed.en

hugo suggestions

1.hexo框架搭建:https://hexo.io/zh-cn/
2.建站:建立在github上 http://hjzts.github.io 买个域名,在阿里云(腾讯云)网站上做个转发
3.选择themes主题:matery、next(魔改版比较多) ,去找一些hexo美化教程
配置:樱花、点击特效、个性化文字、图片、看板娘、音乐
html转md:gpt
图片可以用图床:1h,可有可无
资料分享,用个云盘
评论功能:30min

博客园:几乎全部配置好了,30min可以全部搞定

https://volcaxiao.top/
https://cutedian.top/
https://yanna-zy.github.io/

hexo file level

your-hexo-site/                
├── _config.yml                 🚩【站点配置】修改 language: en、部署到 GitHub Pages、设置分类名
├── db.json                     缓存文件,遇到网页不更新时执行 hexo clean 会将其删除
├── node_modules/               存放 Live2D 小狗 (Wanko) 等 npm 安装的插件包
├── scaffolds/                  【文章模板】
│   └── post.md                 🚩修改此处可让每次 hexo new 的文章自动带上 categories: Robotics 标签
├── source/                     【源文件库】你的核心数据所在
│   ├── _posts/                 🚩存放你的无人机项目、强化学习 (RL) 笔记和工创赛心得的 .md 文件
│   ├── about/                  🚩index.md:编辑你的自我介绍,展示从 NEU 到 NUDT 的历程
│   ├── categories/             index.md:配置 type: “categories”,解决 “Cannot GET” 报错
│   ├── tags/                   index.md:配置 type: “tags”,存放你的技术标签云
│   ├── images/                 建议存放个人头像、竞赛获奖证书扫描件等静态资源
│   └── CNAME                   🚩写死你的自定义域名 jaijaic.site,防止 GitHub 自动重置
├── themes/
│   └── matery/                 【Matery 主题文件夹】
│       ├── _config.yml         🚩🚩【主题配置中心】
│ │ - 配置菜单项 (删除 Contact/Friends, Index 改 Home)
│ │ - 配置 Live2D 柴犬 Wanko 的坐标与显示
│ │ - 配置社交链接 (GitHub, QQ) 及 About 页面的技能条
│ │ - 关闭 Post Charts 和底部的分享图标
│       ├── languages/          🚩en.yml / zh-CN.yml:修改 QQ 提示语、菜单翻译的关键位置
│       ├── layout/             【EJS 模板布局】
│       │   ├── layout.ejs     🚩主结构:你曾在这里删除“回到顶部”按钮和查找模式提示语
│       │   └── _partial/
│       │       └── reprint.ejs 🚩版权声明的 HTML 结构,决定了 Author/Link 怎么显示
│       └── source/             【主题静态资源】
│           ├── css/
│           │   └── my.css     🚩🚩【样式自定义】你写死的蓝紫版权块样式、看板娘定位都在这
│           └── js/
│               └── matery.js 🚩【核心逻辑】你在这里删除了“晚上使用深色模式”的弹窗代码
└── public/                     执行 hexo g 后生成的静态网页,不要手动修改这里的内容

常用命令主要有4个:hexo clean,hexo g,hexo s,hexo d,
修改的主要配置文件有2个:BLOG/_config.yml和BLOG/themes/hexo-theme-matery/_config.yml

other tips

不知道直接问AI,确实很容易找不到,也建议先把blog文件层级目录理清楚,方便后续查找和修改
图片名称不能有_和#,最好简洁一点用数字按序号排序,还有注意你的是jpg还是png;
图床感觉没有什么必要弄,你并没有什么图片
需使用!,而且文件层级目录下只要有中文或者_等特殊符号都不行,最好全英文数字
建议把所有的图片、视频、文档、样式等全部放入BLOG/source/下进行管理,可以在BLOG/source/下新建很多个文件夹分类存放资源
域名配置wordpress
一些低级拼写错误:jpj、flase


Author: JaiJai
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint policy. If reproduced, please indicate source JaiJai !
  TOC