用html制作个人博客博客制作教程

2025-12-23 云知道

第一章介绍一个开源的个人博客框架hexo ，展示如何使用它快速搭建个人博客，并发布到github
准备

Node环境
Git工具
GitHub账号

搭建
1.下载
npm i -g hexo-cli2.初始化
hexo init命令执行时会自动下载一个默认主题，这样一个初始化的博客网站就搭建成功了，接下来就可以启动了。
3.启动
hexo s启动成功后，打开浏览器，访问提示端口

用html制作个人博客博客制作教程

第二章写博客
利用命令行或者手动创建，这里讲一下命令行
进入控制台，切换到 source/_posts/ 目录下
cd source/_posts/1.新建
hexo n "名称"执行完成后，就会在source/_posts/下生成一个文件

用html制作个人博客博客制作教程

2.使用markdown编辑器编辑好内容，保存退出！
3.先清除
hexo clean再生成
hexo g4.最后再次启动
hexo s就可以看到自己写的博客了

用html制作个人博客博客制作教程

更换主题
自定义一个主题
推荐：
https://github.com/litten/hexo-theme-yilia,一个优雅简洁的主题
1.下载
从blog/下进入控制台
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia会将主题下载到目录文件夹themes/下

用html制作个人博客博客制作教程

2.修改配置
下载完成后，修改配置文件_config.yml,将theme换成自己要换的主题名

用html制作个人博客博客制作教程

3.保存退出之后再先清除
hexo clean再生成
hexo g4.启动
效果

用html制作个人博客博客制作教程

发布
到目前为止，我们创建的博客只能在本地运行，只能本地主机访问，这样的博客网站是没有任何意义的，因此，我们要将它发布到服务器上，这里我们采用一个免费的方式，将它发布到github上
1.创建仓库
点击加号后，选择new repository

用html制作个人博客博客制作教程

注意：新建的仓库名必须是：登录名+github.io

用html制作个人博客博客制作教程

2.安装插件
hexo-deployer-git：用将博客网站发布到远端的插件
【用html制作个人博客博客制作教程】切换到blog/下，进入控制台
3.修改配置文件
打开_config.yml ，找到最底修改为

用html制作个人博客博客制作教程

4.发布

推荐阅读

上一篇：好听冷门游戏id，推荐冷门游戏

下一篇：幼儿保育员的条件保育员是什么