创建个人博客的一些说明
一、动机
为了准备未来的c语言学习,突然有了搭建个人博客的想法,于是上网来搜各种教程,目前为止找到了一个讲的很细致的up主,并且我本人在”手把手的教程“下,成功搭建了个人博客。
下面是原教程视频:
创建Hexo并部署至Cloudflare - 2025版-哔哩哔哩
值得说的是自己总结的搭建过程:
hexo官网:https://hexo.io/zh-cn/
实现命令
npm install hexo-cli -g
hexo init blog
cd blog #切换到hexo根目录下
npm install
hexo server
二、本博客介绍
1.技术栈
Node.js、Hexo、Git
2.用途
目前主要是想为未来的C语言课程做准备,记录自己写代码的成长过程,但是目前还有写游戏百科的想法
哈哈哈
3.关于未来
目前有必要研究一下部署到cloudflare并且绑定二级域名
三、创建博客过程中遇到的问题
1.关于npm install hexo-cli -g
| 命令/参数 | 功能解释 |
|---|---|
| npm | Node.js的包管理工具,用于安装和管理JavaScript包/模块。 |
| install | npm的安装指令 |
| hexo-cli | 要安装的包名称,即Hexo的命令行界面(Command Line Interface),提供了操作Hexo博客的各种命令(如hexo init, hexo generate等)。 |
| -g | 关键参数,代表–global,意为全局安装。 |
-g是这个命令的核心,它使得安装的 hexo-cli工具可以在你系统的任何目录下被识别和运行。
(1)安装的hexo-cli目录在哪里?
全局安装的包通常位于Node.js安装目录下的 node_modules文件夹中.
(2)怎么查看Node.js安装位置?
Win+R打开命令提示符:where node
即可查看:
(3)维护与更改时注意__config.yml 文件所在的位置,根目录blog下是基础应用
主题theme中的__config.yml文件是博客的一些设置。
四、其他
博客主题应用位置:
一些命令的功能解释:
1. hexo g(全称:hexo generate)
意思:生成静态网站。
作用:这个命令会读取你的 Hexo 项目源文件(包括你写的 Markdown 文章、
_config.yml主题配置文件等),将它们编译、转换成一整套浏览器可以直接识别的静态文件(HTML、CSS、JS 文件)。生成位置:这些生成好的文件会放在项目根目录下的
public文件夹里。类比:就像作家先用手写稿(Markdown 源文件),然后通过打印机(
hexo g命令)打印成正式的出版物(静态网页)。什么时候用:
当你新建、修改或删除文章后。
当你修改了主题配置文件(
_config.butterfly.yml)或主配置文件(_config.yml)后。总之,任何对网站内容的更改,都需要重新执行这个命令来更新生成的静态文件。
2. hexo s(全称:hexo server)
意思:启动本地预览服务器。
作用:这个命令会在你的电脑上启动一个本地 Web 服务器(默认在
http://localhost:4000),让你可以在浏览器中实时预览你的博客网站最终会是什么样子。特点:在服务器运行期间,Hexo 会监视文件变动。如果你修改了源文件并保存,它会自动重新生成并刷新页面,你只需要在浏览器中刷新一下就能看到最新效果,非常方便调试。
什么时候用:当你想在本地查看博客的样式和效果时。你总是需要先执行
hexo s来预览,确认一切正常后,再部署到线上。