hexo+github搭建个人博客

关于使用hexo和github搭建个人博客的教程,使用fluid主题。

第一步安装 nodejs

下载 nodejs
进入 cmd 验证

E:\blog>node -v
v18.18.0

E:\blog>npm -v
9.8.1

第二步 安装镜像源

E:\blog>npm install -g cnpm -registry= https://registry.npm.taobao.org
Cnpm -v 验证
安装 hexo 博客文档框架
cnpm install -g hexo-cli
Hexo -v 验证
hexo安装成功

使用 hexo 搭建博客

创建 blog 文件夹
E:
Mkdir blog
Cd blog
直接在文件管理器下在找到 blog 文件夹,在 blog 文件夹下 git bash

hexo init
hexo s//启动start 本地预览
mary@LAPTOP-B73S5B2H MINGW 64 /e/blog
$ hexo s
INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.

博客已经生成

新建一篇文章

$ hexo n "我的一篇博客文章"
INFO  Validating config
INFO  Created: E:\blog\source\_posts\我的一篇博客文章.md
mary@LAPTOP-B73S5B2H MINGW 64 /e/blog
$ cd source/_posts/
mary@LAPTOP-B73S5B2H MINGW 64 /e/blog/source/_posts
$ ls -l
Total 5
-rw-r--r-- 1 mary 197121 876 Oct  5 18:22 hello-world. Md
-rw-r--r-- 1 mary 197121  72 Oct  5 18:26 我的一篇博客文章. Md

接下来可以,直接在资源管理器中找到我的一篇博客文章. Md 使用支持 markdown 的软件打开,然后编辑它
再次

hexo clean //清理
hexo g//生成

此时再次,Hexo s//启动 start 本地预览,会看到相应效果

部署到远端(github)

在 github 上新建库,必须跟用户名相同的命名
用户名.github.io
在 blog 目录下

Windows用这个:npm install hexo-deployer-git --save

设置_config. Yml 文件
在资源管理器下用 Notepad++打开
找到 deploy:

deploy:
  type: git
  repo: https://github.com/limyuone/limyuone.github.io.git
  branch: master

部署到远端

hexo d

已部署到远端

页面的主题

 git clone https://github.com/fluid-dev/hexo-theme-fluid.git themes/fluid//主题网址

Notepad++_config. Yml 文件,找到 themes,将默认改为 fluid 主题

hexo clean 
hexo g
hexo s
hexo d
Hexo clean:清除缓存,即清理已经生成了的页面。
Hexo g:是 hexo generate 的缩写,意思是生成静态文件。
Hexo s:是 hexo server 的缩写,意思是启动本地服务器预览网站。
Hexo d:是 hexo deploy 的缩写,意思是部署网站。
posted @   limyu  阅读(17)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
点击右上角即可分享
微信分享提示