使用hexo搭建个人博客

最新推荐文章于 2025-02-09 22:28:20 发布

原创最新推荐文章于 2025-02-09 22:28:20 发布 · 235 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#hexo #个人博客快速搭建

记一次搭建hexo个人博客的心得

前提：要有node环境和git，使用node -v和git -v检测

1. 首先用淘宝镜像源cnpm代替npm(registry: 镜像)

sudo npm install -g cnpm -registry=https://registry.npm.taobao.org

说明：-g全局安装，使用淘宝镜像源cnpm

//也可以直接安装，不花里胡哨
	npm install hexo-cli -g

2. 输入cnpm看控制台是否报错

解决方案

//安装要自己配置软链接，亲～
	sudo ln -s ~/node/bin/cnpm /usr/local/bin
	sudo ln -s ~/node/bin/hexo /usr/local/bin

3. 初始化一个博客

//记得sudo
	sudo hexo init blog
	//创建
	hexo n
	//new一篇文章(要在source文件夹中)
	vim xxx.md
	//使用Markdown格式编辑，在初始化后会自动生成新的文章

4. 运行

hexo server
//运行服务器，可以简写成hexo s，在localhost:4000上可以查看网页

5. 换主题(有git)

官网链接：https://hexo.io/themes/

1. 进入目录下下载，下载到blog(当前应用名称目录下)的themes中

git clone https://github.com/xaoxuu/hexo-theme-material-x 
这是推荐的一个主题，但是貌似有bug，慎用。

2. 编辑_config.yml

找到 Extensions中的theme，在文档末尾处
theme: hexo-theme-cutie//改成放在themes下的文件夹名称即可

3. 载入主题

hexo clean //清除缓存
hexo g  //重新生成
hexo s  //即可看到主题更换之后的效果

6. 推到git服务器上

#####1. 安装一个插件
cnpm install --save hexo-deployer-git

2. 编辑_config.yml

调到配置文件文档末尾，找到deploy
deploy:
type: git
 repo: git@github.com:congyaqwq/congyaqwq.github.io.git    
 // 自己的github仓库地址，新建仓库名称一定是用户名.github.io
 branch: master

3. 部署到服务器hexo deployment

	hexo d 上传到服务器

最后可以直接使用用户名.github.io访问
成品可以点击